Accessibilité en mode kiosque

Le mode kiosque de ChromeOS exécute une application et la verrouille en plein écran, sans qu'un utilisateur ait besoin de se connecter. Le mode kiosque permet aux utilisateurs d'accéder facilement et efficacement à des informations et des services de manière contrôlée et ciblée. Toutefois, l'expérience du mode kiosque étant très contrôlée, il est important de s'assurer que les applications en mode kiosque sont accessibles à tous. Améliorer l'accessibilité des bornes peut vous aider à élargir votre couverture en réduisant les obstacles à l'accès à l'information, et à améliorer la satisfaction des clients en favorisant l'inclusion.

Les applications exécutées en mode Kiosque sont des applications Web. Les bonnes pratiques d'accessibilité Web s'appliquent donc à ces applications :

  • Respectez les Règles pour l'accessibilité des contenus Web (WCAG 2). Même lorsque vous déployez des applications de borne en interne, la meilleure façon de garantir l'accessibilité (par exemple, la facilité d'utilisation du lecteur d'écran) est de suivre les consignes WCAG 2. Vous pouvez également utiliser d'autres ressources de conception et de développement intéressantes proposées par des spécialistes de l'accessibilité pour améliorer votre application kiosque :
  • Proposez plusieurs méthodes de saisie. Ne vous fiez pas à la navigation par gestes. Les utilisateurs peuvent avoir besoin d'un clavier, d'une souris ou d'un commutateur pour interagir avec l'application.
  • Proposez plusieurs formats de sortie. Ne vous fiez pas à un seul type de résultat, comme l'audio. Il est possible que les utilisateurs aient besoin d'interagir avec une application entièrement sans son ou entièrement sans repères visuels.
  • Testez l'application et son matériel auprès d'un public diversifié. Ne vous contentez pas de respecter les bonnes pratiques : testez-les. Les utilisateurs doivent interagir physiquement et numériquement avec une application kiosque. Les tests d'expérience permettent d'identifier les axes d'amélioration.
    • Veillez à inclure un groupe diversifié de testeurs pour identifier les éventuels problèmes d'accessibilité.
    • Testez l'application kiosque sur place, dans l'environnement et sur le matériel avec lesquels elle sera utilisée.

Étant donné que les applications kiosque s'exécutent dans un environnement contrôlé, il est possible que les utilisateurs ne puissent pas accéder aux fonctionnalités d'accessibilité ou aux options matérielles de ChromeOS qu'ils utilisent habituellement. En ce qui concerne l'accessibilité des bornes ChromeOS, vous devez tenir compte de trois niveaux de contrôle :

  • Règles : les administrateurs contrôlent les règles de leurs appareils gérés, y compris l'accès aux paramètres d'accessibilité des bornes essentiels.
  • API : les développeurs peuvent contrôler la façon dont l'utilisateur interagit avec leur application de borne à l'aide d'une extension associée qui appelle l'API chrome.accessibilityFeatures.
  • Appareils matériels : le type d'appareil et les périphériques associés contrôlent la façon dont l'utilisateur interagit physiquement avec le kiosque, y compris les périphériques d'entrée, les tailles d'écran et les plates-formes.

Ces niveaux sont très interdépendants et doivent donc fonctionner de concert pour offrir une expérience d'application kiosque véritablement accessible. Les administrateurs doivent tenir compte de l'accessibilité lorsqu'ils déploient des applications de borne interactive. Les développeurs doivent être conscients de l'impact que les paramètres administratifs peuvent avoir sur leur application une fois déployée.

Commandes liées aux règles pour les administrateurs de kiosques

Sur un appareil ChromeOS en session utilisateur normale, les utilisateurs peuvent gérer leurs paramètres d'accessibilité en accédant à la section Accessibilité de l'application Paramètres. En mode kiosque, les utilisateurs n'ont pas accès à l'application Paramètres par défaut. Les administrateurs devront plutôt activer les paramètres d'accessibilité pour permettre aux utilisateurs d'y accéder en mode kiosque.

Les administrateurs peuvent accéder aux paramètres d'accessibilité des kiosques dans la console d'administration Google en accédant à Appareils > Chrome > Paramètres > onglet Paramètres de l'appareil.

Voici les deux principaux paramètres à vérifier :

  • Menu d'accessibilité flottant en mode Kiosque : comme l'application Paramètres n'est pas facilement accessible en mode Kiosque, l'activation de ce paramètre permet aux utilisateurs d'activer ou de désactiver les paramètres d'accessibilité à l'aide d'un menu d'accessibilité flottant. Le comportement par défaut lorsque ce paramètre n'est pas configuré est que le menu d'accessibilité flottant n'est pas affiché.
  • Raccourcis d'accessibilité en mode kiosque : si vous activez cette option, les utilisateurs pourront activer les fonctionnalités d'accessibilité à l'aide de raccourcis clavier. Toutefois, gardez à l'esprit que toutes les fonctionnalités ne disposent pas d'un raccourci correspondant. Si ce paramètre n'est pas configuré, les raccourcis sont activés par défaut.

