Add aria-label to sidebar chevron

dragonstyle · dragonstyle · commit a099079f3d7c · 2023-03-07T13:20:42.000-05:00
Fixes #704
diff --git a/src/config/constants.ts b/src/config/constants.ts
@@ -215,6 +215,7 @@ export const kCodeToolsSourceCode = "code-tools-source-code";
 export const kSearchNoResultsText = "search-no-results-text";
 export const kSearch = "search";
 
+export const kToggleSection = "toggle-section";
 export const kToggleSidebar = "toggle-sidebar";
 export const kToggleDarkMode = "toggle-dark-mode";
 export const kToggleReaderMode = "toggle-reader-mode";
@@ -324,6 +325,7 @@ export const kLanguageDefaultsKeys = [
   kToggleNavigation,
   kToggleReaderMode,
   kToggleSidebar,
+  kToggleSection,
   kCopyButtonTooltip,
   kCopyButtonTooltipSuccess,
   kBackToTop,
diff --git a/src/config/types.ts b/src/config/types.ts
@@ -195,6 +195,7 @@ import {
   kToggleDarkMode,
   kToggleNavigation,
   kToggleReaderMode,
+  kToggleSection,
   kToggleSidebar,
   kTopLevelDivision,
   kVariables,
@@ -573,12 +574,12 @@ export interface FormatLanguage {
   [kToggleDarkMode]?: string;
   [kToggleNavigation]?: string;
   [kToggleReaderMode]?: string;
+  [kToggleSection]?: string;
   [kToggleSidebar]?: string;
   [kSearchMatchingDocumentsText]?: string;
   [kSearchCopyLinkTitle]?: string;
-  [kSearchHideMatchesText]?: string; // FIXME duplicate?
   [kSearchMoreMatchText]?: string;
-  [kSearchHideMatchesText]?: string; // FIXME duplicate?
+  [kSearchHideMatchesText]?: string;
   [kSearchClearButtonTitle]?: string;
   [kSearchDetatchedCancelButtonTitle]?: string;
   [kSearchSubmitButtonTitle]?: string;
diff --git a/src/resources/language/_language-cs.yml b/src/resources/language/_language-cs.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Zrušit"
 search-submit-button-title: "Odeslat"
 search: "Hledat"
 
+toggle-section: "Přepnout sekci"
 toggle-sidebar: "Přepnout postranní panel"
 toggle-dark-mode: "Přepnout tmavý režim"
 toggle-reader-mode: "Přepnout režim čtečky"
diff --git a/src/resources/language/_language-da.yml b/src/resources/language/_language-da.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Fortryd"
 search-submit-button-title: "Indsend"
 search: "Søg"
 
+toggle-section: "Skift sektion"
 toggle-sidebar: "Skift sidebjælke"
 toggle-dark-mode: "Skift mørk tilstand"
 toggle-reader-mode: "Skift læsetilstand"
diff --git a/src/resources/language/_language-de.yml b/src/resources/language/_language-de.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Abbrechen"
 search-submit-button-title: "Abschicken"
 search: "Suchen"
 
+toggle-section: "Abschnitt umschalten"
 toggle-sidebar: "Seitenleiste umschalten"
 toggle-dark-mode: "Dunkelmodus umschalten"
 toggle-reader-mode: "Lesemodus umschalten"
diff --git a/src/resources/language/_language-es.yml b/src/resources/language/_language-es.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Cancelar"
 search-submit-button-title: "Enviar"
 search: "Buscar"
 
+toggle-section: "Alternar sección"
 toggle-sidebar: "Alternar barra lateral"
 toggle-dark-mode: "Alternar modo oscuro"
 toggle-reader-mode: "Alternar modo lector"
diff --git a/src/resources/language/_language-fi.yml b/src/resources/language/_language-fi.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Peruuta"
 search-submit-button-title: "Lähetä"
 search: "Hae"
 
+toggle-section: "Vaihda osio"
 toggle-sidebar: "Vaihda sivupalkki"
 toggle-dark-mode: "Tumma tila päälle/pois"
 toggle-reader-mode: "Vaihda lukijatilaa"
diff --git a/src/resources/language/_language-fr.yml b/src/resources/language/_language-fr.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Annuler"
 search-submit-button-title: "Envoyer"
 search: "Recherche"
 
+toggle-section: "Basculer la section"
 toggle-sidebar: "Basculer la barre latérale"
 toggle-dark-mode: "Basculer le mode sombre"
 toggle-reader-mode: "Basculer en mode lecteur"
diff --git a/src/resources/language/_language-id.yml b/src/resources/language/_language-id.yml
@@ -57,6 +57,7 @@ search-detached-cancel-button-title: "Batal"
 search-submit-button-title: "Kirim"
 search: "Mencari"
 
+toggle-section: "Alihkan bagian"
 toggle-sidebar: "Alihkan bilah sisi"
 toggle-dark-mode: "Alihkan mode gelap"
 toggle-reader-mode: "Alihkan mode pembaca"
diff --git a/src/resources/language/_language-it.yml b/src/resources/language/_language-it.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Cancellare"
 search-submit-button-title: "Inviare"
 search: "Ricerca"
 
+toggle-section: "Attiva/disattiva sezione"
 toggle-sidebar: "Attiva/disattiva la barra laterale"
 toggle-dark-mode: "Attiva/disattiva la modalità oscura"
 toggle-reader-mode: "Attiva/disattiva la modalità lettore"
diff --git a/src/resources/language/_language-ja.yml b/src/resources/language/_language-ja.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "取消"
 search-submit-button-title: "検索"
 search: "サーチ"
 
+toggle-section: "セクションを切り替え"
 toggle-sidebar: "サイドバーを切り替える"
 toggle-dark-mode: "ダークモードの切り替え"
 toggle-reader-mode: "リーダーモードの切り替え"
diff --git a/src/resources/language/_language-ko.yml b/src/resources/language/_language-ko.yml
@@ -59,6 +59,7 @@ search-detached-cancel-button-title: "취소"
 search-submit-button-title: "검색"
 search: "검색"
 
+toggle-section: "토글 섹션"
 toggle-sidebar: "사이드바 전환"
 toggle-dark-mode: "다크 모드 전환"
 toggle-reader-mode: "리더 모드 전환"
diff --git a/src/resources/language/_language-nl.yml b/src/resources/language/_language-nl.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Annuleren"
 search-submit-button-title: "Verzenden"
 search: "Zoeken"
 
+toggle-section: "Schakel sectie"
 toggle-sidebar: "Schakel zijbalk in"
 toggle-dark-mode: "Schakel donkere modus in"
 toggle-reader-mode: "Schakel de leesmodus in"
diff --git a/src/resources/language/_language-pl.yml b/src/resources/language/_language-pl.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Anuluj"
 search-submit-button-title: "Zatwierdź"
 search: "Szukaj"
 
+toggle-section: "Przełącz sekcję"
 toggle-sidebar: "Przełącz pasek boczny"
 toggle-dark-mode: "Przełącz tryb ciemny"
 toggle-reader-mode: "Przełącz tryb czytnika"
diff --git a/src/resources/language/_language-pt-BR.yml b/src/resources/language/_language-pt-BR.yml
@@ -59,6 +59,7 @@ search-detached-cancel-button-title: "Cancelar"
 search-submit-button-title: "Enviar"
 search: "Procurar"
 
+toggle-section: "Alternar seção"
 toggle-sidebar: "Alternar barra lateral"
 toggle-dark-mode: "Alternar modo escuro"
 toggle-reader-mode: "Alternar modo de leitor"
diff --git a/src/resources/language/_language-pt.yml b/src/resources/language/_language-pt.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Cancelar"
 search-submit-button-title: "Enviar"
 search: "Procurar"
 
+toggle-section: "Alternar seção"
 toggle-sidebar: "Alternar barra lateral"
 toggle-dark-mode: "Alternar modo escuro"
 toggle-reader-mode: "Alternar modo de leitor"
diff --git a/src/resources/language/_language-ru.yml b/src/resources/language/_language-ru.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Отменить"
 search-submit-button-title: "Найти"
 search: "Поиск"
 
+toggle-section: "Переключить раздел"
 toggle-sidebar: "Переключить боковую панель навигации"
 toggle-dark-mode: "Переключить темный режим"
 toggle-reader-mode: "Переключить режим чтения"
diff --git a/src/resources/language/_language-tr.yml b/src/resources/language/_language-tr.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "İptal et"
 search-submit-button-title: "Göndermek"
 search: "Aramak"
 
+toggle-section: "Bölümü değiştir"
 toggle-sidebar: "Kenar çubuğunu değiştir"
 toggle-dark-mode: "Karanlık modu değiştir"
 toggle-reader-mode: "Okuyucu modunu değiştir"
diff --git a/src/resources/language/_language-zh.yml b/src/resources/language/_language-zh.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "取消"
 search-submit-button-title: "提交"
 search: "搜索"
 
+toggle-section: "切換部分"
 toggle-sidebar: "切换侧边栏导航"
 toggle-dark-mode: "切换深色模式"
 toggle-reader-mode: "切换阅读器模式"
diff --git a/src/resources/language/_language.yml b/src/resources/language/_language.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Cancel"
 search-submit-button-title: "Submit"
 search: "Search"
 
+toggle-section: "Toggle section"
 toggle-sidebar: "Toggle sidebar navigation"
 toggle-dark-mode: "Toggle dark mode"
 toggle-reader-mode: "Toggle reader mode"
diff --git a/src/resources/language/_language_nb.yml b/src/resources/language/_language_nb.yml
@@ -60,6 +60,7 @@ search-detached-cancel-button-title: "Avbryt"
 search-submit-button-title: "Send inn"
 search: "Søk"
 
+toggle-section: "Slå på delen"
 toggle-sidebar: "Slå av eller på sidebarnavigering"
 toggle-dark-mode: "Bytt mørk modus"
 toggle-reader-mode: "Bytt lesermodus"
diff --git a/src/resources/projects/website/templates/sidebar.ejs b/src/resources/projects/website/templates/sidebar.ejs
@@ -82,7 +82,7 @@
     <div class="sidebar-menu-container"> 
     <ul class="list-unstyled mt-1">
     <% sidebar.contents.forEach(item => { %>
-        <% partial('sidebaritem.ejs', { item, depth: 1, collapse: sidebar['collapse-level'], borderColor: borderColor }) %>
+        <% partial('sidebaritem.ejs', { item, depth: 1, collapse: sidebar['collapse-level'], borderColor: borderColor, language: language }) %>
     <% }) %>
     </ul>
     </div>
diff --git a/src/resources/projects/website/templates/sidebaritem.ejs b/src/resources/projects/website/templates/sidebaritem.ejs
@@ -21,13 +21,13 @@
           <% } else { %> 
             <a class="sidebar-item-text sidebar-link text-start<%- isCollapsed ? " collapsed" : "" %>" data-bs-toggle="collapse" data-bs-target="#<%- sectionId %>" aria-expanded="<%- isCollapsed ? "false" : "true" %>"><% partial('navicon.ejs', { item }) %> <span class="menu-text"><%- item.text %></span></a>
           <% }  %>      
-          <a class="sidebar-item-toggle text-start<%- isCollapsed ?  " collapsed" : "" %>" data-bs-toggle="collapse" data-bs-target="#<%- sectionId %>" aria-expanded="<%- isCollapsed ? "false" : "true" %>">
+          <a class="sidebar-item-toggle text-start<%- isCollapsed ?  " collapsed" : "" %>" data-bs-toggle="collapse" data-bs-target="#<%- sectionId %>" aria-expanded="<%- isCollapsed ? "false" : "true" %>" aria-label="<%- language['toggle-section'] %>">
             <i class="bi bi-chevron-right ms-2"></i>
           </a> 
       </div>
       <ul id="<%- sectionId %>" class="collapse list-unstyled sidebar-section depth<%-depth%> <%- isCollapsed ? "" : "show" %>">  
         <% item.contents.forEach(subItem => { %>
-          <% partial('sidebaritem.ejs', { item: subItem, depth: depth + 1, collapse: collapse, borderColor: borderColor }) %>
+          <% partial('sidebaritem.ejs', { item: subItem, depth: depth + 1, collapse: collapse, borderColor: borderColor, language: language }) %>
         <% }) %>
       </ul>
     <% } else { %>
