Align Architecture & Vocabularies sidebar with Figma wireframe (#108)

- Rename section "Architecture and Vocabularies" → "Architecture & Vocabularies"
- Add explicit text labels: Overview, Requirements, Schema, Vocabularies
  (was showing raw file titles like "iSamples Vocabularies")
- Rename "Metadata Model" → "Schema" to match wireframe
- Add TestSidebarArchitectureVocabularies test class (4 tests)
- Update existing test to match "&" in section name

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: rdhyee

_quarto.yml

@@ -87,13 +87,16 @@ website:
           href: "about.qmd#photo-gallery"
         - text: "Background & History"
           href: "about.qmd#background-history"
-      - section: "Architecture and Vocabularies"
+      - section: "Architecture & Vocabularies"
         contents:
-          - design/index.qmd
-          - design/requirements.md
-          - text: Metadata Model
+          - href: design/index.qmd
+            text: Overview
+          - href: design/requirements.md
+            text: Requirements
+          - text: Schema
             href: "https://isamplesorg.github.io/metadata/"
-          - models/index.qmd
+          - href: models/index.qmd
+            text: Vocabularies
       - section: "Research & Resources"
         contents:
         - text: Publications & Conferences

tests/test_navigation.py

@@ -14,7 +14,7 @@ class TestSidebarSections:
     def test_sidebar_shows_architecture_and_vocabularies(self, page):
         page.goto(f"{SITE_URL}/about.html", wait_until="domcontentloaded")
         sidebar = page.locator(".sidebar-navigation")
-        assert sidebar.get_by_text("Architecture and Vocabularies").count() > 0
+        assert sidebar.get_by_text("Architecture & Vocabularies").count() > 0
 
     def test_sidebar_does_not_show_old_information_architecture(self, page):
         page.goto(f"{SITE_URL}/about.html", wait_until="domcontentloaded")
@@ -94,6 +94,30 @@ def test_about_has_background_history(self, page):
         assert sidebar.get_by_text("Background & History").count() > 0
 
 
+class TestSidebarArchitectureVocabularies:
+    """Architecture & Vocabularies should have 4 items matching wireframe."""
+
+    def test_has_overview(self, page):
+        page.goto(f"{SITE_URL}/design/index.html", wait_until="domcontentloaded")
+        sidebar = page.locator(".sidebar-navigation")
+        assert sidebar.get_by_text("Overview", exact=True).count() > 0
+
+    def test_has_requirements(self, page):
+        page.goto(f"{SITE_URL}/design/index.html", wait_until="domcontentloaded")
+        sidebar = page.locator(".sidebar-navigation")
+        assert sidebar.get_by_text("Requirements", exact=True).count() > 0
+
+    def test_has_schema(self, page):
+        page.goto(f"{SITE_URL}/design/index.html", wait_until="domcontentloaded")
+        sidebar = page.locator(".sidebar-navigation")
+        assert sidebar.get_by_text("Schema", exact=True).count() > 0
+
+    def test_has_vocabularies(self, page):
+        page.goto(f"{SITE_URL}/design/index.html", wait_until="domcontentloaded")
+        sidebar = page.locator(".sidebar-navigation")
+        assert sidebar.get_by_text("Vocabularies", exact=True).count() > 0
+
+
 class TestSidebarResearchResources:
     """Research & Resources should have 3 items matching wireframe."""