Skip to content

Commit 1cd0839

Browse files
17cupsofcoffee17cupsofcoffee
committed
More accessibility tweaks
1 parent f2670d2 commit 1cd0839

File tree

3 files changed

+30
-22
lines changed

3 files changed

+30
-22
lines changed

‎sass/_extra.scss‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,14 @@
5757
margin-right: 0.5em;
5858
}
5959

60+
ul.ui.horizontal.list {
61+
margin: 0;
62+
}
63+
64+
ul.ui.list li::before {
65+
content: none;
66+
}
67+
6068
.ui.label > .icon {
6169
margin-right: 0.25em;
6270
}

‎templates/categories/macros.html‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@
7676
{% set repo_icon = "code" %}
7777
{% endif %}
7878

79-
<li class="ui card{% if archived %} archived{% endif %}">
79+
<li class="ui card{% if archived %} archived{% endif %}" aria-label="{{ name }}">
8080
{% if item.image %}
8181
{% if primary_url %}
8282
<a class="image" href="{{ primary_url }}">
@@ -138,84 +138,84 @@
138138

139139
{% if item.source or repository_url or gitter_url %}
140140
<div class="extra content">
141-
<div class="ui horizontal list">
141+
<ul class="ui horizontal list">
142142
{% if gitter_url %}
143-
<div class="item">
143+
<li class="item">
144144
<div class="content">
145145
<a class="ui blue label" href="{{ gitter_url }}" target="_blank">
146146
<i class="chat icon" aria-hidden="true"></i>
147147
Chat on Gitter
148148
</a>
149149
</div>
150-
</div>
150+
</li>
151151
{% endif %}
152152
{% if latest_version %}
153-
<div class="item">
153+
<li class="item">
154154
<div class="content">
155155
<div class="ui basic label">
156156
<i class="code icon" aria-hidden="true"></i>
157157
Latest version:
158158
<div class="detail">{{ latest_version }}</div>
159159
</div>
160160
</div>
161-
</div>
161+
</li>
162162
{% endif %}
163163
{% if downloads %}
164-
<div class="item">
164+
<li class="item">
165165
<div class="content">
166166
<div class="ui basic label">
167167
<i class="download icon" aria-hidden="true"></i>
168168
Downloads:
169169
<div class="detail">{{ downloads | num_format }}</div>
170170
</div>
171171
</div>
172-
</div>
172+
</li>
173173
{% endif %}
174174
{% if recent_downloads %}
175-
<div class="item">
175+
<li class="item">
176176
<div class="content">
177177
<div class="ui basic label">
178178
<i class="clock icon" aria-hidden="true"></i>
179179
Recent downloads:
180180
<div class="detail">{{ recent_downloads | num_format }}</div>
181181
</div>
182182
</div>
183-
</div>
183+
</li>
184184
{% endif %}
185185
{% if license %}
186-
<div class="item">
186+
<li class="item">
187187
<div class="content">
188188
<div class="ui basic label">
189189
<i class="balance scale icon" aria-hidden="true"></i>
190190
License:
191191
<div class="detail">{{ license }}</div>
192192
</div>
193193
</div>
194-
</div>
194+
</li>
195195
{% endif %}
196196
{% if stars %}
197-
<div class="item">
197+
<li class="item">
198198
<div class="content">
199199
<div class="ui basic label">
200200
<i class="star icon" aria-hidden="true"></i>
201201
Stars:
202202
<div class="detail">{{ stars | num_format }}</div>
203203
</div>
204204
</div>
205-
</div>
205+
</li>
206206
{% endif %}
207207
{% if last_activity %}
208-
<div class="item">
208+
<li class="item">
209209
<div class="content">
210210
<div class="ui basic label">
211211
<i class="calendar icon" aria-hidden="true"></i>
212212
Last activity:
213213
<div class="detail">{{ last_activity | date(format="%Y-%m-%d") }}</div>
214214
</div>
215215
</div>
216-
</div>
216+
</li>
217217
{% endif %}
218-
</div>
218+
</ul>
219219
</div>
220220
{% endif %}
221221
</li>

‎templates/categories/page.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
{# Heading #}
2424
<section class="ui vertical stripe">
2525
<h1 class="ui center aligned icon header">
26-
<i class="circular icon {{ section.extra.icon }}"></i>
26+
<i class="circular icon {{ section.extra.icon }}" aria-hidden="true"></i>
2727
{{ page.title }}
2828
</h1>
2929
<div class="ui text container">
@@ -51,7 +51,7 @@ <h1 class="ui center aligned icon header">
5151
<section>
5252
<h2 class="ui horizontal divider small header">
5353
<a href="#{{ section.extra.plural | slugify }}" id="{{ section.extra.plural | slugify }}">
54-
<i class="list icon big"></i>
54+
<i class="list icon big" aria-hidden="true"></i>
5555
{{ section.extra.plural | title }}
5656
</a>
5757
</h2>
@@ -71,15 +71,15 @@ <h2 class="ui horizontal divider small header">
7171
<section>
7272
<h2 class="ui horizontal divider small header">
7373
<a href="#{{ section.extra.plural | slugify }}" id="{{ section.extra.plural | slugify }}">
74-
<i class="bed icon big"></i>
74+
<i class="bed icon big" aria-hidden="true"></i>
7575
Archived
7676
</a>
7777
</h2>
7878

7979
<div class="ui vertical stripe">
8080
<div class="ui container">
8181
<div class="ui message">
82-
<i class="info circle icon"></i>
82+
<i class="info circle icon" aria-hidden="true"></i>
8383
These {{ section.extra.plural }} are no longer maintained, but may still be of interest.
8484
</div>
8585

@@ -96,7 +96,7 @@ <h2 class="ui horizontal divider small header">
9696
<section>
9797
<h2 class="ui horizontal divider small header">
9898
<a href="#contribute" id="contribute">
99-
<i class="chat icon big"></i>
99+
<i class="chat icon big" aria-hidden="true"></i>
100100
Contribute
101101
</a>
102102
</h2>

0 commit comments

Comments
 (0)