The Dailymotion video Player has been built to comply with international accessibility standards, to ensure it works with a wide range of assistive technologies.
Every control has information about its purpose, current state, and semantics – so that your software and/or hardware can describe things correctly, and provide ways for you to interact with some of the more complex controls.
If you are using a keyboard, check our keyboard shortcuts to get the most out of your Dailymotion experience.
Recommended browsers and screen readers
MacOS
Mac Operating System comes with the screen reader feature Apple has named VoiceOver. We recommend using VoiceOver with Safari or Chrome.
To activate VoiceOver:
- Press Command + F5
- Select Use VoiceOver
or:
- Go to System Preferences > Accessibility > VoiceOver
- Check the box labeled Enable VoiceOver
Windows
Windows Operating System comes with the screen reader feature Microsoft has named Narrator. We recommend using it with Edge or Chrome.
To activate Narrator:
For Windows 10:
- Press the Windows logo key + Ctrl + Enter together to start Narrator
- Press these keys again to stop Narrator
For Older Versions of Windows:
- Press the Windows logo key + Enter together to start Narrator
- Press these keys again to stop Narrator
or:
- Press the Windows logo key + Ctrl + N to open Narrator settings
- Turn on the toggle under Use Narrator
ChromeOS
Chrome Operating System comes with the screen reader feature Google has named ChromeVox.
To activate it:
- For Chromebooks: Press Ctrl + Alt + z
- For Tablets: Press and hold the Volume down + Volume up buttons for 5 seconds
iOS
iOS devices come with the built-in screen reader Apple has named VoiceOver. We recommend using it with Safari.
To activate it:
- Go to Settings > Accessibility > VoiceOver
- Turn on VoiceOver
Android
Android devices come with a built-in screen reader called Talkback. We recommend using it with Chrome.
To activate it:
- Go to Settings > Accessibility > Talkback
- Turn on Talkback
Other browser and screen reader combinations should also work but might behave slightly differently.
Screenshot of the Player being used with the Voiceover screen reader on MacOS. Focus is on the progress bar, and the Voiceover caption panel shows what the screen reader is saying.
Things to know
- The video Player is inside an iFrame. It usually has an identifying name such as Dailymotion Video Player.
- The Player controls are made up of a combination of form controls and links. The Player is designed to be used with either standard keyboard navigation or the virtual cursor of a screen reader.
-
Player keyboard shortcuts may not work while using a screen reader, because screen readers intercept these keystrokes to move the virtual cursor.
- If you need to turn the Player keyboard shortcuts off completely, you can do so via the Accessibility section of the Settings menu. By default, keyboard shortcuts are on.
Note, this setting only applies to keyboard shortcuts, standard keyboard access as described in the keyboard documentation will continue to work.
Elements in focus order
| Element | Description |
|---|---|
|
1. Play / Pause button |
Start / stop video playback. The name of this button changes depending on whether the video is playing or paused. |
|
2. Previous video button |
Skip to the previous video in the playlist or list of recommended videos. The video is loaded in place of the current one. |
|
3. Next video button |
Skip to the next video in the playlist or list of recommended videos. The video is loaded in place of the current one. |
|
4. [title of the video] link |
Opens the video on the Dailymotion website in a new tab. |
|
5. [owner of the video] link |
Opens the video owner’s channel on the Dailymotion website in a new tab |
|
6. Share button |
Opens a popup with options for sharing the video. Some of these are links that will open in new tabs. |
|
7. Picture-in-picture button |
Puts the video into Picture-in-Picture mode, so you can continue browsing in other tabs without losing control of the video. The checked/pressed button state announced by screen readers means the button has been activated, and Picture-in-Picture mode is active. This functionality varies from browser to browser and may not be available for all devices. |
|
8. Settings menu button |
Opens a menu with settings for playback features. If a setting has a submenu of options, selecting an option will close the submenu and take you back to the main menu.
|
| 9. Recommended button |
Opens a popup with a list of recommended videos. Each video card in the list is a clickable button. Activating one will load the video in the Player in place of the current video. |
|
10. Elapsed time |
Current time of the video in hours/minutes/seconds. Non-interactive element. |
|
11. Duration |
The total duration of the video. Non-interactive element. |
|
12. Video progress slider |
Adjust the playback position of the video:
|
|
13. Mute button |
Turn video sound off or on. The checked/pressed button state announced by screen readers means the button has been activated, and the sound is muted. |
|
14. Volume slider |
Adjust the volume of the video. Increase the slider value to make the sound louder. Decrease the slider value to make the sound quieter or turn the sound off. |
|
15. Subtitles button |
Quickly turn subtitles on or off. Applies subtitles for the language set via the Settings menu, or the default language. The checked/pressed button state announced by screen readers means the button has been activated, and subtitle display is active. The disabled/dimmed button state announced by screen readers means there are no subtitles available, and the button cannot be activated for this video. |
|
16. Full-screen button |
Enter or exit full-screen mode. Full-screen mode allows the Player to take up the whole screen, without other distractions. The checked/pressed button state announced by screen readers means the button has been activated, and full-screen display is active. |