Testing reveals that using aria-label on links, aria-hidden within links, and splitting letters across span elements creates barriers beyond screen readers. Browser text-to-speech features (Edge Read Aloud, Chrome reader mode, Safari Speech) fail to announce aria-label values, skip aria-hidden content entirely, and struggle with letter-separated text. Chrome's reader mode even visually hides aria-hidden links. The key recommendations: avoid aria-label on links, don't use aria-hidden within links, and don't split words across elements.

5m read timeFrom adrianroselli.com
Post cover image
Table of contents
Results # anchorTakeaways # anchorTests # anchorTagsOther PostsNo comments? Be the first!

Sort: