But sometimes <label> doesn’t cut it • Composite label • No label on screen • Format info, examples, instructions
Composite label → aria-labelledby
No on-screen label → aria-label
Supplementary info → aria-describedby
aria-describedby is not a label
More options?
aria-details Contains pointer to rich content or a URL. Not a label. Poor screen reader support.
aria-description Like aria-describedby but contains a string. Not a label. Doesn’t exist (yet).
Here’s what was said about this presentation on social media.
Developers, assemble! 🦸🏻♀️ DDD by Night (@DDDMelb) is this Wednesday at 6pm AEST. I’ve got 10 minutes to show how to label a text field with ARIA 🏷⚡️@NickDarvey is talking F#, @leah_garrett is using CSS animation in apps & @RaphHaddadAus intros Azure Bicephttps://t.co/E9EaHmlrpl