Add missing aria-hidden attribute to icons that aren't or might not be Font Awesome ones, since the automatic aria-hidden attributes are only added to FA icons

This commit is contained in:
Danielle McLean 2017-12-21 11:27:17 +11:00
parent 447e91f1f1
commit e15e4c72fe
Signed by: 00dani
GPG key ID: 5A5D2D1AFF12EEC5
2 changed files with 3 additions and 3 deletions

View file

@ -56,7 +56,7 @@
<div class="card-footer"> <div class="card-footer">
{% for s in entry.syndications.all %} {% for s in entry.syndications.all %}
<a class="u-syndication" href="{{ s.url }}"> <a class="u-syndication" href="{{ s.url }}">
<i class="{{ s.profile.site.icon }}"></i> <i class="{{ s.profile.site.icon }}" aria-hidden="true"></i>
{{ s.profile }} {{ s.profile }}
</a> </a>
{% endfor %} {% endfor %}

View file

@ -28,7 +28,7 @@
<i class="fas fa-envelope"></i> {{ user.email }} <i class="fas fa-envelope"></i> {{ user.email }}
</a></li> </a></li>
{% if user.xmpp %}<li><a class="u-impp" rel="me" href="xmpp:{{ user.xmpp }}"> {% if user.xmpp %}<li><a class="u-impp" rel="me" href="xmpp:{{ user.xmpp }}">
<i class="openwebicons-xmpp"></i> {{ user.xmpp }} <i class="openwebicons-xmpp" aria-hidden="true"></i> {{ user.xmpp }}
</a></li>{% endif %} </a></li>{% endif %}
</ul> </ul>
</div> </div>
@ -47,7 +47,7 @@
<div class="card-footer"> <div class="card-footer">
<ul class="profiles"> <ul class="profiles">
{% for profile in user.profiles.all %}<li> {% for profile in user.profiles.all %}<li>
<a class="u-url" rel="me" href="{{ profile.url }}" title="{{ profile }}"><i class="{{ profile.site.icon }}"></i><span class="sr-only">{{ profile }}</span></a> <a class="u-url" rel="me" href="{{ profile.url }}" title="{{ profile }}"><i class="{{ profile.site.icon }}" aria-hidden="true"></i><span class="sr-only">{{ profile }}</span></a>
</li>{% endfor %} </li>{% endfor %}
</ul> </ul>
</div> </div>