Skip to content

Commit e150930

Browse files
cotes2020cotes2020
committed
Improve web accessibility
- Add associated label to form elements. - Add discernible name to links.
1 parent b071cd6 commit e150930

File tree

7 files changed

+42
-40
lines changed

7 files changed

+42
-40
lines changed

‎_data/contact.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,14 @@
2121

2222
# Uncomment and complete the url below to enable more contact options
2323
# -
24+
# type: mastodon
2425
# icon: 'fab fa-mastodon' # icons powered by <https://fontawesome.com/>
2526
# url: '' # Fill with your mastodon account page
2627
# -
28+
# type: linkedin
2729
# icon: 'fab fa-linkedin' # icons powered by <https://fontawesome.com/>
2830
# url: '' # Fill with your Linkedin homepage
2931
# -
32+
# type: stack-overflow
3033
# icon: 'fab fa-stack-overflow'
3134
# url: '' # Fill with your stackoverflow homepage

‎_includes/post-paginator.html‎

Lines changed: 30 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,15 @@
1010
<ul class="pagination mt-4 mb-0 pl-lg-2">
1111
<!-- left arrow -->
1212
{% if paginator.previous_page %}
13-
<li class="page-item">
14-
<a class="page-link btn-box-shadow" href="{{ site.baseurl }}{{ paginator.previous_page_path }}">
13+
{% assign prev_url = paginator.previous_page_path | relative_url %}
14+
{% else %}
15+
{% assign prev_url = "#" %}
16+
{% endif %}
17+
<li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
18+
<a class="page-link btn-box-shadow" href="{{ prev_url }}" aria-label="previous-page">
1519
<i class="fas fa-angle-left"></i>
1620
</a>
1721
</li>
18-
{% else %}
19-
<li class="page-item disabled">
20-
<a class="page-link btn-box-shadow" href="#"><i class="fas fa-angle-left"></i></a>
21-
</li>
22-
{% endif %}
23-
<!-- endof left arrow -->
2422

2523
<!-- page numbers -->
2624
{% assign left_ellipsis = false %}
@@ -51,38 +49,37 @@
5149
{% endif %}
5250

5351
{% if show %}
54-
<!-- show number -->
55-
<li class="page-item {% if i == paginator.page %} active{% endif %}">
56-
<a class="page-link btn-box-shadow" href="{{ site.baseurl }}/{% if i > 1%}page{{ i }}/{% endif %}">{{ i }}</a>
52+
<!-- show number -->
53+
<li class="page-item {% if i == paginator.page %} active{% endif %}">
54+
<a class="page-link btn-box-shadow" href="{{ site.baseurl }}/{% if i > 1%}page{{ i }}/{% endif %}">{{ i }}</a>
55+
</li>
56+
{% else %}
57+
<!-- hide number -->
58+
{% if i < pre and left_ellipsis == false %}
59+
<li class="page-item disabled">
60+
<span class="page-link btn-box-shadow">...</span>
61+
</li>
62+
{% assign left_ellipsis = true %}
63+
{% elsif i > next and right_ellipsis == false %}
64+
<li class="page-item disabled">
65+
<span class="page-link btn-box-shadow">...</span>
5766
</li>
58-
{% else %}
59-
<!-- hide number -->
60-
{% if i < pre and left_ellipsis == false %}
61-
<li class="page-item disabled">
62-
<span class="page-link btn-box-shadow">...</span>
63-
</li>
64-
{% assign left_ellipsis = true %}
65-
{% elsif i > next and right_ellipsis == false %}
66-
<li class="page-item disabled">
67-
<span class="page-link btn-box-shadow">...</span>
68-
</li>
69-
{% assign right_ellipsis = true %}
70-
{% endif %}
67+
{% assign right_ellipsis = true %}
7168
{% endif %}
69+
{% endif %}
7270

7371
{% endfor %}
7472

7573
<!-- right arrow -->
76-
{% if paginator.next_page %}
77-
<li class="page-item">
78-
<a class="page-link btn-box-shadow" href="{{ site.baseurl }}{{ paginator.next_page_path }}">
74+
{% if paginator.next_page_path %}
75+
{% assign next_url = paginator.next_page_path | relative_url %}
76+
{% else %}
77+
{% assign next_url = "#" %}
78+
{% endif %}
79+
<li class="page-item {% unless paginator.next_page_path %}disabled{% endunless %}">
80+
<a class="page-link btn-box-shadow" href="{{ next_url }}" aria-label="next-page">
7981
<i class="fas fa-angle-right"></i>
8082
</a>
8183
</li>
82-
{% else %}
83-
<li class="page-item disabled">
84-
<a class="page-link btn-box-shadow" href="#"><i class="fas fa-angle-right"></i></a>
85-
</li>
86-
{% endif %}
8784

88-
</ul> <!-- .pagination -->
85+
</ul> <!-- .pagination -->

‎_includes/post-sharing.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
{% for share in site.data.share.platforms %}
1717
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
1818
<a href="{{ link }}" data-toggle="tooltip" data-placement="top"
19-
title="{{ share.type }}" target="_blank" rel="noopener">
19+
title="{{ share.type }}" target="_blank" rel="noopener" aria-label="{{ share.type }}">
2020
<i class="fa-fw {{ share.icon }}"></i>
2121
</a>
2222
{% endfor %}

‎_includes/sidebar.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@
8181
{% endcapture %}
8282

8383
{% if url != '' %}
84-
<a href="{{ url }}" {% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}>
84+
<a href="{{ url }}" aria-label="{{ entry.type }}" {% unless entry.noblank %}target="_blank" rel="noopener"{% endunless %}>
8585
<i class="{{ entry.icon }}"></i>
8686
</a>
8787
{% endif %}

‎_includes/topbar.html‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,10 +41,11 @@
4141
<i id="search-trigger" class="fas fa-search fa-fw"></i>
4242
<span id="search-wrapper" class="align-items-center">
4343
<i class="fas fa-search fa-fw"></i>
44-
<input class="form-control" id="search-input" type="search" placeholder="{{ site.data.label.search_hint }}...">
44+
<input class="form-control" id="search-input" type="search"
45+
aria-label="search" placeholder="{{ site.data.label.search_hint }}...">
4546
<i class="fa fa-times-circle fa-fw" id="search-cleaner"></i>
4647
</span>
4748
<span id="search-cancel" >Cancel</span>
4849
</div>
4950

50-
</div>
51+
</div>

‎_layouts/default.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848

4949
<div id="mask"></div>
5050

51-
<a id="back-to-top" href="#" class="btn btn-lg btn-box-shadow" role="button">
51+
<a id="back-to-top" href="#" aria-label="back-to-top" class="btn btn-lg btn-box-shadow" role="button">
5252
<i class="fas fa-angle-up"></i>
5353
</a>
5454

‎tabs/categories.md‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,9 @@ type: categories
6464

6565
<!-- arrow -->
6666
{% if sub_categories_size > 0%}
67-
<a href="#{{ LIST_PREFIX }}{{ group_index }}" data-toggle="collapse" aria-expanded="true"
68-
class="category-trigger hide-border-bottom">
67+
<a href="#{{ LIST_PREFIX }}{{ group_index }}" data-toggle="collapse"
68+
aria-expanded="true" aria-label="{{ HEAD_PREFIX }}{{ group_index }}-trigger"
69+
class="category-trigger hide-border-bottom">
6970
<i class="fas fa-fw fa-angle-down"></i>
7071
</a>
7172
{% else %}

0 commit comments

Comments
 (0)