Vous pouvez également configurer les fonctionnalités d'accessibilité individuellement. Par défaut, elles sont configurées sur "Laisser l'utilisateur décider", ce qui permet à l'utilisateur d'activer ou de désactiver les fonctionnalités d'accessibilité comme il le souhaite.

Remarque : Pour en savoir plus sur le comportement de chaque paramètre, consultez la liste complète des fonctionnalités d'accessibilité de ChromeOS.

API chrome.accessibilityFeatures des extensions Chrome

En mode Kiosque, les utilisateurs peuvent activer ou désactiver les fonctionnalités d'accessibilité à l'aide du menu d'accessibilité flottant en mode Kiosque ou des raccourcis clavier correspondants. Toutefois, cela dépend de l'activation du menu par l'administrateur, et toutes les fonctionnalités ne disposent pas d'un raccourci. Par conséquent, un développeur doit intégrer les paramètres d'accessibilité directement dans son application de kiosque, le cas échéant. Par exemple, en offrant aux utilisateurs la possibilité d'utiliser la dictée lorsque la saisie de texte est affichée.

L'état des fonctionnalités d'accessibilité de ChromeOS est accessible via l'chrome.accessibilityFeatures API. Lorsque les fonctionnalités d'accessibilité sont configurées sur "Laisser l'utilisateur décider" dans la console d'administration, elles peuvent également être contrôlées via cette API. Il s'agit d'une API d'extension Chrome. Elle doit donc être appelée à partir d'une extension associée qui s'exécute avec une application kiosque. Les développeurs peuvent utiliser cette API pour vérifier si chaque paramètre est contrôlable et interagir avec les fonctions d'accessibilité ChromeOS intégrées correspondantes.

L'API chrome.accessibilityFeatures possède une propriété correspondante pour chaque fonctionnalité d'accessibilité. Chaque propriété est un type.ChromeSetting prototype qui comporte les méthodes suivantes :

  • get() : pour obtenir la valeur du paramètre.
  • set() : pour définir la valeur du paramètre.
  • onChange() : pour ajouter un écouteur lorsque le paramètre change.
  • clear() : pour effacer le paramètre et restaurer les valeurs par défaut.

Pour obtenir l'état d'une propriété, appelez onChange() ou get(), qui renvoie un objet de détails via un rappel avec les champs pertinents suivants :

  • levelOfControl : niveau de contrôle du paramètre. Avant d'appeler set() pour modifier la valeur d'un paramètre, vérifiez si votre extension peut contrôler ce paramètre. N'oubliez pas que si l'administrateur a défini une règle explicite pour désactiver ou activer un paramètre, la valeur levelOfControl sera not_controllable et vous ne pourrez pas le configurer avec l'API.
  • value : valeur du paramètre. Toutes les propriétés des fonctionnalités d'accessibilité sont de type booléen, à l'exception de animationPolicy, qui est une énumération composée de allowed, once ou none.

Par exemple, activons la fonctionnalité de clavier virtuel en vérifiant d'abord si la propriété est configurable par cette extension. 

