Articulate Studio et les Règles pour l'accessibilité des contenus Web (WCAG)
Dernière mise à jour de l’article le
Cet article s'applique à :
Nous souhaitons que tous les apprenants puissent interagir intégralement avec les modules que vous créez dans Articulate Studio 360.
Le tableau suivant détaille les améliorations que nous avons apportées à Studio 360 afin de prendre en charge les critères de WCAG 2.0 de niveaux A et AA.
La conformité aux règles WCAG dépend également de vos choix de conception des modules. Nous avons répertorié les différents cas dans le tableau ci-dessous, accompagnés de conseils pour vous aider à faire vos choix de création dans le respect des règles WCAG, le cas échéant.
Exigences des règles WCAG | Niveau | Assistance Studio 360 |
1.1.1 Contenu non textuel Tout le contenu non textuel présenté à l'utilisateur possède une alternative textuelle aux fonctions équivalentes. |
A |
Pris en charge. Il est possible de définir un texte alternatif pour chaque objet d'un module |
1.2.1 Contenus audio et vidéo uniquement (pré-enregistrés) Une alternative pour les médias temporels est proposée. |
A |
Pris en charge. Utilisez des animations pour afficher les sous-titres dans les zones de texte, synchronisées avec le média. |
1.2.2 Sous-titres (pré-enregistrés) Des sous-titres sont proposés pour tous les contenus audio pré-enregistrés dans les médias synchronisés. |
A |
Pris en charge. Utilisez des animations pour afficher les sous-titres dans les zones de texte, synchronisées avec le média. |
1.2.3 Audio-description ou version de remplacement (pré-enregistrées) |
A |
Contrôlé par le créateur. |
1.2.4 Sous-titres (en direct) |
AA |
Non applicable. |
1.2.5 Audio-description (pré-enregistrée) Dans les médias synchronisés. |
AA |
Contrôlé par le créateur. |
1.3.1 Informations et relations Les informations, la structure et les relations engendrées par la présentation peuvent être déterminées par un programme ou être disponibles sous forme de texte. |
A |
Contrôlé par le créateur. Ajoutez du texte alternatif aux objets des diapositives afin de fournir un contexte. |
1.3.2 Ordre séquentiel logique Lorsque l'ordre de présentation du contenu affecte sa signification, un ordre de lecture correct peut être déterminé par un programme informatique. |
A |
Pris en charge. Le focus se déplace de gauche à droite et de haut en bas. Nous conseillons aux auteurs de concevoir le contenu dans cet ordre lorsque la séquence affecte la signification. |
1.3.3 Caractéristiques sensorielles Les instructions fournies pour la compréhension et l'utilisation du contenu ne reposent pas uniquement sur les caractéristiques sensorielles des composants tels que la forme, la taille, l'emplacement visuel, l'orientation ou le son. |
A |
Contrôlé par le créateur. |
1.4.1 Utilisation de la couleur La couleur ne doit pas être utilisée comme unique moyen visuel de transmettre des informations, d'indiquer une action, de solliciter une réponse ou de distinguer un élément visuel. |
A |
Contrôlé par le créateur. |
1.4.2 Contrôle de l'audio Si un signal audio sur une page Web est activé automatiquement pendant plus de trois secondes, il existe un mécanisme pour mettre le son sur pause ou l'arrêter, ou un mécanisme pour contrôler le volume audio, indépendamment du volume général du système. |
A |
Pris en charge. Le lecteur d'écran peut accéder aux commandes du lecteur audio. |
1.4.3 Contraste (minimum) La présentation visuelle du texte et des images de texte a un rapport de contraste d'au moins 4.5:1, sauf pour les textes à grands caractères, les textes secondaires ou les logos. |
AA |
Contrôlé par le créateur. |
1.4.4 Redimensionnement du texte Le texte peut être redimensionné sans technologie d'assistance jusqu'à 200 %. |
AA |
Contrôlé par le créateur. Le créateur définit les contrôles de texte et du lecteur à la taille de police pour la diapositive. |
1.4.5 Textes sous forme d'image Si les technologies utilisées permettent de réaliser la présentation visuelle, le texte est utilisé pour transmettre des informations plutôt que du texte sous forme d'image. |
AA |
Contrôlé par le créateur. |
2.1.1 Clavier |
A |
Pris en charge. Si vous intégrez des interactions de type « glisser-déposer » ou des zones de clic, proposez des interactions alternatives commandées depuis le clavier. |
2.1.2 Pas de problème de clavier |
A |
Pris en charge. |
2.2.1 Réglage du minutage |
A |
Pris en charge. |
2.2.2 Mettre sur pause, arrêter, masquer |
A |
Pris en charge. |
2.3.1 Pas plus de trois Flashs ou sous le seuil critique |
A |
Pris en charge. |
2.4.1 Ignorer des blocs de contenu Un mécanisme est disponible pour ignorer des blocs de contenu qui sont répétés sur plusieurs pages Web. |
A |
Pris en charge. Pour les utilisateurs navigant dans le module à l'aide d'un lecteur d'écran, il est possible d'ignorer les éléments de navigation répétitifs pour immédiatement accéder aux contenus de diapositive. La fonctionnalité permettant d'ignorer la navigation est activée automatiquement dans les modules publiés. |
2.4.2 Titre de la page |
A |
Contrôlé par le créateur. Indiquez le titre du module dans les propriétés du lecteur. |
2.4.3 Parcours du focus Si une page Web peut être parcourue dans un ordre donné, et que les séquences de navigation affectent la signification ou l'utilisation du contenu, les composants sélectionnables seront organisés dans un certain ordre, afin de conserver la signification et la bonne utilisation du contenu. |
A |
Pris en charge. Le focus se déplace de gauche à droite et de haut en bas. Nous conseillons aux auteurs de concevoir le contenu dans cet ordre lorsque la séquence affecte la signification. |
2.4.4 Finalité des liens (en contexte) |
A |
Contrôlé par le créateur. |
2.4.5 Accès multiples Plusieurs façons possibles de localiser une page Web au sein d'un ensemble de pages Web, sauf si la page Web est le résultat ou une étape d'un processus. |
AA |
Pris en charge. La fonction menu du lecteur peut être utilisée pour répondre à cette exigence. |
2.4.6 Les titres et étiquettes Les titres et les étiquettes décrivent le sujet ou l'objet. |
AA |
Contrôlé par le créateur. |
2.4.7 Visibilité du focus Toute interface utilisable avec un clavier dispose d'un mode de fonctionnement où l'indicateur du focus est visible. |
AA |
Pris en charge. Un rectangle indiquant le focus s'affiche lorsque l'on passe d'un élément à un autre avec le clavier. |
3.1.1 Langue de la page |
A |
Pris en charge. Un identificateur de la langue est ajouté au rendu publié pour les lecteurs d'écran. Le créateur du module indique la langue pour les étiquettes de texte du lecteur à l'aide de la liste déroulante Langue. |
3.1.2 Langue des parties |
AA |
Les créateurs de modules peuvent définir l'identificateur de langue pour les étiquettes de texte du lecteur de l'intégralité d'un module à l'aide de la liste déroulante Langue. Toutefois, Studio 360 ne prend pas en charge la configuration de la langue de lecteur d'écran pour des objets individuels pour le moment. |
3.2.1 Au focus Quand un composant est sélectionné, il ne lance pas de changement de contexte. |
A |
Pris en charge. |
3.2.2 A la saisie Modifier la configuration d'un composant de l'interface utilisateur n'entraîne pas de changement automatique de contexte, sauf si l'utilisateur a été informé des conséquences avant d'utiliser le composant. |
A |
Contrôlé par le créateur. |
3.2.3 Navigation cohérente |
AA |
Contrôlé par le créateur. |
3.2.4 Identification cohérente |
AA |
Contrôlé par le créateur. |
3.3.1 Identification des erreurs |
A |
Contrôlé par le créateur. Exemples : Messages d'avertissement automatique pour les questions laissées sans réponse, validation des nombres pour les entrées numériques, etc. |
3.3.2 Étiquettes ou instructions Des étiquettes ou des instructions sont fournies lorsque le contenu nécessite une action de la part de l'utilisateur. |
A |
Contrôlé par le créateur. Donnez des instructions aux apprenants lorsqu'ils doivent interagir avec du contenu de diapositive. |
3.3.3 Suggestion après une erreur |
AA |
Contrôlé par le créateur. |
3.3.4 Prévention des erreurs (juridiques, financières, de données) |
AA |
Contrôlé par le créateur et spécifique à chaque plateforme de formation en ligne (LMS). |
4.1.1 Analyse grammaticale Pour tout contenu implémenté à l'aide de langages de balisage, les éléments possèdent des balises complètes de début et de fin, sont imbriqués en fonction de leurs caractéristiques, ne contiennent pas d'attributs dupliqués, et tous les ID sont uniques, sauf spécifications contraires. |
A |
Studio 360 génère un rendu HTML formé correctement lors de la publication. |
4.1.2 Nom, rôle, valeur |
A |
Contrôlé par le créateur. |