Closed LIT-EIA-OWNER closed 3 years ago
Filling in the "Item Text" under each image adds the aria label to the control
Need Melissa to take a look and see the best way to use that. Should it be used with an Alt tag? No alt tag but always use item text?
the IMG is inside the label tag, so the image is associated with the input.
3 options:
A form control is an interactive HTML element used for user input. Form controls include buttons, checkboxes, text fields, color pickers, and more.
An accessible name is a word or phrase coded in a way that assistive technologies can associate it with a specific user interface object. Assistive technologies can then refer to the object by name, not just by type.
How to fix
For each or
Good
title attribute
placeholder attribute
Better
aria-label attribute
aria-labelled-by attribute
Best
Explicit
Implicit (wrapped)
Accessibility Insights: Label
This was also tested with JAWS, we had two different results.
In IE11, JAWS did not announce the alt text. The only thing announced by JAWS for each answer option was “radio button not checked.”
In Chrome and Edge, JAWS does announce the alt text with the radio button. “Four diverse people each working at desk at the same size and height, radio button not checked one of two.”