Skip to content

Added aria-label to links with SVGs #8

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
bobbyearl merged 1 commit into from
Sep 11, 2025
Merged

Added aria-label to links with SVGs #8

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
13 changes: 6 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,8 +33,7 @@
<article>
<aside>
<div class="grid grid-cols-1 max-sm:hidden">
<div
class="relative z-0 inline-grid grid-cols-3 gap-0.5 bg-gray-950/5 p-0.75">
<div class="relative z-0 inline-grid grid-cols-3 gap-0.5 bg-gray-950/5 p-0.75">
<div
class="relative p-1.5 *:size-7 has-checked:bg-white has-checked:ring has-checked:inset-ring has-checked:ring-gray-950/10 has-checked:inset-ring-white/10 sm:p-0 dark:has-checked:bg-gray-600 dark:has-checked:text-white dark:has-checked:ring-transparent">
<input type="radio" class="absolute inset-0 appearance-none" name="theme" aria-label="System theme"
Expand Down Expand Up @@ -105,8 +104,8 @@ <h2>Not that guy from that movie.</h2>
</p>
<ul>
<li>
<a href="https://www.facebook.com/bobbyearl/" target="_blank" rel="noopener"><svg width="48" height="48"
viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<a href="https://www.facebook.com/bobbyearl/" aria-label="Facebook" target="_blank" rel="noopener"><svg
width="48" height="48" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_61)">
<path
d="M24 0C10.7453 0 0 10.7453 0 24C0 35.255 7.74912 44.6995 18.2026 47.2934V31.3344H13.2538V24H18.2026V20.8397C18.2026 12.671 21.8995 8.8848 29.9194 8.8848C31.44 8.8848 34.0637 9.18336 35.137 9.48096V16.129C34.5706 16.0694 33.5866 16.0397 32.3645 16.0397C28.4294 16.0397 26.9088 17.5306 26.9088 21.4061V24H34.7482L33.4013 31.3344H26.9088V47.8243C38.7926 46.3891 48.001 36.2707 48.001 24C48 10.7453 37.2547 0 24 0Z"
Expand All @@ -122,7 +121,7 @@ <h2>Not that guy from that movie.</h2>
</a>
</li>
<li>
<a href="https://www.instagram.com/simplyearl/" target="_blank" rel="noopener">
<a href="https://www.instagram.com/simplyearl/" aria-label="Instagram" target="_blank" rel="noopener">
<svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17_63)">
<path
Expand All @@ -145,8 +144,8 @@ <h2>Not that guy from that movie.</h2>
</a>
</li>
<li>
<a href="https://x.com/simplyearl" target="_blank" rel="noopener"><svg width="48" height="48"
viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<a href="https://x.com/simplyearl" aria-label="X / Twitter" target="_blank" rel="noopener"><svg width="48"
height="48" viewBox="0 0 48 48" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path
d="M36.6526 3.8078H43.3995L28.6594 20.6548L46 43.5797H32.4225L21.7881 29.6759L9.61989 43.5797H2.86886L18.6349 25.56L2 3.8078H15.9222L25.5348 16.5165L36.6526 3.8078ZM34.2846 39.5414H38.0232L13.8908 7.63406H9.87892L34.2846 39.5414Z"
fill="currentColor" />
Expand Down