Skip to content

Commit 8a135d8

Browse files
wesleyboarwesleyboar
committed
fix: a11y issues in logo links
1 parent eb89155 commit 8a135d8

File tree

3 files changed

+73
-38
lines changed

3 files changed

+73
-38
lines changed

‎taccsite_cms/templates/share_on_social.html‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,29 +11,45 @@
1111
{% endblock text_before %}
1212
{% for platform in platforms %}
1313
{% if platform == 'facebook' %}
14-
<a href="https://www.facebook.com/sharer/sharer.php?u={{ url }}" target="_blank" class="logos__facebook">
15-
<svg width="1em" height="1em">
14+
<a href="https://www.facebook.com/sharer/sharer.php?u={{ url }}"
15+
target="_blank"
16+
class="logos__facebook"
17+
aria-label="link to share this URL on Facebook">
18+
<svg width="1em" height="1em" role="img"
19+
aria-label="logo of Facebook">
1620
<use href="/static/site_cms/img/org_logos/facebook.svg?2025-11#facebook-icon"></use>
1721
</svg>
1822
</a>
1923
{% endif %}
2024
{% if platform == 'linkedin' %}
21-
<a href="https://www.linkedin.com/cws/share?url={{ url }}" target="_blank" class="logos__linkedin">
22-
<svg width="1em" height="1em">
25+
<a href="https://www.linkedin.com/cws/share?url={{ url }}"
26+
target="_blank"
27+
class="logos__linkedin"
28+
aria-label="link to share this URL on LinkedIn">
29+
<svg width="1em" height="1em" role="img"
30+
aria-label="logo of LinkedIn">
2331
<use href="/static/site_cms/img/org_logos/linkedin.svg?2025-11#linkedin-icon"></use>
2432
</svg>
2533
</a>
2634
{% endif %}
2735
{% if platform == 'bluesky' %}
28-
<a href="https://bsky.app/intent/compose?text={{ url }}" target="_blank" class="logos__bluesky">
29-
<svg width="1em" height="1em">
36+
<a href="https://bsky.app/intent/compose?text={{ url }}"
37+
target="_blank"
38+
class="logos__bluesky"
39+
aria-label="link to share this URL on Bluesky">
40+
<svg width="1em" height="1em" role="img"
41+
aria-label="logo of Bluesky">
3042
<use href="/static/site_cms/img/org_logos/bluesky.svg?2025-11#bluesky-icon"></use>
3143
</svg>
3244
</a>
3345
{% endif %}
3446
{% if platform == 'email' %}
35-
<a href="mailto:?body={{ url }}" target="_blank" class="logos__email">
36-
<svg width="1em" height="1em">
47+
<a href="mailto:?body={{ url }}"
48+
target="_blank"
49+
class="logos__email"
50+
aria-label="link to share this URL by email">
51+
<svg width="1em" height="1em" role="img"
52+
aria-label="icon for email">
3753
<use href="/static/site_cms/img/org_logos/email.svg?2025-11#email-icon"></use>
3854
</svg>
3955
</a>

‎taccsite_cms/templates/snippets/logos-branding.html‎

Lines changed: 15 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,25 @@
11
<p class="logos--branding">
2-
<a href="https://www.tacc.utexas.edu/" class="logos__tacc">
3-
<svg width="1em" height="1em" role="img">
4-
<title>Texas Advanced Computing Center</title>
2+
<a href="https://www.tacc.utexas.edu/"
3+
class="logos__tacc"
4+
aria-label="link to TACC (Texas Advanced Computing Center) website">
5+
<svg width="1em" height="1em" role="img"
6+
aria-label="logo of TACC">
57
<use href="/static/site_cms/img/org_logos/tacc-formal.svg?2025-11#tacc-formal" />
68
</svg>
79
</a>
8-
<a href="https://www.nsf.gov/" target="_blank" class="logos__nsf">
9-
<svg width="1em" height="1em" role="img">
10-
<title>Bluesky</title>
10+
<a href="https://www.nsf.gov/" target="_blank"
11+
class="logos__nsf"
12+
aria-label="link to NSF (National Science Foundation) website">
13+
<svg width="1em" height="1em" role="img"
14+
aria-label="logo of NSF">
1115
<use href="/static/site_cms/img/org_logos/nsf-logo.svg?2025-11#nsf-logo" />
1216
</svg>
1317
</a>
14-
<a href="https://www.utexas.edu/" target="_blank" class="logos__ut">
15-
<svg width="1em" height="1em" role="img">
16-
<title>University of Texas at Austin</title>
18+
<a href="https://www.utexas.edu/" target="_blank"
19+
class="logos__ut"
20+
aria-label="link to UTexas (University of Texas at Austin) website">
21+
<svg width="1em" height="1em" role="img"
22+
aria-label="logo of UTexas">
1723
<use href="/static/site_cms/img/org_logos/ut-primary.svg?2025-11#ut-primary" />
1824
</svg>
1925
</a>

