open-genes / open-genes-frontend

Open Genes is a database of human genes associated with aging and lifespan.

Home Page:https://open-genes.org/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

a11y. Add area-labels and translations to all UI elements

const8ine opened this issue · comments

  1. Add area-labels to all interactive UI elements e.g. buttons, tabs, expandable panels
  2. Add translation strings and use them in area-label attributes instead of the hardcoded values
  3. 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.