Skip to content

Commit

Permalink
Accessibility: Add aria-label to the search button (mmistakes#2014)
Browse files Browse the repository at this point in the history 
* Accessibility: Add aria-label to the search button
* Update button aria text
* Add aria text to menu toggle
* Add span for search toggle
* Update span for menu label & remove aria
* Update ui-text.yml to add search_label
  • Loading branch information
@SeanKilleen @mmistakes
SeanKilleen authored and mmistakes committed Jan 1, 2019
1 parent cf4c074 commit ab7c5e6
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 1 deletion.
26 changes: 26 additions & 0 deletions _data/ui-text.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ en: &DEFAULT_EN
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label : "Toggle menu"
search_label : "Toggle search"
toc_label : "On this page"
ext_link_label : "Direct link"
less_than : "less than"
Expand Down Expand Up @@ -61,6 +62,7 @@ es: &DEFAULT_ES
breadcrumb_home_label : "Inicio"
breadcrumb_separator : "/"
menu_label :
search_label :
toc_label : "Contenidos"
ext_link_label : "Enlace"
less_than : "menos de"
Expand Down Expand Up @@ -106,6 +108,7 @@ fr: &DEFAULT_FR
breadcrumb_home_label : "Accueil"
breadcrumb_separator : "/"
menu_label : "Menu"
search_label :
toc_label : "Sur cette page"
ext_link_label : "Lien direct"
less_than : "moins de"
Expand Down Expand Up @@ -156,6 +159,7 @@ tr: &DEFAULT_TR
breadcrumb_home_label : "Ana Sayfa"
breadcrumb_separator : "/"
menu_label :
search_label :
toc_label : "İçindekiler"
ext_link_label : "Doğrudan Bağlantı"
less_than : "Şu süreden az: "
Expand Down Expand Up @@ -199,6 +203,7 @@ pt: &DEFAULT_PT
breadcrumb_home_label : "Início"
breadcrumb_separator : "/"
menu_label :
search_label :
toc_label : "Nesta Página"
ext_link_label : "Link Direto"
less_than : "menos de"
Expand Down Expand Up @@ -240,6 +245,7 @@ pt-BR:
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label :
search_label :
toc_label : "Nesta página"
ext_link_label : "Link direto"
less_than : "menos que"
Expand Down Expand Up @@ -281,6 +287,7 @@ it: &DEFAULT_IT
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label :
search_label :
toc_label : "Indice della pagina"
ext_link_label : "Link"
less_than : "meno di"
Expand Down Expand Up @@ -327,6 +334,7 @@ zh: &DEFAULT_ZH_HANS
breadcrumb_home_label : "首页"
breadcrumb_separator : "/"
menu_label : "切换菜单"
search_label :
toc_label : "在本页上"
ext_link_label : "直接链接"
less_than : "少于"
Expand Down Expand Up @@ -370,6 +378,7 @@ zh-TW: &DEFAULT_ZH_HANT
breadcrumb_home_label : "首頁"
breadcrumb_separator : "/"
menu_label : "切換選單"
search_label :
toc_label : "本頁"
ext_link_label : "外部連結"
less_than : "少於"
Expand Down Expand Up @@ -413,6 +422,7 @@ de: &DEFAULT_DE
breadcrumb_home_label : "Start"
breadcrumb_separator : "/"
menu_label : "Menü ein-/ausschalten"
search_label :
toc_label : "Auf dieser Seite"
ext_link_label : "Direkter Link"
less_than : "weniger als"
Expand Down Expand Up @@ -468,6 +478,7 @@ ne: &DEFAULT_NE
breadcrumb_home_label : "गृह"
breadcrumb_separator : "/"
menu_label : "टगल मेनु"
search_label :
toc_label : "यो पृष्‍ठमा"
ext_link_label : "सिधा सम्पर्क"
less_than : "कम्तिमा"
Expand Down Expand Up @@ -511,6 +522,7 @@ ko: &DEFAULT_KO
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label : "토글 메뉴"
search_label :
toc_label : "On This Page"
ext_link_label : "직접 링크"
less_than : "최대"
Expand Down Expand Up @@ -554,6 +566,7 @@ ru: &DEFAULT_RU
breadcrumb_home_label : "Главная"
breadcrumb_separator : "/"
menu_label : "Выпадающее меню"
search_label :
toc_label : "Содержание"
ext_link_label : "Прямая ссылка"
less_than : "менее"
Expand Down Expand Up @@ -599,6 +612,7 @@ lt: &DEFAULT_LT
breadcrumb_home_label : "Pagrindinis"
breadcrumb_separator : "/"
menu_label : "Meniu rodymas"
search_label :
toc_label : "Turinys"
ext_link_label : "Tiesioginė nuoroda"
less_than : "mažiau nei"
Expand Down Expand Up @@ -642,6 +656,7 @@ gr: &DEFAULT_GR
breadcrumb_home_label : "Αρχική"
breadcrumb_separator : "/"
menu_label : "Μενού"
search_label :
toc_label : "Περιεχόμενα"
ext_link_label : "Εξωτερικός Σύνδεσμος"
less_than : "Λιγότερο από"
Expand Down Expand Up @@ -687,6 +702,7 @@ sv: &DEFAULT_SV
breadcrumb_home_label : "Hem"
breadcrumb_separator : "/"
menu_label : "Meny ridå"
search_label :
toc_label : "På denna sida"
ext_link_label : "Direkt länk"
less_than : "mindre än"
Expand Down Expand Up @@ -732,6 +748,7 @@ nl: &DEFAULT_NL
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label : "Wissel Menu"
search_label :
toc_label : "Op deze pagina"
ext_link_label : "Directe Link"
less_than : "minder dan"
Expand Down Expand Up @@ -777,6 +794,7 @@ id: &DEFAULT_ID
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label : "Menu Toggle"
search_label :
toc_label : "Pada Halaman Ini"
ext_link_label : "Link langsung"
less_than : "Kurang dari"
Expand Down Expand Up @@ -820,6 +838,7 @@ vi: &DEFAULT_VI
breadcrumb_home_label : "Trang chủ"
breadcrumb_separator : "/"
menu_label : "Menu"
search_label :
toc_label : "Tại trang này"
ext_link_label : "Đường dẫn trực tiếp"
less_than : "nhỏ hơn"
Expand Down Expand Up @@ -863,6 +882,7 @@ da: &DEFAULT_DA
breadcrumb_home_label : "Home"
breadcrumb_separator : "/"
menu_label : "Vis/skjul menu"
search_label :
toc_label : "På denne side"
ext_link_label : "Direkte link"
less_than : "mindre end"
Expand Down Expand Up @@ -909,6 +929,7 @@ pl: &DEFAULT_PL
breadcrumb_home_label : "Strona główna"
breadcrumb_separator : "/"
menu_label : "Przełącz menu"
search_label :
toc_label : "Spis treści"
ext_link_label : "Link bezpośredni"
less_than : "mniej niż"
Expand Down Expand Up @@ -952,6 +973,7 @@ ja: &DEFAULT_JA
breadcrumb_home_label : "ホーム"
breadcrumb_separator : "/"
menu_label : "メニュー"
search_label :
toc_label : "目次"
ext_link_label : "リンク"
less_than :
Expand Down Expand Up @@ -997,6 +1019,7 @@ sk: &DEFAULT_SK
breadcrumb_home_label : "Domov"
breadcrumb_separator : "/"
menu_label : "Menu"
search_label :
toc_label : "Obsah"
ext_link_label : "Priamy odkaz"
less_than : "menej ako"
Expand Down Expand Up @@ -1043,6 +1066,7 @@ hu: &DEFAULT_HU
breadcrumb_home_label : "Kezdőlap"
breadcrumb_separator : "/"
menu_label : "Menü nyit/zár"
search_label :
toc_label : "Ezen az oldalon"
ext_link_label : "Közvetlen Link"
less_than : "kevesebb mint"
Expand Down Expand Up @@ -1089,6 +1113,7 @@ ro: &DEFAULT_RO
breadcrumb_home_label : "Acasă"
breadcrumb_separator : "/"
menu_label : "Comută meniul"
search_label :
toc_label : "Pe această pagină"
ext_link_label : "Link direct"
less_than : "mai puțin de"
Expand Down Expand Up @@ -1135,6 +1160,7 @@ pa: &DEFAULT_PA
breadcrumb_home_label : "ਘਰ"
breadcrumb_separator : "/"
menu_label : "ਟੌਗਲ ਮੀਨੂ"
search_label :
toc_label : "ਇਸ ਸਫ਼ੇ 'ਤੇ"
ext_link_label : "ਸਿੱਧਾ ਸੰਪਰਕ"
less_than : "ਤੋਂ ਘੱਟ"
Expand Down
3 changes: 2 additions & 1 deletion _includes/masthead.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,13 +17,14 @@
</ul>
{% if site.search == true %}
<button class="search__toggle" type="button">
<span class="visually-hidden">{{ site.data.ui-text[site.locale].search_label | default: "Toggle search" }}</span>
<svg class="icon" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.99 16">
<path d="M15.5,13.12L13.19,10.8a1.69,1.69,0,0,0-1.28-.55l-0.06-.06A6.5,6.5,0,0,0,5.77,0,6.5,6.5,0,0,0,2.46,11.59a6.47,6.47,0,0,0,7.74.26l0.05,0.05a1.65,1.65,0,0,0,.5,1.24l2.38,2.38A1.68,1.68,0,0,0,15.5,13.12ZM6.4,2A4.41,4.41,0,1,1,2,6.4,4.43,4.43,0,0,1,6.4,2Z" transform="translate(-.01)"></path>
</svg>
</button>
{% endif %}
<button class="greedy-nav__toggle hidden" type="button">
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle menu" }}</span>
<div class="navicon"></div>
</button>
<ul class="hidden-links hidden"></ul>
Expand Down

0 comments on commit ab7c5e6

Please sign in to comment.