Go to overview: Standard HTML mark-up in screenreader tests

Label in name examples

A button's accessible name composed via aria-labelledby (first referencing the button itself, then the contents of a text field, then the label of that text field).

Example 1

:

Example 2

The visible label of the input ("search", derived from the input's value attribute) is / should be overridden by a hidden label "Find in this site" that is referenced via aria-labelledby.

Find in this site

Detlev Fischer, (detlev [dot] fischer [ at ] testkreis [dot] de)

Last update: 18 May 2018