Skip to content

Add tooltips and accessible labels for all site icons #902

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ckenst merged 5 commits into from
May 27, 2026
Merged

Add tooltips and accessible labels for all site icons #902

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0644324
Initial plan
Copilot May 27, 2026
41cce8f
Add tooltip and accessible text to all icons
Copilot May 27, 2026
b225cf5
Avoid duplicate screen reader labels on footer icons
Copilot May 27, 2026
ba0bc95
Hide decorative linked icons from screen readers
Copilot May 27, 2026
8b78a99
Mark decorative 404 home icon as aria-hidden
Copilot May 27, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,11 +13,10 @@ <h1>Oops! Page not found</h1>
</div>
<div class="error-actions" style="text-align: center;">
<p><img src="https://octodex.github.com/images/scubatocat.png" alt="Octocat" width="300" height="300"></p>
<a href="/" class="btn btn-primary btn-lg"><span class="fa fa-home"></span>
<a href="/" class="btn btn-primary btn-lg"><span class="fa fa-home" aria-hidden="true" title="Home"></span>
Take Me Home </a>
</div>
</div>
</div>
</div>
</div>

6 changes: 3 additions & 3 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,13 +31,13 @@
</div>
<div class="footer-social-icons">
<a href="https://testingconferences.us11.list-manage.com/subscribe?u=2a811daec24cc97909dfdf01d&id=88f87313fc" target="_blank" rel="noopener noreferrer" aria-label="Subscribe to Newsletter" title="Subscribe to Newsletter">
<i class="fa-solid fa-envelope fa-2x"></i>
<i class="fa-solid fa-envelope fa-2x" aria-hidden="true"></i>
</a>
<a href="https://github.com/TestingConferences/testingconferences.github.io" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub">
<i class="fa-brands fa-github fa-2x"></i>
<i class="fa-brands fa-github fa-2x" aria-hidden="true"></i>
</a>
<a href="https://x.com/testconferences" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)" title="X (Twitter)">
<i class="fa-brands fa-x-twitter fa-2x"></i>
<i class="fa-brands fa-x-twitter fa-2x" aria-hidden="true"></i>
</a>
</div>
<div name="copyright" class="footer-col-wrapper">
Expand Down
6 changes: 3 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,9 +8,9 @@
<li>
<h2><a href="{{current.url}}">{{ current.name }}</a></h2>
<p>
<i class="fa fa-calendar"></i> {{ current.dates }}
<i class="fa fa-map-marker"></i> {{ current.location }}
{% if current.status != nil %}<i class="fa fa-bell"></i> {{current.status}}{% endif %}
<i class="fa fa-calendar" role="img" aria-label="Dates" title="Dates"></i> {{ current.dates }}
<i class="fa fa-map-marker" role="img" aria-label="Location" title="Location"></i> {{ current.location }}
{% if current.status != nil %}<i class="fa fa-bell" role="img" aria-label="Status" title="Status"></i> {{current.status}}{% endif %}
</li>
{% endfor %}
</ul>
Expand Down
6 changes: 3 additions & 3 deletions past.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@
<li>
<h2><a href="{{past.url}}">{{ past.name }}</a></h2>
<p>
<i class="fa fa-calendar"></i> {{ past.dates }} <i class="fa fa-map-marker"></i> {{ past.location }}
<i class="fa fa-calendar" role="img" aria-label="Dates" title="Dates"></i> {{ past.dates }} <i class="fa fa-map-marker" role="img" aria-label="Location" title="Location"></i> {{ past.location }}
{% if past.twitter != nil %}<a href="https://www.twitter.com/{{past.twitter}}"><i
class="fa-brands fa-x-twitter"></i>{{past.twitter}}</a>{% endif %}
{% if past.video_url != nil %}<a href="{{ past.video_url }}"><i class="fa fa-video-camera"></i> Event
class="fa-brands fa-x-twitter" aria-hidden="true" title="X (Twitter)"></i>{{past.twitter}}</a>{% endif %}
{% if past.video_url != nil %}<a href="{{ past.video_url }}"><i class="fa fa-video-camera" aria-hidden="true" title="Event videos"></i> Event
Videos</a>{% endif %}
</li>
{% endfor %}
Expand Down
Loading