Page Header

Different accessible labelling methods

  1. This button has aria-label:

  2. This button has aria-label and an explicit lang attribute:

  3. This button has aria-labelledby, and the visually hidden label is outside:

    Close
  4. This button has aria-labelledby, and the visually hidden and aria-hidden label is outside:

  5. This button has aria-labelledby, and the visually hidden label is inside:

  6. This button has aria-labelledby, and the visually hidden and aria-hidden label is inside:

  7. This button has a visually hidden label inside:

CAT Editor
EN ES Status
Hello Hola 100
Bye Adiós 90
Translation of Word

Palabra

Lemma
Casa
Part of Speech
Sustantivo femenino