HTML test cases

A series of HTML test cases to determine how they are announced in different screen reader / browser combinations.

Git repository

Page contents


Basic form control and label tests

Tests to determine how form controls and their associated <label> and <legend> elements are announced. In some cases, the form element does not require or should not have a <label>.

Inputs

Other elements

Basic form controls support chart


Fieldset tests

Tests to determine how <fieldset> elements are announced.

Fieldset support chart


Fieldsets with errors tests

Tests to determine how error messages associated with radio groups are announced.

Fieldsets with errors support chart


Nested fieldset tests

Tests to determine how nested <fieldset> elements are announced.

Nested fieldset support chart


Help text and error messages associated with form control tests

Tests to determine how help text and error messages can be associated with form controls.

Help text

Error messages

Help text and error message support chart


Required field tests

Tests to determine how required, aria-required and other related options are announced.

Required field support chart


Button accessible name tests

The purpose these tests is to show the cascade order of how accessible names are applied in the accessibility tree for the <button> element. These examples should not be considered proper practice.



Input accessible name tests

The purpose these tests is to show the cascade order of how accessible names are applied in the accessibility tree for <input> elements. These examples should not be considered proper practice.


Aria-invalid tests

Tests to determine how the aria-invalid attribute is announced.

aria-invalid support chart


Form-based attribute tests

Tests to determine how max, aria-valuemax, min, aria-valuemin, maxlength, minlength, multiple and pattern attributes are announced.

Form attributes support chart


Disabled field tests

Tests to determine how the boolean disabled attribute is announced.

Disabled field support chart


ARIA landmark tests

Tests to determine how various landmarks are announced.

Landmarks without labels

Landmarks with aria-labelledby

Landmarks with aria-label

Landmark support chart



VoiceOver Rotor tests

Tests to determine if the VoiceOver Rotor displays the landmark information as announced.

VoiceOver Rotor support chart


Technology details

OSX Catalina - 10.15.7

Windows 10 Enterprise:

Assistive Technologies