Required Field Test

Test 1

Text in associated label:

Works in all scenarios.

Test 2

Image with alt text in associated label:

Works in all scenarios.

Test 3

CSS background-image with hidden text:

Does not work in high-contrast mode (background image disappears).

Test 4

CSS background-image with aria-required:

Does not work in high-contrast mode (background image disappears).

Test 5

Asterisk w/ aria-hidden and aria-required:

Works in all scenarios (asterisk is not red in high-contrast mode).

Accessibility Tests