Your daily dose of a11y:
- Interesting post by Adrian Roselli, highlighting that for users who rely on built-in translation services in their browser,
aria-labelmarkup often isn’t translated. For this reason he recommends tweaking your design to use native HTML (
label, etc), or otherwise using visually hidden text or
aria-labelledbywhich do not have the same issues with auto-translating. He also highlights a new
aria-descriptionproperty that is coming to ARIA, which solves the messiness of
aria-labelledbyrequiring additional nodes in the DOM that could be accidentally read out twice. However, it will have the same translation issue as
aria-labeluntil auto-translators get better.