embed
inside figure
with figcaption
Screen reader compatibility
HTML
Sep 11, 2022
Expected Result: works in a screen reader
Actual Result: causes problems in 2 screen reader / browser combinations
Code used for this test:
<figure>
<embed type='video/mp4' src='small.mp4' width='100' height='100'></embed>
<figcaption>Figure caption for embed</figcaption>
</figure>
Reliability Trend
This graph shows reliability over time for this code in NVDA, JAWS and Voiceover. Other screen readers don't have enough historical data yet to plot trends.
Change History
Last updated: September 11, 2022
NVDA with Chrome Stable - OK from NVDA 2018.4 to NVDA 2022.2
NVDA with IE Stable - OK from NVDA 2015.2 to NVDA 2019.2
NVDA with FF Stable - OK from NVDA 2015.2 to NVDA 2022.2
JAWS with Chrome Stable - OK from JAWS 2018.1811.2 to JAWS 2022.2207.25
JAWS with IE Stable - OK from JAWS 13.0.852 to JAWS 2019.1912.1
JAWS with FF Better - caused problems in JAWS 18.0.5038, but now OK in JAWS 2022.2207.25
VoiceOver macOS Stable - OK from VoiceOver macOS 10.10 to VoiceOver macOS 12.5
VoiceOver iOS Stable - OK from VoiceOver iOS 8.3 to VoiceOver iOS 15.6
WindowEyes with IE Stable - OK from WindowEyes 8.4 to WindowEyes 9.2
Dolphin with IE OK in Dolphin SR 15.05
SaToGo with IE OK in SaToGo 3.4.96.0
Screen reader | Browser | Mode | Notes | What the user hears |
---|---|---|---|---|
![]() | Chrome 105 | Reading | Has details, menu button submenu, show more media controls. Caption, figure caption for embed. | |
![]() | FF102 | Reading | Figure frame, button play. Button mute. Out of frame, blank. Caption, figure caption for embed. Out of figure. | |
![]() | Edge 105 | Reading | Reads out FIGCAPTION | Has details, menu button submenu, show more media controls. Video time scrubber 0:01 / 0:05 slider elapsed time, 0:01. Caption, figure caption for embed. Out of grouping. |
![]() | Chrome 94 | Reading | Grouping button play. Button mute. Button show more media controls. Caption, figure caption for embed. Out of grouping. | |
![]() | FF91 | Reading | Figure frame, button play. Button mute. Out of frame, blank. Caption, figure caption for embed. Out of figure. | |
![]() | Edge 94 | Reading | Reads out FIGCAPTION | Grouping, video time scrubber 0:01 / 0:05 slider elapsed time, 0:01. Caption, figure caption for embed. Out of grouping. |
![]() | Chrome 86 | Reading | Figure button unavailable, play. Button unavailable, show more media controls. Video time scrubber zero o'clock slash zero o'clock, slider unavailable elapsed time, zero o'clock. Caption, figure caption for embed. Out of figure. | |
![]() | FF78 | Reading | Figure frame. Out of frame, blank. Caption, Figure caption for embed. | |
![]() | Edge 92 | Reading | Reads out FIGCAPTION | Figure, video time scrubber 0:05 / 0:05 slider elapsed time, 0:05. Caption, figure caption for embed. Out of figure. |
![]() | Chrome 79 | Reading | Button, show more media controls. Figure caption for embed. | |
![]() | FF68 | Reading | Frame. Out of frame. Figure caption for embed. | |
![]() | IE11 | Reading | Reads out FIGCAPTION | Embedded object, unnamed_view_0. Figure caption for embed. |
![]() | Chrome 73 | Reading | Button, show more media controls. Figure caption for embed. | |
![]() | FF60 | Reading | Frame, button play. Button mute. Out of frame. Figure caption for embed. | |
![]() | IE11 | Reading | Reads out FIGCAPTION | Embedded object, unnamed_view_0. Figure caption for embed. |
![]() | FF60 | Reading | Frame, button play. Button mute. Out of frame. Figure caption for embed. | |
![]() | IE11 | Reading | Reads out FIGCAPTION | Embedded object, unnamed_view_0. Figure caption for embed. |
![]() | FF48 | Reading | Iframe, button play. Button mute. Out of iframe. Figure caption for embed. | |
![]() | IE11 | Reading | Reads out FIGCAPTION | Embedded object, unnamed_view_0. Figure caption for embed. |
![]() | FF38 | Reading | Reads out FIGCAPTION | Blank, figure caption for embed. |
![]() | IE11 | Reading | Reads out FIGCAPTION | Embedded object, unnamed_view_0. Figure caption for embed. |
![]() | Chrome 105 | Reading | Video start, has details. Show more media controls, more options button menu, has details. Video end, has details. Entering details, figure caption for embed, has details. | |
![]() | FF102 | Reading | Figure caption for embed, figure. Video start. Play button. Mute button. Video end. Figure caption for embed. Figure caption for embed, figure end. | |
![]() | Edge 105 | Reading | Video start, has details. Show more media controls, more options button menu, has details. Video end, has details. Entering details, figure caption for embed, has details. | |
![]() | Chrome 94 | Reading | Group start, figure caption for embed. Video start. Show more media controls, more options button. Left right slider, elapsed time, colon zero 01. Video end. Figure caption for embed. Group end. | |
![]() | FF91 | Reading | Figure caption for embed, figure. Video start. Play button. Mute button. Video end. Figure caption for embed. Figure caption for embed, figure end. | |
![]() | Edge 94 | Reading | Group start, figure caption for embed. Video start. Play button. Up down slider, one. Mute button. Show more media controls, more options button. Left right slider, elapsed time, colon zero 01. Video end. Figure caption for embed. Group end. | |
![]() | Chrome 86 | Reading | Figure caption for embed, figure. Video start. Play button unavailable. Show more media controls, more options button unavailable. Video end. Figure caption for embed, figure end. | |
![]() | FF78 | Reading | Figure caption for embed, figure. Figure caption for embed. Figure caption for embed, figure end. | |
![]() | Edge 92 | Reading | Group start, figure caption for embed. Video start. Play button. Up down slider, one. Mute button. Show more media controls, more options button. Left right slider, elapsed time, colon zero 01. Video end. Figure caption for embed. Group end. | |
![]() | Chrome 79 | Reading | Figure caption for embed, figure. Video start. Show more media controls, more options button. Video end. Figure caption for embed, figure end. | |
![]() | FF68 | Reading | Figure caption for embed, figure. Figure caption for embed, figure end. | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | Chrome 73 | Reading | Figure caption for embed, figure. Video start. Show more media controls, more options button. Video end. Figure caption for embed, figure end. | |
![]() | FF60 | Reading | Figure caption for embed, figure. Video start. Play button. Mute button. Video end. Figure caption for embed. Figure caption for embed, figure end. | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF52 | Reading | Figure caption not read. | Video start. Play button. Mute button. Video end. |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF48 | Reading | Embed object filename read out, figure caption not read. | Small dot MP4 frame. Video start. Play button. Mute button. Video end. Small dot MP4 frame end. |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF41 | Reading | Group start, figure caption for embed Figure caption for embed Group end. | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF38 | Reading | Group start, figure caption for embed Figure caption for embed Group end. | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF38 | Reading | Group start, figure caption for embed Figure caption for embed Group end. | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | FF38 | Reading | Group start, figure caption for embed. Figure caption for embed. Group end | |
![]() | IE11 | Reading | Figure caption for embed | |
![]() | IE11 | Reading | FIGCAPTION read out | Figure, figure caption for embed. |
![]() | IE11 | Reading | FIGCAPTION read out | Unnamed 2 button. Slider. Play button. Stop button. Previous button. Rewind button. Fast forward button. Next button. Mute button. Slider. Show. Title. Author. Copyright. Quality icon button. Stopped, read-only, edit box metadata. Figure caption for embed. |
![]() | Safari 15.6 | Reading | Figure caption for embed, figure. Figure caption for embed. End of, figure caption for embed, figure. | |
![]() | Safari 15.0 | Reading | Figure caption for embed, figure. Figure caption for embed. End of, figure caption for embed, figure. | |
![]() | Safari 14.1 | Reading | Figure caption for embed, figure. Figure caption for embed. End of, figure caption for embed, figure. | |
![]() | Safari 13.0 | Reading | Figure caption for embed, figure. Figure caption for embed. End of, figure caption for embed, figure. | |
![]() | Safari 12.1 | Reading | Figure caption for embed, figure. Figure caption for embed. End of, figure caption for embed, figure. | |
![]() | Safari 10.1.2 | Reading | Figure caption for embed | |
![]() | Safari 9.1.2 | Reading | Figure caption for embed | |
![]() | Safari 8.0.6 | Reading | Newline. Figure caption for embed | |
![]() | Safari iOS 15.6 | Touch | Figure caption for embed | |
![]() | Safari iOS 14.7 | Touch | Play, button. Figure caption for embed | |
![]() | Safari iOS 13.3 | Touch | Play, button. Figure caption for embed | |
![]() | Safari iOS 12.4 | Touch | Play, button. Figure caption for embed | |
![]() | Safari iOS 11.4 | Touch | Play, button. Figure caption for embed | |
![]() | Safari iOS 10.3 | Touch | Start playback, button. Figure caption for embed | |
![]() | Safari iOS 9.1 | Touch | Start playback, button. Figure caption for embed | |
![]() | Safari iOS 8.3 | Touch | Start playback, button. Figure caption for embed | |
![]() | IE11 | Reading | Normal, figure caption for embed | |
![]() | IE11 | Reading | Figure caption for embed |
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