Add aria-labels to social links.

This commit is contained in:
Kaj Forney 2023-02-21 18:36:04 -07:00
parent d9dd2bd433
commit 7a3378c50b
Signed by: kforney
GPG key ID: 3AB4E2E04CEF656F

View file

@ -357,28 +357,28 @@
</div>
<div class="row">
<div class="col">
<a href="https://youtube.com/@lunar_penguin" target="_blank">
<a href="https://youtube.com/@lunar_penguin" target="_blank" aria-label="YouTube">
<h2 title="YouTube">
<i class="fa-brands fa-youtube"></i>
</h2>
</a>
</div>
<div class="col">
<a href="https://twitch.tv/lunar_penguin" target="_blank">
<a href="https://twitch.tv/lunar_penguin" target="_blank" aria-label="Twitch">
<h2 title="Twitch.tv">
<i class="fa-brands fa-twitch"></i>
</h2>
</a>
</div>
<div class="col">
<a rel="me" href="https://mastodon.gamedev.place/@lunar_penguin" target="_blank">
<a rel="me" href="https://mastodon.gamedev.place/@lunar_penguin" target="_blank" aria-label="Mastodon">
<h2 title="Mastodon">
<i class="fa-brands fa-mastodon"></i>
</h2>
</a>
</div>
<div class="col">
<a href="https://www.linkedin.com/in/kajforney/" target="_blank">
<a href="https://www.linkedin.com/in/kajforney/" target="_blank" aria-label="LinkedIn">
<h2 title="LinkedIn">
<i class="fa-brands fa-linkedin"></i>
</h2>
@ -387,28 +387,28 @@
</div>
<div class="row">
<div class="col">
<a href="https://lunarpenguin.itch.io" target="_blank">
<a href="https://lunarpenguin.itch.io" target="_blank" aria-label="Itch.io">
<h2 title="Itch.io">
<i class="fa-brands fa-itch-io"></i>
</h2>
</a>
</div>
<div class="col">
<a href="https://github.com/kforney" target="_blank">
<a href="https://github.com/kforney" target="_blank" aria-label="GitHub">
<h2 title="Github">
<i class="fa-brands fa-github"></i>
</h2>
</a>
</div>
<div class="col">
<a href="https://artstation.com/lunar_penguin" target="_blank">
<a href="https://artstation.com/lunar_penguin" target="_blank" aria-label="ArtStation">
<h2 title="ArtStation">
<i class="fa-brands fa-artstation"></i>
</h2>
</a>
</div>
<div class="col">
<a href="https://lunar--penguin.tumblr.com" target="_blank">
<a href="https://lunar--penguin.tumblr.com" target="_blank" aria-label="Tumblr">
<h2 title="Tumblr">
<i class="fa-brands fa-tumblr"></i>
</h2>
@ -428,8 +428,8 @@
</div>
</footer>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/vendor/modernizr-3.11.2.min.js" defer></script>
<script src="js/plugins.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous" defer></script>