Chapter  

ARIA properties every developer should know. // where ARIA is still required

  • aria-expanded
  • aria-current
  • aria-pressed
  • aria-label
  • aria-labelledby
  • aria-description
  • aria-describedby
  • aria-hidden

ARIA is still required for:

  • notifications / live regions

  • toggle buttons

  • indicating current items in a list

  • hiding elements only from AT when necessary

  • giving landmarks names (you can use title too though but it’s best to use a visible label as a name, it’s translatable, accessible to all users)

  • for naming: talk about the order of naming, but when needed you use aria-label/ledby

    • not all elements can be named
    • label in name
  • when talking about aria-pressed mention that name should not change

landmarks and headings are important but you don’t need them because HTML has them built in.