Add aria-label to select elements (#346)

Author: recrwplay

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}}

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

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}}