Niveau A (Oui)
Niveau AA (Oui)
Niveau AAA (Oui)

Niveau A (Oui)
Niveau AA (Oui)
Niveau AAA (Oui)

Niveau A (Non)
Niveau AA (Non)
Niveau AAA (Non)

Tous les boutons avec icône (sans texte) ont un titre ou un aria-label sur l’élément <button>. Les SVGs à l’intérieur de ces boutons sont cachés avec un attribut aria-hidden.

Non conforme

Solution documentée :

Les partenaires doivent inclure une transcription textuelle sur leur page, ou placer près du Player un lien vers la transcription.

Les partenaires doivent télécharger les sous-titres dans Dailymotion Studio.

Dailymotion génère également des sous-titres automatiquement via une intelligence artificielle.

1.2.3 Audio-description ou version de remplacement pour un média temporel (pré-enregistré) (Niveau A)

Solution documentée :

Les partenaires doivent inclure une transcription textuelle sur leur page ou un lien vers la transcription.

OU

Télécharger une version alternative de la vidéo avec les descriptions audios.

Ils peuvent ajouter sur leur page web près du player un lien vers la version alternative.

Le HTML sémantique est utilisé partout dans le Player (ex. <a> pour les liens, <button> pour les boutons, <input type="range"> pour les barres de défilement).

Le bouton play/pause est le bouton de contrôle le plus important et le plus visible est premier dans le code source.

Le reste du code source suit l’ordre de présentation visuel (de haut en bas, de gauche à droite).

Le Player ne contient pas d’instructions.

Le Player est monochrome et ne s'appuie pas l’utilisation de couleurs.

Le Player a des boutons pour mettre en pause la vidéo, et pour couper le son.

Toutes les fonctionnalités du Player peuvent être utilisées par interaction clavier seule.

Les utilisateurs peuvent déplacer librement le focus clavier dans le Player et en dehors du Player.

En ouvrant une popup ou un menu dans le Player, le focus clavier reste dedans jusqu’à ce que l’utilisateur ferme la popup (via clavier, souris, ou interaction tactile).

Les raccourcis clavier fonctionnent uniquement quand le focus clavier se trouve dans l’iFrame du Player.

L’écran « À suivre » contient un compte à rebours qui peut être arrêté par l’utilisateur via le bouton X ou par interaction avec le carrousel affiché sur l’écran.

Si le Player démarre automatiquement, l’utilisateur peut mettre en pause la vidéo via les boutons de contrôle du Player.

Si on considère que la barre de progrès est une information qui s’actualise automatiquement, l’utilisateur peut la masquer en même temps que les autres boutons de contrôle via le clavier, souris, ou interaction tactile.

Les éléments clignotants dans le Player, tels que l'indicateur de la vidéo suivante avec compte à rebours, sont sous le seuil de 2 secondes par clignotement entier.

Il est recommandé aux partenaires de ne pas publier de vidéos pouvant contenir des éléments clignotants susceptibles de provoquer des crises d'épilepsie.

Le Player est une application embarquée, et non un ensemble de pages web.

Le Player embarqué contient un élément <title> avec « Dailymotion Video Player » et le titre de la vidéo ou de la playlist.

Le bouton play/pause est le bouton de contrôle le plus important et le plus visible est premier dans le code source.

Le reste du code source suit l’ordre de présentation visuel (de haut en bas, de gauche à droite).

Les liens dans le Player contiennent des intitulés pertinents (ex. titre de la vidéo ou « Politique de confidentialité »).

Les liens sur les images contiennent une alternative textuelle pertinente (ex. « Embed (ouvre une nouvelle fenêtre) »).

Toutes les fonctionnalités peuvent être activés par clic / pression tactile / interaction clavier (ex. avancer / reculer, changer le volume, entrer en plein écran, etc.). Les interactions gestuelles ne sont pas requises.

Les boutons dans le Player ne s’activent que sur complétion de l’interaction (sur l’évènement « up »).

Les éléments interactifs contenant du texte (ex. options dans le menu) ont un nom accessible qui contient le texte affiché.

Le Player n'utilise pas le mouvement d’appareil.

L’élément HTML dans l’iframe du player contient un attribut <lang> déterminé par les préférences navigateur de l'utilisateur.

Les actions sont déclenchées uniquement quand l’utilisateur active un contrôle (ex. clic ou touche Retour), et pas sur focus clavier.

Le fait de changer la configuration d’une option du menu (ex. choisir une option dans le sous-menu de sous-titres) provoque un changement de contenu (retour au menu principal) – mais ne provoque pas de changement de contexte (fermeture du menu).

Le focus clavier retourne à l’élément de premier niveau du menu et ne quitte pas le menu.

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

Pour les vidéos protégées par mot de passe : si un utilisateur saisit un mot de passe erroné, un message d’erreur s'affiche sous le champ du formulaire.

