What's the "correct" way to label an image (specifically an SVG) inside a link? 🤔 Firefox's accessibility audit complains if I don't label both. Would I do like "Link to annika@xoxo.zone on Mastodon" as the <a> title and "Mastodon logo" as the svg <title> element?
Conversation
Notices
-
Embed this notice
Annika Backstrom (annika@xoxo.zone)'s status on Friday, 24-May-2024 18:31:13 JST Annika Backstrom -
Embed this notice
Annika Backstrom (annika@xoxo.zone)'s status on Friday, 24-May-2024 18:43:58 JST Annika Backstrom @loke hmm MDN says "Don't place interactive elements such as anchors or buttons inside a label" https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label I feel like labels are really strongly associated with form fields?
In conversation permalink Attachments
-
Embed this notice
Elias Mårtenson (loke@functional.cafe)'s status on Friday, 24-May-2024 18:43:59 JST Elias Mårtenson @annika Can you add a <label> element and use CSS to only show it on screen reader devices?
In conversation permalink
-
Embed this notice