iframe
where src
is a PNG image
Screen reader compatibility
HTML
Sep 11, 2022
Expected Result: causes problems in some screen readers
Actual Result: causes problems in 14 screen reader / browser combinations
For expected failures, the results show which AT combos the failures affect. Results are recorded from the user's viewpoint, so describe the user impact of authoring errors.
Code used for this test:
<iframe title='This is frame title' src='1234.png' width='400' height='100'> </iframe>
Change History
Last updated: September 11, 2022
- NVDA with Chrome Causes problems in NVDA 2022.2
- NVDA with FF Causes problems in NVDA 2022.2
- JAWS with Chrome Causes problems in JAWS 2022.2207.25
- JAWS with FF Causes problems in JAWS 2022.2207.25
- VoiceOver macOS Better - caused problems in VoiceOver macOS 10.14, but now OK in VoiceOver macOS 12.5
- VoiceOver iOS Causes problems in VoiceOver iOS 15.6
Screen reader | Browser | Mode | Notes | What the user hears |
---|---|---|---|---|
NVDA 2022.2 | Chrome 105 | Reading | Unlabeled graphic has no accessible name. | This is frame title frame, unlabeled graphic, to get missing descriptions open the context menu. |
NVDA 2022.2 | Chrome 105 | Tabbing | Complete silence when tabbing to frame. | |
NVDA 2022.2 | FF102 | Reading | Graphic has no accessible name. | This is frame title frame, graphic clickable, one thousand two hundred and thirty-four dot PNG. |
NVDA 2022.2 | FF102 | Tabbing | Complete silence when tabbing to frame. | |
NVDA 2022.2 | Edge 105 | Reading | Unlabeled graphic has no accessible name. | This is frame title frame, unlabeled graphic, to get missing descriptions open the context menu. |
NVDA 2022.2 | Edge 105 | Tabbing | Complete silence when tabbing to frame. | |
JAWS 2022.2207.25 | Chrome 105 | Reading | Unlabeled graphic has no accessible name. | To get missing descriptions open the context menu, unlabeled graphic. |
JAWS 2022.2207.25 | Chrome 105 | Tabbing | Unlabeled graphic has no accessible name. | This is frame title frame. This is frame title, unlabeled graphic. |
JAWS 2022.2207.25 | FF102 | Reading | Graphic has no accessible name. | Twelve thirty-four PNG graphic. |
JAWS 2022.2207.25 | FF102 | Tabbing | Graphic has no accessible name. | This is frame title frame. This is frame title, graphic. |
JAWS 2022.2207.25 | Edge 105 | Reading | Unlabeled graphic has no accessible name. | To get missing descriptions open the context menu, unlabeled graphic. |
JAWS 2022.2207.25 | Edge 105 | Tabbing | Unlabeled graphic has no accessible name. | This is frame title frame. This is frame title, unlabeled graphic. |
VoiceOver macOS 12.5 | Safari 15.6 | Reading | This is frame title, frame | |
VoiceOver macOS 12.5 | Safari 15.6 | Tabbing | Skipped by tabbing as expected. | |
VoiceOver macOS 10.14 | Safari 13.0 | Reading | Confusing interaction and filename voiced for non-text content. | This is frame title, frame. No visible title to interact. One thousand two hundred and thirty four PNG, image. |
VoiceOver iOS 15.6 | Safari iOS 15.6 | Touch | URL read instead of image description, along with OCR text from image. | One thousand two hundred and thirty-four PNG, image, logo other, test image. |
SortSite rules: AccHtmlFrameIsNonText
Test notes
All tests were carried out with screen reader factory settings. JAWS in particular has a wide variety of settings controlling exactly what gets spoken.
Screen readers allow users to interact in different modes, and can produce very different results in each mode. The modes used in these tests are:
- Reading Content read using the “read next” command in a screen reader
- Tabbing Content read using the “tab” key in a screen reader
- Heading Content read using the “next heading” key in a screen reader
- Touch Content read when touching an area of screen on a mobile device
In the “What the user hears” column:
- Commas represent short pauses in screen reader voicing
- Full Stops represent places where voicing stops, and the “read next” or “tab” or “next heading” command is pressed again
- Ellipsis … represent a long pause in voicing
- (Brackets) represent voicing that requires a keystroke to hear