For the Cohost Accessible Webpage Post Workshop where we all learn about Aria tags and read our posts through screenreaders
- they/them
- 471.no/
mow! haven't quite figured out what to put here yet. please don't look too hard at my website, it's shy and also very old.
(i still love it, though)
You must log in to comment.
in reply to @bcj's post:
This isn't a callout post, please teach me how to do that. I did it on like one website and probably not effectively and would love tips
if you are writing semantic HTML, you should not need ARIA attributes!
we await alt attributes and the ability to wrap Unicode art in a <figure> and <pre role="img"> fervently
that last one is niche but with the way this website is, it should definitely be on the roadmap
I know I've read that in how-to guides before. what is the right answer for this (the answer is probably "don't use emoji for this")
on a website, I have a navbar where each link is an emoji representing that thing (e.g., 🏡 for home). I tried just giving the link a title but the macos voiceover would still read the emoji instead unless I through it in
yeah i believe aria-label would be preferred over title in that scenario! or you could wrap the emoji in a tag with aria-hidden, and "home" with a "visually hidden" class
cool. I'm going to try this out next time I'm updating my beocijies (need to update my links section to point to my cohost anyway)