Forms with ARIA

This page is a test of whether screen readers announce label, aria-label, aria-labelledby, and aria-described by, if various combinations of these are present. The label, aria-label, and aria-describedby content is radically separated from the form fields in order to ascertain whether screen readers are using the markup, not positioning, to determine relationships.

No label, aria-label

Text before Field 1

No label, aria-labelledby

Text before Field 2

No label, aria-describedby

Text before Field 3

Label + aria-label

Text before Field 4

Label + aria-labelledby

Text before Field 5

Label + aria-describedby

Text before Field 6

Labels

ARIA-Labels

Field 2 ARIA Label

Field 5 ARIA Label

ARIA-Descriptions

Field 3 Description

Field 6 Description

Results