const virtualKeyboard = chrome.accessibilityFeatures.virtualKeyboard;
virtualKeyboard.get({},
	(details) => {
		// check the level of control for virtual keyboard
		if (details.levelOfControl == 'controllable_by_this_extension' || details.levelOfControl == 'controlled_by_this_extension') {
			// disable if virtualKeyboard is currently on
			if (details.value) {
				virtualKeyboard.set({value: false}, () => console.log('Virtual keyboard has been disabled');
			} else { // enable if virtualKeyboard is currently off
				virtualKeyboard.set({value: true}, () => console.log('Virtual keyboard has been enabled');
			}
		} else {
			// the setting is not controllable by this extension because it cannot be controlled by any extension or it's being controlled by an extension with higher precedence
			console.log('Virtual keyboard setting cannot be changed.');


		}

Appelez d'abord get() sur la propriété virtualKeyboard pour lire le niveau de contrôle disponible et la valeur actuelle de la propriété. Si elle peut être contrôlée par cette extension ou l'est déjà, vous pouvez appeler set() et modifier la valeur de la propriété virtualKeyboard. Si la propriété ne peut pas être contrôlée, indiquez à l'utilisateur que ce paramètre ne peut pas être activé/désactivé et recommandez-lui de contacter son administrateur système, le cas échéant.

Les propriétés disponibles qui peuvent être configurées avec l'API chrome.accessibilityFeatures sont regroupées dans les catégories suivantes : synthèse vocale, affichage et loupe, clavier et saisie de texte, curseur et pavé tactile.

Synthèse vocale

Les fonctionnalités de synthèse vocale permettent de lire à voix haute le texte affiché à l'écran avec le lecteur d'écran intégré à ChromeOS. Que l'utilisateur soit malvoyant, incapable de lire ou préfère écouter le texte plutôt que le lire, ces fonctionnalités lui permettent d'interagir avec l'appareil.

  • selectToSpeak : contrôle la fonctionnalité Sélectionner pour écouter, qui permet aux utilisateurs de sélectionner du texte à l'écran pour le faire lire à voix haute.
  • spokenFeedback : contrôle la fonctionnalité ChromeVox, un lecteur d'écran qui lit à voix haute le texte affiché à l'écran, ainsi que les noms des boutons, des liens et d'autres éléments.

Affichage et agrandissement

Les fonctionnalités d'affichage et de loupe modifient les couleurs d'affichage et fournissent des options de zoom pour faciliter la lecture de l'écran et la recherche d'objets.

  • highContrast : contrôle la fonctionnalité d'inversion des couleurs, qui modifie le jeu de couleurs pour un jeu de couleurs à contraste élevé.
  • screenMagnifier : contrôle la fonctionnalité de loupe plein écran, qui permet d'agrandir les éléments à l'écran.
  • dockedMagnifier : contrôle la fonctionnalité de loupe ancrée, qui agrandit les zones sélectionnées de l'écran dans une vue en écran partagé.

Clavier et saisie de texte

Les fonctionnalités de saisie au clavier et de saisie de texte offrent aux utilisateurs différentes options pour interagir avec le contenu et saisir des éléments à l'écran.

  • virtualKeyboard : cette propriété contrôle la fonctionnalité de clavier à l'écran, qui permet aux utilisateurs de saisir du texte sans utiliser de clavier physique.
  • dictation : cette propriété contrôle la fonctionnalité de dictée, qui permet aux utilisateurs de saisir du texte en parlant dans un micro et de contrôler la saisie avec leur voix.
  • switchAccess : cette propriété contrôle la fonctionnalité Switch Access, qui permet aux utilisateurs de contrôler leur appareil à l'aide de contacteurs (touches de clavier, boutons de manette de jeu et autres appareils de contacteur dédiés).
  • stickyKeys : cette propriété contrôle la fonctionnalité des touches rémanentes, qui permet aux utilisateurs d'appuyer sur une touche à la fois pour les raccourcis clavier au lieu de maintenir plusieurs touches enfoncées en même temps.
  • focusHighlight : cette propriété contrôle la fonctionnalité de mise en surbrillance de la sélection au clavier, qui met en surbrillance l'objet sélectionné au clavier. Les utilisateurs parcourent les objets à l'aide de la touche de tabulation ou en les sélectionnant avec le curseur de la souris.
  • caretHighlight : cette propriété contrôle la fonctionnalité de mise en surbrillance du curseur de texte (caret), qui affiche un anneau de sélection autour du curseur de texte lorsqu'il apparaît ou se déplace.

Cursor

Les fonctionnalités de curseur permettent de le personnaliser pour le rendre plus facile à trouver et à utiliser à l'écran.

  • autoclick : cette propriété contrôle la fonctionnalité de clics automatiques, qui permet au curseur de la souris de cliquer automatiquement à l'endroit où il s'arrête.
  • largeCursor : cette propriété contrôle la fonctionnalité de grand curseur, qui augmente la taille du curseur de la souris pour le rendre plus visible.
  • cursorColor : cette propriété contrôle la fonctionnalité de couleur du curseur. La valeur de la propriété cursorColor indique uniquement si la fonctionnalité est activée ou non. Elle n'indique pas la couleur du curseur.
  • cursorHighlight : cette propriété contrôle la fonctionnalité de mise en surbrillance du curseur, qui affiche un anneau de sélection autour du curseur de la souris lorsqu'il se déplace.

Accessibilité des kiosques au niveau du matériel

Comme pour les autres applications, l'accessibilité d'une application kiosque dépend également de l'appareil sur lequel elle est déployée. Les développeurs doivent également collaborer avec leur équipe matérielle pour s'assurer que leur application kiosque est accessible au niveau matériel.

Les applications kiosque peuvent être installées sur n'importe quel système ChromeOS, qu'il s'agisse d'écrans non interactifs ou de plates-formes interactives. Chaque fois qu'un utilisateur est censé interagir avec une application de borne, nous vous recommandons de respecter certaines normes d'accessibilité au niveau matériel :

  • Les applications kiosque doivent être accessibles aux personnes qui utilisent un fauteuil roulant ou un autre dispositif d'aide à la mobilité.
  • Le matériel du kiosque doit inclure l'option d'un clavier et d'une souris physiques.
  • Les applications de borne doivent être compatibles avec les casques et les micros.
  • L'écran du kiosque doit être de taille et de résolution suffisantes pour que le texte et les images soient clairs et visibles.

L'accessibilité des bornes interactives repose sur de nombreux éléments : les contrôles des règles, les API et le matériel. Mais au fond, l'accessibilité des kiosques est l'accessibilité Web. Pour améliorer l'accessibilité de votre application de borne, suivez les recommandations et les bonnes pratiques ci-dessus, effectuez des tests utilisateur approfondis et consultez les consignes WCAG 2.