From ee2aa038cd03506bdb1d16a5b2780c77eb05b0e4 Mon Sep 17 00:00:00 2001
From: Neil Dewhurst <ndewhurst@gmail.com>
Date: Tue, 18 Nov 2025 12:51:14 +0000
Subject: [PATCH] add aria-label to select elements

---
 src/partials/nav-cheat-sheet.hbs | 4 ++--
 src/partials/nav-explore.hbs     | 2 +-
 src/partials/nav-selectors.hbs   | 6 +++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/partials/nav-cheat-sheet.hbs b/src/partials/nav-cheat-sheet.hbs
index 4e998ba0..44c36230 100644
--- a/src/partials/nav-cheat-sheet.hbs
+++ b/src/partials/nav-cheat-sheet.hbs
@@ -1,7 +1,7 @@
 {{#if (eq page.attributes.theme 'cheat-sheet') }}
 <div class="nav-panel-types{{#unless page.navigation}} is-active{{/unless}}" data-panel="explore" data-selector-type="products">
   <div class="dropdown">
-    <select id="cheat-sheet-selector-products" class="cs-selector dropdown-styles" data-label-type="products">
+    <select aria-label="Product" id="cheat-sheet-selector-products" class="cs-selector dropdown-styles" data-label-type="products">
       {{!-- <option value="all" data-label="all" data-class="all" data-label-type="products">All</option> --}}
       {{#each page.attributes.cheatsheet-products}}
       {{#if this.default}}
@@ -23,7 +23,7 @@
 <div class="nav-panel-types{{#unless page.navigation}} is-active{{/unless}}" data-panel="explore"  data-selector-type="categories">
   {{!-- categories - eg read, write, structure, general --}}
   <div class="dropdown">
-    <select id="cheat-sheet-selector-categories" class="cs-selector dropdown-styles" data-label-type="categories">
+    <select aria-label="Cypher category" id="cheat-sheet-selector-categories" class="cs-selector dropdown-styles" data-label-type="categories">
       <option value="all" data-label="all" data-class="all" data-label-type="categories">All</option>
       {{#each page.attributes.cheatsheet-categories}}
       {{#if this.default}}
diff --git a/src/partials/nav-explore.hbs b/src/partials/nav-explore.hbs
index 90e6b1a0..ccd9ef89 100644
--- a/src/partials/nav-explore.hbs
+++ b/src/partials/nav-explore.hbs
@@ -4,7 +4,7 @@
   <div class="dropdown">
     <span class="dropdown-label">Neo4j Version</span>
 
-    <select data-current="{{@root.page.version}}" class="version-selector dropdown-styles">
+    <select aria-label="Version" data-current="{{@root.page.version}}" class="version-selector dropdown-styles">
       {{#each page.versions}}
       {{#unless (or this.prerelease (and (eq this.version @root.page.version) (eq @root.page.attributes.theme 'cheat-sheet') ))}}
       <option
diff --git a/src/partials/nav-selectors.hbs b/src/partials/nav-selectors.hbs
index 155d0627..c4afa1a5 100644
--- a/src/partials/nav-selectors.hbs
+++ b/src/partials/nav-selectors.hbs
@@ -15,7 +15,7 @@
   <div class="dropdown">
     <span class="dropdown-label">{{#with (or page.attributes.cheatsheet-product 'Product')}}{{this}}{{/with}} Version</span>
 
-    <select id="selector-version" data-current="{{@root.page.version}}" class="version-selector dropdown-styles">
+    <select aria-label="Version" id="selector-version" data-current="{{@root.page.version}}" class="version-selector dropdown-styles">
       {{#each page.versions}}
       {{#unless (and this.prerelease @root.page.attributes.nav-selectors-hide-prerelease)}}
       <option
@@ -41,7 +41,7 @@
 <div class="selectors">
 <div class="nav-panel-types{{#unless page.navigation}} is-active{{/unless}}" data-panel="explore" data-selector-type="products">
   <div class="dropdown">
-    <select id="cheat-sheet-selector-products" class="cs-selector dropdown-styles" data-label-type="products">
+    <select aria-label="Product" id="cheat-sheet-selector-products" class="cs-selector dropdown-styles" data-label-type="products">
       {{!-- <option value="all" data-label="all" data-class="all" data-label-type="products">All</option> --}}
       {{#each page.attributes.cheatsheet-products}}
       {{#if this.default}}
@@ -63,7 +63,7 @@
 <div class="nav-panel-types{{#unless page.navigation}} is-active{{/unless}}" data-panel="explore"  data-selector-type="categories">
   {{!-- categories - eg read, write, structure, general --}}
   <div class="dropdown">
-    <select id="cheat-sheet-selector-categories" class="cs-selector dropdown-styles" data-label-type="categories">
+    <select aria-label="Cypher category" id="cheat-sheet-selector-categories" class="cs-selector dropdown-styles" data-label-type="categories">
       <option value="all" data-label="all" data-class="all" data-label-type="categories">All</option>
       {{#each page.attributes.cheatsheet-categories}}
       {{#if this.default}}