L’écran mot de passe utilisé pour les vidéos protégées contient un titre pertinent (Vidéo privée), un placeholder dans le champ du formulaire (Mot de passe), et des instructions sous le champ ("Il vous faut un mot de passe pour lire cette vidéo").

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

4.1.1 Analyse syntaxique (Niveau A)

• WCAG 2.0 et 2.1 - Est toujours "Conforme"
• WCAG 2.2 (obsolète et supprimé) - Ne s'applique pas

Pour WCAG 2.0 et 2.1, la mise à jour errata de septembre 2023 indique que ce critère est toujours supporté. Se reporter aux WCAG 2.0 Editorial Errata (anglais) et aux WCAG 2.1 Editorial Errata (anglais).

Le Player est codé pour être compatible avec l’API d’accessibilité :

• Pour les noms des composants (s’il n’y a pas de texte visible) : utilisation d’attributs title ou aria-label
• Pour les rôles des composants : utilisation de HTML sémantique ou rôles ARIA
• Pour l’état, la valeur, et autres propriétés : divers attributs ARIA

Solution documentée :

Les partenaires doivent utiliser un service externe de sous-titrage pour diffusion live et inclure un lien vers les sous-titres près du Player sur leur page.

Solution documentée :

Les partenaires doivent télécharger une version alternative de la vidéo avec les descriptions audios.

Ils peuvent ajouter sur leur page web près du player un lien vers cette version alternative.

L’interface du Player s’adapte entièrement à n’importe quelle orientation ou taille d’écran

Le Player utilise un champ <input type="password"> sur l’écran mot de passe, sauf si l’utilisateur active le bouton permettant de voir le texte saisi dans ce champ. Dans ce cas, le champ change pour <input type="text">

Note : Le niveau de conformité « Partiellement conforme » a été choisi en raison de la difficulté pour mesurer le contraste précisément : les couleurs dans la vidéo ont un fort impact sur le contraste réel.

Les textes dans le Player sont blancs.

Les menus et pop-ups ont une couleur d'arrière plan sombre qui satisfait les ratios de contraste demandé.

Un dégradé s’affiche en arrière-plan des boutons de contrôle en haut et en bas pour satisfaire les ratios de contraste demandés.

Le Player utilise des tailles relatives, pour que les icônes et les textes s’adaptent en fonction des préférences de l'utilisateur.

Le Player utilise du texte HTML. Il est recommandé d'éviter de mettre du texte sur les vignettes des vidéos.

Le Player est responsive et peut être utilisé sur les écrans de petite taille jusqu’à une largeur d’environ 220 pixels CSS.

Note : Le niveau de conformité « Partiellement conforme » a été choisi en raison de la difficulté pour mesurer le contraste précisément : les couleurs dans la vidéo ont un fort impact sur le contraste réel.

Les icônes dans le Player sont blancs.

Les menus et pop-ups ont une couleur d'arrière plan sombre qui satisfait les ratios de contraste demandé.

Un dégradé s’affiche en arrière-plan des boutons de contrôle en haut et en bas pour satisfaire les ratios de contraste demandés.

1.4.12 Espacement du texte (Niveau AA 2.1 and 2.2)

Les textes dans le Player répondent aux exigences afin d'éviter le surchargement visuel pour l’utilisateur. Les textes trop longs sont tronqués avec des points de suspension.

1.4.13 Contenu au survol ou au focus (Niveau AA 2.1 and 2.2)

La barre de volume s’affiche sur focus clavier ou survol souris du bouton pour couper le son. La barre de volume est masquée quand l’utilisateur enlève le focus clavier ou survol souris du bouton ou de la barre.

2.4.5 Accès multiples (Niveau AA)

Le Player est une application embarquée et non un ensemble de pages web.

2.4.6 En-têtes et étiquettes (Niveau AA)

Les titres dans le Player sont pertinents (ex. « Partager », « Réglages », etc.).

2.4.7 Visibilité du focus (Niveau AA)

Le focus clavier apparaît avec une épaisse bordure pointillée autour des éléments en focus

2.4.11 Focus Not Obscured (Minimum) (Niveau AA 2.2 seulement)

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

2.5.7 Dragging Movements (Niveau AA 2.2 seulement)

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

2.5.8 Target Size (Minimum) (Niveau AA 2.2 seulement)

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

3.1.2 Langue d’un passage (Niveau AA)

Les titres des vidéos affichés dans le Player ont tous des attributs <lang> dont la valeur est identique à la langue détectée dans le titre.

3.2.3 Navigation cohérente (Niveau AA)

Le Player est une application embarquée et non un ensemble de pages web

3.2.4 Identification cohérente (Niveau AA)

Le Player est une application embarquée et non un ensemble de pages web.

Les composants ayant la même fonctionnalité sont identifiés de la même façon sur différents écrans.

3.3.3 Suggestion après une erreur (Niveau AA)

L’écran mot de passe affiche un message d’erreur si nécessaire mais ne peut pas fournir de suggestions de correction par mesure de sécurité (mot de passe). Ceci fait partie des exceptions permises.

