Image with screen readers
The Image with screen readers snippet is in development
Discover the impact of the role presentation based on different screen readers.
Images
null alt without role presentation
The screenreader doesn’t announced the image when the alternative text is empty.
null alt with role presentation
With the role set as presentation, the screenreader doesn’t announced the image.
alt value without role presentation
The screenreader announced the image alternative text value.
alt value with role presentation
With the role set as presentation, the screenreader doesn’t announced the image even if there’s an alternative text.
alt value with title attribute
The screenreader announced the image alternative text value, make a pause, and announced the title text value as advisory text.
no alt nor title attibute
If no accessible label (alt, title) is set, the screenreader announced the image filename.