a11y. Add area-labels and translations to all UI elements
const8ine opened this issue · comments
- Add area-labels to all interactive UI elements e.g. buttons, tabs, expandable panels
- Add translation strings and use them in area-label attributes instead of the hardcoded values
- Test the coverage with Chrome accessibility tools
Use attr.aria-label="{{'your_translation' | translate}}"
instead of aria-label="{{'your_translation' | translate}}"
which is incorrect binding that causes error.