1
0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00

Improve web accessibility

- Add associated label to form elements.
- Add discernible name to links.
This commit is contained in:
Cotes Chung
2020-10-27 16:20:22 +08:00
parent 57a4bfdb82
commit 8d4c1deb15
7 changed files with 42 additions and 40 deletions

View File

@@ -41,10 +41,11 @@
<i id="search-trigger" class="fas fa-search fa-fw"></i>
<span id="search-wrapper" class="align-items-center">
<i class="fas fa-search fa-fw"></i>
<input class="form-control" id="search-input" type="search" placeholder="{{ site.data.label.search_hint }}...">
<input class="form-control" id="search-input" type="search"
aria-label="search" placeholder="{{ site.data.label.search_hint }}...">
<i class="fa fa-times-circle fa-fw" id="search-cleaner"></i>
</span>
<span id="search-cancel" >Cancel</span>
</div>
</div>
</div>