Added aria labels to language and version selector

.github/ISSUE_TEMPLATE/translate.md

@@ -30,18 +30,23 @@ assignees: ''
   "search.config.separator": "[\s\-]+",
   "search.placeholder": "Search",
   "search.reset": "Clear",
+  "search.result.initializer": "Initializing search",
   "search.result.placeholder": "Type to start searching",
   "search.result.none": "No matching documents",
   "search.result.one": "1 matching document",
   "search.result.other": "# matching documents",
   "search.result.more.one": "1 more on this page",
   "search.result.more.other": "# more on this page",
+  "search.result.term.missing": "Missing",
+  "select.language.title": "Select language",
+  "select.version.title": "Select version",
   "skip.link.title": "Skip to content",
   "source.link.title": "Go to repository",
   "source.file.date.updated": "Last update",
   "source.file.date.created": "Created",
   "tabs.title": "Tabs",
-  "toc.title": "Table of contents"
+  "toc.title": "Table of contents",
+  "top.title": "Back to top"
 }[key] }}{% endmacro %}
 ```
 

material/base.html

@@ -214,7 +214,8 @@
         "search.result.other",
         "search.result.more.one",
         "search.result.more.other",
-        "search.result.term.missing"
+        "search.result.term.missing",
+        "select.version.title"
       ] -%}
         {%- set _ = translations.update({ key: lang.t(key) }) -%}
       {%- endfor -%}
@@ -223,7 +224,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.f8da964b.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.76f349be.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

material/overrides/assets/javascripts/bundle.f989075e.min.js

@@ -15,5 +15,5 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-//# sourceMappingURL=bundle.7a44c2b0.min.js.map
+//# sourceMappingURL=bundle.f989075e.min.js.map
 

material/overrides/main.html

@@ -35,5 +35,5 @@
 {% endblock %}
 {% block scripts %}
   {{ super() }}
-  <script src="{{ 'overrides/assets/javascripts/bundle.7a44c2b0.min.js' | url }}"></script>
+  <script src="{{ 'overrides/assets/javascripts/bundle.f989075e.min.js' | url }}"></script>
 {% endblock %}

material/partials/header.html

@@ -45,7 +45,7 @@
       <div class="md-header__option">
         <div class="md-select">
           {% set icon = config.theme.icon.alternate or "material/translate" %}
-          <button class="md-header__button md-icon" aria-label="{{ lang.t('language.select') }}">
+          <button class="md-header__button md-icon" aria-label="{{ lang.t('select.language.title') }}">
             {% include ".icons/" ~ icon ~ ".svg" %}
           </button>
           <div class="md-select__inner">

material/partials/languages/de.html

@@ -20,6 +20,8 @@
   "search.result.more.one": "1 weiteres Suchergebnis auf dieser Seite",
   "search.result.more.other": "# weitere Suchergebnisse auf dieser Seite",
   "search.result.term.missing": "Es fehlt",
+  "select.language.title": "Sprache wechseln",
+  "select.version.title": "Version auswählen",
   "skip.link.title": "Zum Inhalt",
   "source.link.title": "Quellcode",
   "source.revision.date": "Letztes Update",

material/partials/languages/en.html

@@ -11,7 +11,6 @@
   "footer.next": "Next",
   "footer.title": "Footer",
   "header.title": "Header",
-  "language.select": "Select language",
   "meta.comments": "Comments",
   "meta.source": "Source",
   "nav.title": "Navigation",
@@ -28,6 +27,8 @@
   "search.result.more.one": "1 more on this page",
   "search.result.more.other": "# more on this page",
   "search.result.term.missing": "Missing",
+  "select.language.title": "Select language",
+  "select.version.title": "Select version",
   "skip.link.title": "Skip to content",
   "source.link.title": "Go to repository",
   "source.revision.date": "Last update",

src/assets/javascripts/_/index.ts

@@ -57,6 +57,7 @@ export type Translation =
   | "search.result.more.one"           /* 1 more on this page */
   | "search.result.more.other"         /* # more on this page */
   | "search.result.term.missing"       /* Missing */
+  | "select.version.title"             /* Version selector */
 
 /**
  * Translations

src/assets/javascripts/templates/version/index.tsx

@@ -20,7 +20,7 @@
  * IN THE SOFTWARE.
  */
 
-import { configuration } from "~/_"
+import { configuration, translation } from "~/_"
 import { h } from "~/utilities"
 
 /* ----------------------------------------------------------------------------
@@ -85,7 +85,10 @@ export function renderVersionSelector(versions: Version[]): HTMLElement {
   /* Render version selector */
   return (
     <div class="md-version">
-      <button class="md-version__current">
+      <button
+        class="md-version__current"
+        aria-label={translation("select.version.title")}
+      >
         {active.title}
       </button>
       <ul class="md-version__list">

src/base.html

@@ -386,7 +386,8 @@
         "search.result.other",
         "search.result.more.one",
         "search.result.more.other",
-        "search.result.term.missing"
+        "search.result.term.missing",
+        "select.version.title"
       ] -%}
         {%- set _ = translations.update({ key: lang.t(key) }) -%}
       {%- endfor -%}

src/partials/header.html

@@ -103,7 +103,10 @@
       <div class="md-header__option"></form>
         <div class="md-select">
           {% set icon = config.theme.icon.alternate or "material/translate" %}
-          <button class="md-header__button md-icon" aria-label="{{ lang.t('language.select') }}"">
+          <button
+            class="md-header__button md-icon"
+            aria-label="{{ lang.t('select.language.title') }}"
+          >
             {% include ".icons/" ~ icon ~ ".svg" %}
           </button>
           <div class="md-select__inner">

src/partials/languages/de.html

@@ -40,10 +40,13 @@
   "search.result.more.one": "1 weiteres Suchergebnis auf dieser Seite",
   "search.result.more.other": "# weitere Suchergebnisse auf dieser Seite",
   "search.result.term.missing": "Es fehlt",
+  "select.language.title": "Sprache wechseln",
+  "select.version.title": "Version auswählen",
   "skip.link.title": "Zum Inhalt",
   "source.link.title": "Quellcode",
   "source.revision.date": "Letztes Update",
   "source.file.date.updated": "Letztes Update",
   "source.file.date.created": "Erstellt",
-  "toc.title": "Inhaltsverzeichnis"
+  "toc.title": "Inhaltsverzeichnis",
+  "top.title": "Zurück zum Seitenanfang"
 }[key] }}{% endmacro %}

src/partials/languages/en.html

@@ -31,7 +31,6 @@
   "footer.next": "Next",
   "footer.title": "Footer",
   "header.title": "Header",
-  "language.select": "Select language",
   "meta.comments": "Comments",
   "meta.source": "Source",
   "nav.title": "Navigation",
@@ -48,6 +47,8 @@
   "search.result.more.one": "1 more on this page",
   "search.result.more.other": "# more on this page",
   "search.result.term.missing": "Missing",
+  "select.language.title": "Select language",
+  "select.version.title": "Select version",
   "skip.link.title": "Skip to content",
   "source.link.title": "Go to repository",
   "source.revision.date": "Last update",