3.3.4 Prévention des erreurs (juridiques, financières, de données) (Niveau AA)

Le Player ne collecte pas de données légales ou financières.

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

4.1.3 Messages d’état (Niveau AA 2.1 and 2.2)

Le Player utilise des attributs aria-live pour notifier les technologies d’assistance de messages d’état (ex. « Lien copié » sur l’écran de partage, des changements de titre de menu, le compte à rebours à la fin des vidéos, la disponibilité du bouton « Passer la pub »).

Solution documentée :

Les partenaires peuvent télécharger une version alternative de la vidéo avec une interprétation en langue des signes déjà intégrée. Ils peuvent mettre un lien vers cette version alternative à proximité du Player.

1.2.7 Audio-description étendue (pré-enregistrée) (Niveau AAA)

Solution documentée :

Les partenaires peuvent télécharger une version alternative de la vidéo avec une description audio étendue. Ils peuvent mettre un lien vers cette version alternative à proximité du Player.

Solution documentée :

Les partenaires peuvent fournir une transcription textuelle ET une version alternative de la vidéo avec des descriptions audio.

Solution documentée :

Les partenaires doivent utiliser un service externe de sous-titrage pour diffusion live et inclure un lien vers les sous-titres près du Player sur leur page.

Chaque composant utilise des balises HTML sémantiques et des attributs spécifiques pour les technologies d'assistance. Les alternatives textuelles décrivent le fonctionnement et non l'affichage visuel (par exemple, « Fermer » et non « X », « Partager » et non « Planche à papier »).

Les contrastes sont conformes au niveau AA uniquement.

Le Player dispose d'un bouton pour couper le son.

Il n'y a pas de blocs de texte dans le Player.

Le Player utilise du texte HTML. Il est recommandé d'éviter de mettre du texte sur les vignettes des vidéos.

Toutes les fonctionnalités du Player peuvent être utilisées par interaction du clavier seul.

L'écran « À suivre » est doté par défaut d'un compte à rebours. Les partenaires peuvent désactiver cette fonctionnalité de lecture automatique dans la configuration de leur Player.

Le Player n'a pas d'alertes ou d'interruptions.

Le Player ne nécessite pas d'authentification.

Le lecteur ne conserve pas de données utilisateur.

Les éléments clignotants dans le Player, tels que l'indicateur de la vidéo suivante avec compte à rebours, sont sous le seuil de 2 secondes par clignotement. Il est recommandé aux partenaires de ne pas publier de vidéos pouvant contenir des éléments clignotants susceptibles de provoquer des crises d'épilepsie.

Il n'est pas possible de désactiver les transitions et les animations dans le Player.

Le Player est une application embarquée, et non un ensemble de pages web.

Dans le cas où ce critère s'appliquait au Player, les utilisateurs pourraient voir où ils se trouvent dans la file d'attente des vidéos en ouvrant l'écran « Recommandations ». Cette liste s'affiche également dès qu'une vidéo se termine.

Les liens dans le Player contiennent des intitulés pertinents (ex. titre de la vidéo ou « Politique de confidentialité »).

Les liens sur les images contiennent une alternative textuelle pertinente (ex. « Embed (ouvre une nouvelle fenêtre) »).

Ce critère s'applique aux page contenant du texte, et non aux composants d'une interface utilisateur.

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.

Les boutons de contrôle font 40 ou 48 px, selon la taille du Player.

Le Player peut être utilisé avec différentes combinaisons de modes d'interaction (ex. souris + clavier). Les appareils hybrides disposent d'une option dans le menu leur permettant d'activer ou non le mode tactile.

Aucun jargon ou mot rare n'est utilisé dans le Player.

Aucune abréviation n'est utilisée dans le Player.

Le Player ne contient pas de texte nécessitant une compréhension de lecture de niveau lycée.

Aucun mot ambigu n'est utilisé dans le Player.

Les utilisateurs peuvent désactiver la lecture automatique des vidéos suivantes en annulant le compte à rebours sur l'écran « À suivre », mais ils n'ont que quelques secondes pour le faire. Les partenaires peuvent désactiver complètement cette fonctionnalité dans la configuration de leur Player.

Les liens de partage qui s'ouvrent dans de nouvelles fenêtres sont identifiés dans les attributs <title> avec un texte supplémentaire (« ouvre une nouvelle fenêtre »). Les navigateurs affichent généralement le contenu de ces attributs dans des infobulles sur survol souris.

CEPENDANT, les éléments du menu qui s'ouvrent de nouvelles fenêtres ne sont pas identifiés (par exemple « Gérer les cookies », « Politique de confidentialité »).

Le Player ne contient pas d'aide contextuelle.

L'écran permettant de saisir son mot de passe comporte un bouton permettant aux utilisateurs d'afficher ou masquer le texte qu'ils saisissent dans le champ du formulaire.

Évalué par rapport à WCAG version 2.1. Les critères de la version 2.2 ne s'appliquent donc pas.