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 |
---|---|---|---|---|
![]() | Chrome 105 | Reading | Unlabeled graphic has no accessible name. | This is frame title frame, unlabeled graphic, to get missing descriptions open the context menu. |
![]() | Chrome 105 | Tabbing | Complete silence when tabbing to frame. | |
![]() | FF102 | Reading | Graphic has no accessible name. | This is frame title frame, graphic clickable, one thousand two hundred and thirty-four dot PNG. |
![]() | FF102 | Tabbing | Complete silence when tabbing to frame. | |
![]() | Edge 105 | Reading | Unlabeled graphic has no accessible name. | This is frame title frame, unlabeled graphic, to get missing descriptions open the context menu. |
![]() | Edge 105 | Tabbing | Complete silence when tabbing to frame. | |
![]() | Chrome 105 | Reading | Unlabeled graphic has no accessible name. | To get missing descriptions open the context menu, unlabeled graphic. |
![]() | Chrome 105 | Tabbing | Unlabeled graphic has no accessible name. | This is frame title frame. This is frame title, unlabeled graphic. |
![]() | FF102 | Reading | Graphic has no accessible name. | Twelve thirty-four PNG graphic. |
![]() | FF102 | Tabbing | Graphic has no accessible name. | This is frame title frame. This is frame title, graphic. |
![]() | Edge 105 | Reading | Unlabeled graphic has no accessible name. | To get missing descriptions open the context menu, unlabeled graphic. |
![]() | Edge 105 | Tabbing | Unlabeled graphic has no accessible name. | This is frame title frame. This is frame title, unlabeled graphic. |
![]() | Safari 15.6 | Reading | This is frame title, frame | |
![]() | Safari 15.6 | Tabbing | Skipped by tabbing as expected. | |
![]() | 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. |
![]() | 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