Add aria-label for buttons and selects (#234)

languages/en.yml

@@ -102,6 +102,8 @@ accessibility:
   nav_toggle: Toggle navigation bar
   prev_page: Previous page
   next_page: Next page
+  back_to_top: Back to top
+  select_lang: Select language
 
 symbols_count_time:
   count: Symbols count in article

languages/zh-CN.yml

@@ -87,6 +87,8 @@ accessibility:
   nav_toggle: 切换导航栏
   prev_page: 上一页
   next_page: 下一页
+  back_to_top: 返回顶部
+  select_lang: 选择语言
 symbols_count_time:
   count: 本文字数
   count_total: 站点总字数

layout/_macro/sidebar.njk

@@ -39,7 +39,7 @@
       </div>
 
       {%- if theme.back2top.enable and theme.back2top.sidebar %}
-        <div class="back-to-top animated" role="button">
+        <div class="back-to-top animated" role="button" aria-label="{{ __('accessibility.back_to_top') }}">
           <i class="fa fa-arrow-up"></i>
           <span>0%</span>
         </div>

layout/_partials/languages.njk

@@ -5,7 +5,7 @@
       <span>{{ language_name(page.lang) }}</span>
       <i class="fa fa-angle-up" aria-hidden="true"></i>
     </label>
-    <select class="lang-select" data-canonical="">
+    <select class="lang-select" data-canonical="" aria-label="{{ __('accessibility.select_lang') }}">
       {% for language in languages %}
         <option value="{{ language }}" data-href="{{ i18n_path(language) }}" selected="">
           {{ language_name(language) }}

layout/_partials/widgets.njk

@@ -1,5 +1,5 @@
 {%- if theme.back2top.enable and not theme.back2top.sidebar %}
-  <div class="back-to-top" role="button">
+  <div class="back-to-top" role="button" aria-label="{{ __('accessibility.back_to_top') }}">
     <i class="fa fa-arrow-up"></i>
     <span>0%</span>
   </div>