‎taccsite_cms/templates/snippets/logos-social-media.html‎

Lines changed: 34 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,58 @@
11
<p class="logos--social">
2-
<a href="https://www.facebook.com/tacc.utexas" target="_blank" class="logos__facebook">
3-
<svg width="1em" height="1em" role="img">
4-
<title>Facebook</title>
2+
<a href="https://www.facebook.com/tacc.utexas" target="_blank"
3+
class="logos__facebook"
4+
aria-label="link to TACC's Facebook page">
5+
<svg width="1em" height="1em" role="img"
6+
aria-label="logo of Facebook">
57
<use href="/static/site_cms/img/org_logos/facebook.svg?2025-11#facebook-icon"></use>
68
</svg>
79
</a>
810
{% comment %}
9-
<a href="https://twitter.com/TACC" target="_blank" class="logos__twitter">
10-
<svg role="img">
11-
<title>Twitter</title>
11+
<a href="https://twittr.com/TACC" target="_blank" class="logos__twitter"
12+
aria-label="link to TACC's Twitter page">
13+
<svg width="1em" height="1em" role="img"
14+
aria-label="logo of Twitter">
1215
<use href="/static/site_cms/img/org_logos/twitter.svg?2025-11#twitter-icon"></use>
1316
</svg>
1417
</a>
1518
{% endcomment %}
16-
<a href="https://www.youtube.com/user/TACCutexas" target="_blank" class="logos__youtube">
17-
<svg width="1em" height="1em" role="img">
18-
<title>YouTube</title>
19+
<a href="https://www.youtube.com/user/TACCutexas" target="_blank"
20+
class="logos__youtube"
21+
aria-label="link to TACC's YouTube page">
22+
<svg width="1em" height="1em" role="img"
23+
aria-label="logo of YouTube">
1924
<use href="/static/site_cms/img/org_logos/youtube.svg?2025-11#youtube-icon"></use>
2025
</svg>
2126
</a>
22-
<a href="https://www.linkedin.com/company/texas-advanced-computing-center-tacc" target="_blank" class="logos__linkedin">
23-
<svg width="1em" height="1em" role="img">
24-
<title>LinkedIn</title>
27+
<a href="https://www.linkedin.com/company/texas-advanced-computing-center-tacc" target="_blank"
28+
class="logos__linkedin"
29+
aria-label="link to TACC's LinkedIn page">
30+
<svg width="1em" height="1em" role="img"
31+
aria-label="logo of LinkedIn">
2532
<use href="/static/site_cms/img/org_logos/linkedin.svg?2025-11#linkedin-icon"></use>
2633
</svg>
2734
</a>
28-
<a href="https://www.instagram.com/taccutexas/" target="_blank" class="logos__instagram">
29-
<svg width="1em" height="1em" role="img">
30-
<title>Instagram</title>
35+
<a href="https://www.instagram.com/taccutexas/" target="_blank"
36+
class="logos__instagram"
37+
aria-label="link to TACC's Instagram page">
38+
<svg width="1em" height="1em" role="img"
39+
aria-label="logo of Instagram">
3140
<use href="/static/site_cms/img/org_logos/instagram.svg?2025-11#instagram-icon"></use>
3241
</svg>
3342
</a>
34-
<a href="https://www.threads.net/@taccutexas" target="_blank" class="logos__threads">
35-
<svg width="1em" height="1em" role="img">
36-
<title>Threads</title>
43+
<a href="https://www.threads.net/@taccutexas" target="_blank"
44+
class="logos__threads"
45+
aria-label="link to TACC's Threads page">
46+
<svg width="1em" height="1em" role="img"
47+
aria-label="logo of Threads">
3748
<use href="/static/site_cms/img/org_logos/threads.svg?2025-11#threads-icon"></use>
3849
</svg>
3950
</a>
40-
<a href="https://bsky.app/profile/taccutexas.bsky.social" target="_blank" class="logos__bluesky">
41-
<svg width="1em" height="1em" role="img">
42-
<title>Bluesky</title>
51+
<a href="https://bsky.app/profile/taccutexas.bsky.social" target="_blank"
52+
class="logos__bluesky"
53+
aria-label="link to TACC's Bluesky page">
54+
<svg width="1em" height="1em" role="img"
55+
aria-label="logo of Bluesky">
4356
<use href="/static/site_cms/img/org_logos/bluesky.svg?2025-11#bluesky-icon"></use>
4457
</svg>
4558
</a>

0 commit comments

Comments
 (0)