From ed297a96d67df14e7fe9a5d36f4260c81ec3758b Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Fri, 9 Aug 2024 10:16:44 +0200 Subject: [PATCH 01/13] article tester sur android --- src/en/articles/how-to-test-android.md | 96 +++++++++++++++++++++++++ src/fr/articles/how-to-test-android.md | 99 ++++++++++++++++++++++++++ 2 files changed, 195 insertions(+) create mode 100644 src/en/articles/how-to-test-android.md create mode 100644 src/fr/articles/how-to-test-android.md diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md new file mode 100644 index 000000000..3b59826a0 --- /dev/null +++ b/src/en/articles/how-to-test-android.md @@ -0,0 +1,96 @@ +--- +title: "Testing the accessibility of an iOS application" +abstract: "Description of the main testing tools and methods to quickly assess the accessibility of an iOS application" +titleBeforeTag: true +date: "2024-08-09" +tags: + - mobile + - beginner +--- + +## Presentation and configuration of accessibility options + +### Presentation of the main options +- **Talkback**: the screen reader for all Android devices. It allows you to vocalize all the (useful) information present on the screen. It's an essential tool for blind and visually impaired people. +- **Keyboard navigation**: enable this feature to use your phone with an external keyboard (usually via Bluetooth). It's useful for people who have difficulties using the touch screen due, for example, to motor impairment. +- **Voice Access**: option to control a phone only with the voice. It's essential for people who cannot physically interact with the device or an external contactor. +- **Font size**: increase text size, only useful with applications that manage this option. + + +### Accessibility shortcuts setting +For greater convenience, it is necessary to install some tools from the Google Play Store: +- Android Accessibility Suite (install TalkBack and others tools) +- Voice Access + +For easier use, we recommend adding the essential tools to the accessibility shortcuts: +- Settings > Accessibility > Advanced settings > Accessibility button. +- Choose at least : "TalkcBack" and "Voice Access". + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/79ec9de6-f042-4ef0-8387-0c709766dcc4) + + +**Then choose how you want to access these options: either from the navigation bar or from a floating button. We advise to use the navigation bar, which is more discreet**. + + +## Getting started with accessibility options + +### TalkBack +Navigating with the screen reader is not always easy when you are starting, but a few simple basic gestures allow you to navigate within an application. + +A detailed description of these actions is available on the following page: https://a11y-guidelines.orange.com/en/mobile/android/talkback/ + +By using TalkBack, you can verify that all the essential information for understanding and navigation is rendered by the screen reader, including: + - interactive elements (buttons, links, checkboxes, etc.), + - the status of the elements (checked or not, selected or not, unfolded or not, etc.), + - the page titles must be read to allow users to be informed of a screen change and understand the context, + - content changes or temporary messages must also be read (alerts, errors, messages, etc.), + - the consistency between VoiceOver reading order and the visual order of information presentation. + + +### Keyboard navigation +It is possible to use your phone only with an external keyboard. +1. Connect a keyboard to the phone. +2. Now, all features available by touch gestures should also be operable with the keyboard. +Navigating is similar to a desktop keyboard, ```TAB``` key to move forward, ```SHIFT+TAB``` to go back, ```SPACE``` or ```ENTER``` to activate an element. + +Combinations are also specific to the Android mobile environment: + + ![Shift+TAB pour afficher l'aide, Fn+H pour revenir à l'accueil, Fn+flèche haut pour sélecteur d'app, Fn+C pour centre de contrôle, Fn+N pour centre de notifications](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/83408f02-edab-4456-bd48-9c7e2e778ffc) + +4. Keyboard navigation also allows you to check that the navigation order is consistent. + + +### Voice Access +When "Voice Access" is enabled, you can say commands like: +- "Go home " +- "Tap *item name*" +- "Open *app name*" +- "Turn volume up" + +By default, element names are superimposed. Also, for an application to be controllable in this way, the interactive components must have a simple and consistent accessible name (in particular in the case of a link image or button image without a visible label). + +![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/c94e478c-eaf1-4589-b4e2-369573079df9) + +It's also possible to display the number of the elements or even a numbered grid to reach them. + + +### Font size +1. Increase the text size from the menu Settings > Display > Font size and style + +2. Maximum font size corresponds to a 200% zoom. + +3. If the application has been designed to support enlargement (Dynamic Type), then the texts will be correctly rendered, readable, and without loss of information (no truncated text or superposition). + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/9bc33609-bdee-4a34-8a05-c45a89305b69) + + +### Dark mode +As the dark mode is used more and more, so it's strongly recommended to test your application by activating “dark mode”. + +1. Go to Settings > Display (or directly from Control Centre). + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/0561fddb-e639-4754-a2c2-7bad673e0a79) + +2. Check that all texts and components are visible and meet the expected contrast levels. + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/539031f1-910e-4762-801e-8ca34c8fdf8d) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md new file mode 100644 index 000000000..c07188e2a --- /dev/null +++ b/src/fr/articles/how-to-test-android.md @@ -0,0 +1,99 @@ +--- +title: "Tester l'accessibilité d'une application Android" +abstract: "Description des principaux outils et méthodes de tests pour évaluer rapidement l'accessibilité d'une application Android" +titleBeforeTag: true +date: "2024-08-09" +tags: + - mobile + - beginner +--- + +## Présentation et paramétrage des options d'accessibilité + +### Présentation des principales options +- **TalkBack** : c'est le lecteur d'écran pour tous les devices Android. Il permet de vocaliser toutes les informations (utiles) présentes à l'écran. Outil indispensable pour les non-voyants et mal-voyants. +- **Navigation clavier** : permet d'utiliser son téléphone à partir d'un clavier externe (généralement en bluetooth), utile pour les personnes ayant des difficultés à utiliser l'écran tactile. +- **Voice Access** : option pour piloter son téléphone entièrement à la voix. Indispensable pour les personnes ne pouvant pas interagir physiquement avec le device ou avec un contacteur externe. +- **Taille de police** : permet d'ajuster la taille des polices de caractères dans les applications qui gèrent cette option. + + +### Paramétrage des raccourcis d'accessibilité +En premier lieu, il est nécessaire d'installer certains outils depuis le Play Store Google: +- Outils d’accessibilité Android (installera TalkBack et des outils supplémentaires) +- Voice Access + +Pour plus de facilité, il est recommandé d'ajouter les outils indispensables dans les raccourcis d'accessibilité : +- Paramètres > Accessibilité > Paramètres avancés > Touche Accessibilité. +- Choisir à minima: "TalkcBack" et "Voice Access". + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/fd64af3b-e1a1-4538-a012-4036639bdca6) + + +**Choisir ensuite le moyen d'accéder à ces options : soit depuis la barre de navigation soit depuis une touche flottante. Nous vous conseillons d'utliser la barre de navigation qui reste plus discrète** + + +## Prise en main des options d'accessibilité + +### TalkBack +La navigation à l'aide du lecteur d'écran n'est pas toujours aisée quand on débute, mais quelques gestes de base assez simples permettent de naviguer dans une application. + +La description détaillée de ces gestes est disponible sur la page suivante : https://a11y-guidelines.orange.com/fr/mobile/android/talkback/ + +En utilisant TalkBack, vous pourrez vérifier que toutes les informations indispensables à la compréhension et à la navigation sont restituées par le lecteur d'écran, notamment : +- les éléments interactifs (boutons, liens, cases à cocher...), +- l'état des éléments (coché ou non, sélectionné ou non, déplié ou non...), +- les titres des pages doivent être restitués pour permettre aux utilisateurs de s'assurer d'un changement de page et d'en comprendre le contexte, +- les changements de contenus ou messages temporaires doivent également être lus (alertes, erreurs, changement de contenu...), +- l'ordre de lecture est cohérent par rapport à la présentation de l'information. + + +### Navigation clavier +Il est possible d'utiliser son téléphone seulement avec un clavier externe. +1. Connecter un clavier au téléphone +2. A présent, toutes les fonctionnalités disponibles par gestes tactiles doivent l’être également à l’aide du clavier. +La navigation se fait de la même manière que pour un clavier sur desktop, touche ```TAB``` pour avancer, ```SHIFT+TAB``` pour reculer, ```ESPACE``` ou ```ENTREE``` pour activer un élément. + +Des combinaisons sont également spécifiques à l'environnement mobile Android : + + ![Shift+TAB pour afficher l'aide, Fn+H pour revenir à l'accueil, Fn+flèche haut pour sélecteur d'app, Fn+C pour centre de contrôle, Fn+N pour centre de notifications](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/f3e1bb95-27dc-47ce-9b16-fa89a91079e8) + +4. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté. + + +### Voice Access +Lorsque « Voice Access » est activé, vous pouvez énoncer des commandes comme : +- « Retourner à l’écran d’accueil » +- Appuyer sur *nom de l’élément* » +- « Ouvrir *nom de l’app* » +- « Monter le volume » + +Par défaut, le nom des éléments est superposé. Aussi, pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible). + +![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/3061ff62-cb7f-4b69-ac4f-4c5db5245128) + +Il est également possible d'afficher le numéro des éléments ou même une grille numérotée pour les atteindre. + + +### Taille de police +1. Agrandir la police de caractères à partir du menu Paramètres > Écran > Taille et style de police + +2. L'agrandissement maximal correspond à un zoom de 200% + +3. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) + +![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/f294816e-7f47-4fd8-8cba-cbe70ed8b72b) +![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/c2963ad0-2e84-4f58-8b2b-14944833f7f8) +![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/2113c52e-dd58-4dbf-b773-be4bad1a52dc) + + +### Mode sombre +Le mode sombre est de plus en plus utilisé par les utilisateurs, il est donc fortement recommandé de tester son application en activant le "dark mode" + +1. Aller dans Paramètres > Ecran (ou directement depuis le centre de contrôle) + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/3f36c173-6744-48ae-98b8-54634993165e) + +2. Vérifier que tous les textes et composants sont bien visibles et respectent les niveaux de contrastes attendus. + + ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/95b1a4cf-7821-44fe-8f1b-8114ba2094fd) + From 0ba14ca5ad72fa3dd40cf820b3cb2b1076f6bd97 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 10:46:36 +0200 Subject: [PATCH 02/13] Update how-to-test-android.md --- src/fr/articles/how-to-test-android.md | 28 ++++++++++++-------------- 1 file changed, 13 insertions(+), 15 deletions(-) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index c07188e2a..96b3d30e2 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -23,14 +23,12 @@ En premier lieu, il est nécessaire d'installer certains outils depuis le Play S - Voice Access Pour plus de facilité, il est recommandé d'ajouter les outils indispensables dans les raccourcis d'accessibilité : -- Paramètres > Accessibilité > Paramètres avancés > Touche Accessibilité. -- Choisir à minima: "TalkcBack" et "Voice Access". - - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/fd64af3b-e1a1-4538-a012-4036639bdca6) - +- Paramètres > Accessibilité > Paramètres avancés > Touche Accessibilité > Sélectionner des actions +- Choisir à minima: "TalkBack" et "Voice Access". **Choisir ensuite le moyen d'accéder à ces options : soit depuis la barre de navigation soit depuis une touche flottante. Nous vous conseillons d'utliser la barre de navigation qui reste plus discrète** + ![image](https://github.com/user-attachments/assets/feee1fed-5bf4-433b-9a7e-480056016669) ## Prise en main des options d'accessibilité @@ -55,9 +53,9 @@ La navigation se fait de la même manière que pour un clavier sur desktop, touc Des combinaisons sont également spécifiques à l'environnement mobile Android : - ![Shift+TAB pour afficher l'aide, Fn+H pour revenir à l'accueil, Fn+flèche haut pour sélecteur d'app, Fn+C pour centre de contrôle, Fn+N pour centre de notifications](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/f3e1bb95-27dc-47ce-9b16-fa89a91079e8) +![Exemples de raccourcis : CMD+ENTREE pour l'accueil, CMD+SUPPR pour retour, ALT+TAB pour récents, ALT+F4 pour fermer l'application en cours, CMD+! pour accéder aux raccourcis clavier](https://github.com/user-attachments/assets/1c9e4c15-40ae-4db7-9740-fc1de6209383) -4. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté. +3. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté. ### Voice Access @@ -76,14 +74,15 @@ Il est également possible d'afficher le numéro des éléments ou même une gri ### Taille de police 1. Agrandir la police de caractères à partir du menu Paramètres > Écran > Taille et style de police + + ![](https://github.com/user-attachments/assets/ca65ff4e-79dc-470d-be74-a532f402ce11) -2. L'agrandissement maximal correspond à un zoom de 200% +3. L'agrandissement maximal correspond à un zoom de 200% -3. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) +4. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) -![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/f294816e-7f47-4fd8-8cba-cbe70ed8b72b) -![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/c2963ad0-2e84-4f58-8b2b-14944833f7f8) -![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/2113c52e-dd58-4dbf-b773-be4bad1a52dc) +![](https://github.com/user-attachments/assets/4ace81f9-96c1-49c3-9b89-cb733feea71b) +![](https://github.com/user-attachments/assets/934976df-2dc3-444d-bd70-5fac671e76f7) ### Mode sombre @@ -91,9 +90,8 @@ Le mode sombre est de plus en plus utilisé par les utilisateurs, il est donc fo 1. Aller dans Paramètres > Ecran (ou directement depuis le centre de contrôle) - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/3f36c173-6744-48ae-98b8-54634993165e) + ![](https://github.com/user-attachments/assets/f589b599-4f72-43af-bd3b-4f9ea2636686) 2. Vérifier que tous les textes et composants sont bien visibles et respectent les niveaux de contrastes attendus. - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/95b1a4cf-7821-44fe-8f1b-8114ba2094fd) - + ![](https://github.com/user-attachments/assets/0b910a56-9461-4512-8d42-9b19336b3757) From 69004724f4af1fe35ee78ccb41846fdff6404463 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 12:11:29 +0200 Subject: [PATCH 03/13] Update how-to-test-android.md --- src/fr/articles/how-to-test-android.md | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index 96b3d30e2..9c4be92b3 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -28,7 +28,9 @@ Pour plus de facilité, il est recommandé d'ajouter les outils indispensables d **Choisir ensuite le moyen d'accéder à ces options : soit depuis la barre de navigation soit depuis une touche flottante. Nous vous conseillons d'utliser la barre de navigation qui reste plus discrète** - ![image](https://github.com/user-attachments/assets/feee1fed-5bf4-433b-9a7e-480056016669) + ![](https://github.com/user-attachments/assets/a6de7363-aa83-419c-a549-ed84c87bd10a) + + ## Prise en main des options d'accessibilité @@ -53,7 +55,8 @@ La navigation se fait de la même manière que pour un clavier sur desktop, touc Des combinaisons sont également spécifiques à l'environnement mobile Android : -![Exemples de raccourcis : CMD+ENTREE pour l'accueil, CMD+SUPPR pour retour, ALT+TAB pour récents, ALT+F4 pour fermer l'application en cours, CMD+! pour accéder aux raccourcis clavier](https://github.com/user-attachments/assets/1c9e4c15-40ae-4db7-9740-fc1de6209383) +![Exemples de raccourcis : CMD+ENTREE pour l'accueil, CMD+SUPPR pour retour, ALT+TAB pour récents, ALT+F4 pour fermer l'application en cours, CMD+! pour accéder aux raccourcis clavier](https://github.com/user-attachments/assets/9d578564-c3ff-4f7b-bd73-a349d6f0cbe3) + 3. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté. @@ -65,24 +68,22 @@ Lorsque « Voice Access » est activé, vous pouvez énoncer des commandes com - « Ouvrir *nom de l’app* » - « Monter le volume » -Par défaut, le nom des éléments est superposé. Aussi, pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible). +Il est possible d'afficher les libellés et les numéros des éléments interactifs. Aussi, pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible). -![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/3061ff62-cb7f-4b69-ac4f-4c5db5245128) +![](https://github.com/user-attachments/assets/7ba3b950-435d-49a5-8df9-4420b47486d9) Il est également possible d'afficher le numéro des éléments ou même une grille numérotée pour les atteindre. - ### Taille de police 1. Agrandir la police de caractères à partir du menu Paramètres > Écran > Taille et style de police - ![](https://github.com/user-attachments/assets/ca65ff4e-79dc-470d-be74-a532f402ce11) + ![](https://github.com/user-attachments/assets/959c0d70-5516-4f74-a78c-9f6e0bd8e17e) -3. L'agrandissement maximal correspond à un zoom de 200% +2. L'agrandissement maximal correspond à un zoom de 200% -4. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) +3. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) -![](https://github.com/user-attachments/assets/4ace81f9-96c1-49c3-9b89-cb733feea71b) -![](https://github.com/user-attachments/assets/934976df-2dc3-444d-bd70-5fac671e76f7) +![](https://github.com/user-attachments/assets/7cdc7cc8-0969-4c57-b096-409dbff8a63b) ![](https://github.com/user-attachments/assets/17375194-f66f-4515-9eb6-e20e7ec4cef5) ### Mode sombre @@ -90,8 +91,8 @@ Le mode sombre est de plus en plus utilisé par les utilisateurs, il est donc fo 1. Aller dans Paramètres > Ecran (ou directement depuis le centre de contrôle) - ![](https://github.com/user-attachments/assets/f589b599-4f72-43af-bd3b-4f9ea2636686) + ![](https://github.com/user-attachments/assets/5230507a-7afc-4eca-a12b-2afd357c9148) 2. Vérifier que tous les textes et composants sont bien visibles et respectent les niveaux de contrastes attendus. - ![](https://github.com/user-attachments/assets/0b910a56-9461-4512-8d42-9b19336b3757) + ![](https://github.com/user-attachments/assets/0b910a56-9461-4512-8d42-9b19336b3757) From de9eee4600214ec85595ea5e3cad770e0b856179 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Fri, 9 Aug 2024 14:34:53 +0200 Subject: [PATCH 04/13] update --- src/en/articles/how-to-test-android.md | 28 ++++++++++++++------------ src/fr/articles/how-to-test-android.md | 4 ++-- 2 files changed, 17 insertions(+), 15 deletions(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index 3b59826a0..a6d818bef 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -23,14 +23,13 @@ For greater convenience, it is necessary to install some tools from the Google P - Voice Access For easier use, we recommend adding the essential tools to the accessibility shortcuts: -- Settings > Accessibility > Advanced settings > Accessibility button. -- Choose at least : "TalkcBack" and "Voice Access". - - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/79ec9de6-f042-4ef0-8387-0c709766dcc4) - +- Settings > Accessibility > Advanced settings > Accessibility button > Select Actions +- Choose at least : "TalkBack" and "Voice Access". **Then choose how you want to access these options: either from the navigation bar or from a floating button. We advise to use the navigation bar, which is more discreet**. + ![](https://github.com/user-attachments/assets/a6de7363-aa83-419c-a549-ed84c87bd10a) + ## Getting started with accessibility options @@ -55,9 +54,10 @@ Navigating is similar to a desktop keyboard, ```TAB``` key to move forward, ```S Combinations are also specific to the Android mobile environment: - ![Shift+TAB pour afficher l'aide, Fn+H pour revenir à l'accueil, Fn+flèche haut pour sélecteur d'app, Fn+C pour centre de contrôle, Fn+N pour centre de notifications](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/83408f02-edab-4456-bd48-9c7e2e778ffc) + ![Shortcuts examples: CMD+ENTER for Home, CMD+DEL for Back, ALT+TAB for Recents, ALT+F4 to close the current application, CMD+/ to access keyboard shortcuts.](https://github.com/user-attachments/assets/9d578564-c3ff-4f7b-bd73-a349d6f0cbe3) + -4. Keyboard navigation also allows you to check that the navigation order is consistent. +3. Keyboard navigation also allows you to check that the navigation order is consistent. ### Voice Access @@ -69,7 +69,7 @@ When "Voice Access" is enabled, you can say commands like: By default, element names are superimposed. Also, for an application to be controllable in this way, the interactive components must have a simple and consistent accessible name (in particular in the case of a link image or button image without a visible label). -![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/c94e478c-eaf1-4589-b4e2-369573079df9) +![](https://github.com/user-attachments/assets/7ba3b950-435d-49a5-8df9-4420b47486d9) It's also possible to display the number of the elements or even a numbered grid to reach them. @@ -77,20 +77,22 @@ It's also possible to display the number of the elements or even a numbered grid ### Font size 1. Increase the text size from the menu Settings > Display > Font size and style + ![](https://github.com/user-attachments/assets/959c0d70-5516-4f74-a78c-9f6e0bd8e17e) + 2. Maximum font size corresponds to a 200% zoom. 3. If the application has been designed to support enlargement (Dynamic Type), then the texts will be correctly rendered, readable, and without loss of information (no truncated text or superposition). - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/9bc33609-bdee-4a34-8a05-c45a89305b69) - + ![](https://github.com/user-attachments/assets/7cdc7cc8-0969-4c57-b096-409dbff8a63b) ![](https://github.com/user-attachments/assets/17375194-f66f-4515-9eb6-e20e7ec4cef5) ### Dark mode As the dark mode is used more and more, so it's strongly recommended to test your application by activating “dark mode”. 1. Go to Settings > Display (or directly from Control Centre). - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/0561fddb-e639-4754-a2c2-7bad673e0a79) + ![](https://github.com/user-attachments/assets/5230507a-7afc-4eca-a12b-2afd357c9148) 2. Check that all texts and components are visible and meet the expected contrast levels. - - ![](https://github.com/Orange-OpenSource/a11y-guidelines/assets/105045667/539031f1-910e-4762-801e-8ca34c8fdf8d) + + ![](https://github.com/user-attachments/assets/0b910a56-9461-4512-8d42-9b19336b3757) + diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index 9c4be92b3..4a76a3113 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -64,7 +64,7 @@ Des combinaisons sont également spécifiques à l'environnement mobile Android ### Voice Access Lorsque « Voice Access » est activé, vous pouvez énoncer des commandes comme : - « Retourner à l’écran d’accueil » -- Appuyer sur *nom de l’élément* » +- « Appuyer sur *nom de l’élément* » - « Ouvrir *nom de l’app* » - « Monter le volume » @@ -83,7 +83,7 @@ Il est également possible d'afficher le numéro des éléments ou même une gri 3. Si l'application a été prévue pour supporter l'agrandissement, alors les textes seront correctement restitués, lisibles et sans perte d'information (pas de texte tronqué ni de superposition) -![](https://github.com/user-attachments/assets/7cdc7cc8-0969-4c57-b096-409dbff8a63b) ![](https://github.com/user-attachments/assets/17375194-f66f-4515-9eb6-e20e7ec4cef5) + ![](https://github.com/user-attachments/assets/7cdc7cc8-0969-4c57-b096-409dbff8a63b) ![](https://github.com/user-attachments/assets/17375194-f66f-4515-9eb6-e20e7ec4cef5) ### Mode sombre From 98b81fcf6b56063f4ea5f8b37802f5216847073b Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 14:47:09 +0200 Subject: [PATCH 05/13] Update how-to-test-android.md --- src/fr/articles/how-to-test-android.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index 4a76a3113..060aebeaa 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -55,7 +55,7 @@ La navigation se fait de la même manière que pour un clavier sur desktop, touc Des combinaisons sont également spécifiques à l'environnement mobile Android : -![Exemples de raccourcis : CMD+ENTREE pour l'accueil, CMD+SUPPR pour retour, ALT+TAB pour récents, ALT+F4 pour fermer l'application en cours, CMD+! pour accéder aux raccourcis clavier](https://github.com/user-attachments/assets/9d578564-c3ff-4f7b-bd73-a349d6f0cbe3) +![Exemples de raccourcis : CMD+ENTREE pour l'accueil, CMD+SUPPR pour retour, ALT+TAB pour récents, ALT+F4 pour fermer l'application en cours, CMD+! pour accéder aux raccourcis clavier](https://github.com/user-attachments/assets/46a81d5a-5dcb-4232-a206-8baf39366eb0) 3. La navigation clavier permet également de vérifier que l'ordre de navigation est respecté. From 9596a4c531f48af7dc941ad0689e1df2c1c8867c Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 14:57:02 +0200 Subject: [PATCH 06/13] Update how-to-test-android.md --- src/en/articles/how-to-test-android.md | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index a6d818bef..ce9918e9e 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -1,5 +1,5 @@ --- -title: "Testing the accessibility of an iOS application" +title: "Testing the accessibility of an Android application" abstract: "Description of the main testing tools and methods to quickly assess the accessibility of an iOS application" titleBeforeTag: true date: "2024-08-09" @@ -28,7 +28,9 @@ For easier use, we recommend adding the essential tools to the accessibility sho **Then choose how you want to access these options: either from the navigation bar or from a floating button. We advise to use the navigation bar, which is more discreet**. - ![](https://github.com/user-attachments/assets/a6de7363-aa83-419c-a549-ed84c87bd10a) + ![](https://github.com/user-attachments/assets/04773a89-c143-402e-9bf5-d85fd55137b9) + + ## Getting started with accessibility options @@ -54,7 +56,8 @@ Navigating is similar to a desktop keyboard, ```TAB``` key to move forward, ```S Combinations are also specific to the Android mobile environment: - ![Shortcuts examples: CMD+ENTER for Home, CMD+DEL for Back, ALT+TAB for Recents, ALT+F4 to close the current application, CMD+/ to access keyboard shortcuts.](https://github.com/user-attachments/assets/9d578564-c3ff-4f7b-bd73-a349d6f0cbe3) + ![Shortcuts examples: CMD+ENTER for Home, CMD+DEL for Back, ALT+TAB for Recents, ALT+F4 to close the current application, CMD+/ to access keyboard shortcuts.](https://github.com/user-attachments/assets/99bccc16-b3fb-4af8-b8c2-6e712b4367eb) + 3. Keyboard navigation also allows you to check that the navigation order is consistent. @@ -69,7 +72,8 @@ When "Voice Access" is enabled, you can say commands like: By default, element names are superimposed. Also, for an application to be controllable in this way, the interactive components must have a simple and consistent accessible name (in particular in the case of a link image or button image without a visible label). -![](https://github.com/user-attachments/assets/7ba3b950-435d-49a5-8df9-4420b47486d9) +![](https://github.com/user-attachments/assets/6e28c394-bcdb-4937-9f37-083327e0208a) + It's also possible to display the number of the elements or even a numbered grid to reach them. @@ -77,7 +81,8 @@ It's also possible to display the number of the elements or even a numbered grid ### Font size 1. Increase the text size from the menu Settings > Display > Font size and style - ![](https://github.com/user-attachments/assets/959c0d70-5516-4f74-a78c-9f6e0bd8e17e) + ![](https://github.com/user-attachments/assets/759344d4-c227-4401-8dd9-bb75e756aa2d) + 2. Maximum font size corresponds to a 200% zoom. From 18897589edf47c82dac0501f1b3191c529ffdf97 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 15:40:15 +0200 Subject: [PATCH 07/13] Update how-to-test-android.md --- src/fr/articles/how-to-test-android.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index 060aebeaa..eaa554ad9 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -91,7 +91,8 @@ Le mode sombre est de plus en plus utilisé par les utilisateurs, il est donc fo 1. Aller dans Paramètres > Ecran (ou directement depuis le centre de contrôle) - ![](https://github.com/user-attachments/assets/5230507a-7afc-4eca-a12b-2afd357c9148) + ![](https://github.com/user-attachments/assets/f49f847e-7d9f-4381-816a-55351d6590d5) + 2. Vérifier que tous les textes et composants sont bien visibles et respectent les niveaux de contrastes attendus. From 2aac9493c39a90d77c67c6e1b024debdfbdd4de4 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Fri, 9 Aug 2024 15:40:45 +0200 Subject: [PATCH 08/13] Update how-to-test-android.md --- src/en/articles/how-to-test-android.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index ce9918e9e..a1fb2d1db 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -88,14 +88,15 @@ It's also possible to display the number of the elements or even a numbered grid 3. If the application has been designed to support enlargement (Dynamic Type), then the texts will be correctly rendered, readable, and without loss of information (no truncated text or superposition). - ![](https://github.com/user-attachments/assets/7cdc7cc8-0969-4c57-b096-409dbff8a63b) ![](https://github.com/user-attachments/assets/17375194-f66f-4515-9eb6-e20e7ec4cef5) + ![](https://github.com/user-attachments/assets/aaadf571-bb66-4455-9525-bd21df31bacc) ![](https://github.com/user-attachments/assets/bac1f246-faeb-4cfc-b5df-4084c530d4e2) + ### Dark mode As the dark mode is used more and more, so it's strongly recommended to test your application by activating “dark mode”. 1. Go to Settings > Display (or directly from Control Centre). - ![](https://github.com/user-attachments/assets/5230507a-7afc-4eca-a12b-2afd357c9148) + ![](https://github.com/user-attachments/assets/45cea752-8ea2-4be5-ad36-d22f587fb204) 2. Check that all texts and components are visible and meet the expected contrast levels. From f446836375c58e3c913c6f5e7d23a6c96696c26c Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Thu, 29 Aug 2024 15:41:37 +0200 Subject: [PATCH 09/13] updates --- src/en/articles/how-to-test-android.md | 7 ++----- src/fr/articles/how-to-test-android.md | 20 +++++++++----------- 2 files changed, 11 insertions(+), 16 deletions(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index a1fb2d1db..9c570eadc 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -70,14 +70,11 @@ When "Voice Access" is enabled, you can say commands like: - "Open *app name*" - "Turn volume up" -By default, element names are superimposed. Also, for an application to be controllable in this way, the interactive components must have a simple and consistent accessible name (in particular in the case of a link image or button image without a visible label). +Once Voice Access has been activated, say "show labels", which will display the accessible name assigned to components without a visible label. For an application to be controllable in this way, the interactive components must have a simple and consistent accessible name (in particular in the case of a link image or button image without a visible label). ![](https://github.com/user-attachments/assets/6e28c394-bcdb-4937-9f37-083327e0208a) -It's also possible to display the number of the elements or even a numbered grid to reach them. - - ### Font size 1. Increase the text size from the menu Settings > Display > Font size and style @@ -92,7 +89,7 @@ It's also possible to display the number of the elements or even a numbered grid ### Dark mode -As the dark mode is used more and more, so it's strongly recommended to test your application by activating “dark mode”. +As the dark mode is used more and more, so it's strongly recommended to test your application by activating 'dark mode'. 1. Go to Settings > Display (or directly from Control Centre). diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index eaa554ad9..f48795751 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -11,15 +11,15 @@ tags: ## Présentation et paramétrage des options d'accessibilité ### Présentation des principales options -- **TalkBack** : c'est le lecteur d'écran pour tous les devices Android. Il permet de vocaliser toutes les informations (utiles) présentes à l'écran. Outil indispensable pour les non-voyants et mal-voyants. -- **Navigation clavier** : permet d'utiliser son téléphone à partir d'un clavier externe (généralement en bluetooth), utile pour les personnes ayant des difficultés à utiliser l'écran tactile. +- **TalkBack** : c'est le lecteur d'écran pour tous les appareils Android. Il permet de vocaliser toutes les informations (utiles) présentes à l'écran. Outil indispensable pour les non-voyants et mal-voyants. +- **Navigation clavier** : permet d'utiliser son téléphone à partir d'un clavier externe (généralement en Bluetooth), utile pour les personnes ayant des difficultés à utiliser l'écran tactile. - **Voice Access** : option pour piloter son téléphone entièrement à la voix. Indispensable pour les personnes ne pouvant pas interagir physiquement avec le device ou avec un contacteur externe. - **Taille de police** : permet d'ajuster la taille des polices de caractères dans les applications qui gèrent cette option. ### Paramétrage des raccourcis d'accessibilité -En premier lieu, il est nécessaire d'installer certains outils depuis le Play Store Google: -- Outils d’accessibilité Android (installera TalkBack et des outils supplémentaires) +En premier lieu, il est nécessaire d'installer certains outils depuis le Play Store Google : +- Outils d'accessibilité Android (installera TalkBack et des outils supplémentaires) - Voice Access Pour plus de facilité, il est recommandé d'ajouter les outils indispensables dans les raccourcis d'accessibilité : @@ -50,7 +50,7 @@ En utilisant TalkBack, vous pourrez vérifier que toutes les informations indisp ### Navigation clavier Il est possible d'utiliser son téléphone seulement avec un clavier externe. 1. Connecter un clavier au téléphone -2. A présent, toutes les fonctionnalités disponibles par gestes tactiles doivent l’être également à l’aide du clavier. +2. A présent, toutes les fonctionnalités disponibles par gestes tactiles doivent l'être également à l'aide du clavier. La navigation se fait de la même manière que pour un clavier sur desktop, touche ```TAB``` pour avancer, ```SHIFT+TAB``` pour reculer, ```ESPACE``` ou ```ENTREE``` pour activer un élément. Des combinaisons sont également spécifiques à l'environnement mobile Android : @@ -63,17 +63,15 @@ Des combinaisons sont également spécifiques à l'environnement mobile Android ### Voice Access Lorsque « Voice Access » est activé, vous pouvez énoncer des commandes comme : -- « Retourner à l’écran d’accueil » -- « Appuyer sur *nom de l’élément* » -- « Ouvrir *nom de l’app* » +- « Retourner à l'écran d'accueil» +- « Appuyer sur *nom de l'élément* » +- « Ouvrir *nom de l'app* » - « Monter le volume » -Il est possible d'afficher les libellés et les numéros des éléments interactifs. Aussi, pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible). +Une fois Voice Access activé, dites "afficher les libellés", ce qui affichera le nom accessible attribué aux composants sans étiquette visible. Pour qu'une application soit pilotable de la sorte, il faut que les composants interactifs aient un nom accessible simple et cohérent (en particulier dans le cas d'une image-lien ou image-bouton sans libellé visible). ![](https://github.com/user-attachments/assets/7ba3b950-435d-49a5-8df9-4420b47486d9) -Il est également possible d'afficher le numéro des éléments ou même une grille numérotée pour les atteindre. - ### Taille de police 1. Agrandir la police de caractères à partir du menu Paramètres > Écran > Taille et style de police From 821685a4c809272b1af997f1b3672a4111e29ca0 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Thu, 29 Aug 2024 15:45:39 +0200 Subject: [PATCH 10/13] fix title --- src/en/articles/how-to-test-android.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index 9c570eadc..ebf242a36 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -1,6 +1,6 @@ --- title: "Testing the accessibility of an Android application" -abstract: "Description of the main testing tools and methods to quickly assess the accessibility of an iOS application" +abstract: "Description of the main testing tools and methods to quickly assess the accessibility of an Android application" titleBeforeTag: true date: "2024-08-09" tags: From a523ca3c01b74a84ab3651caf4e809e6316e3647 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Thu, 29 Aug 2024 15:48:03 +0200 Subject: [PATCH 11/13] remove extra space --- src/en/articles/how-to-test-android.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index ebf242a36..1fda4fa24 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -11,7 +11,7 @@ tags: ## Presentation and configuration of accessibility options ### Presentation of the main options -- **Talkback**: the screen reader for all Android devices. It allows you to vocalize all the (useful) information present on the screen. It's an essential tool for blind and visually impaired people. +- **Talkback**: the screen reader for all Android devices. It allows you to vocalize all the (useful) information present on the screen. It's an essential tool for blind and visually impaired people. - **Keyboard navigation**: enable this feature to use your phone with an external keyboard (usually via Bluetooth). It's useful for people who have difficulties using the touch screen due, for example, to motor impairment. - **Voice Access**: option to control a phone only with the voice. It's essential for people who cannot physically interact with the device or an external contactor. - **Font size**: increase text size, only useful with applications that manage this option. From fcdf9e1f99a42d94e70169f41254595c5052d59d Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Tue, 15 Oct 2024 15:19:37 +0200 Subject: [PATCH 12/13] Update how-to-test-android.md change date --- src/en/articles/how-to-test-android.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/en/articles/how-to-test-android.md b/src/en/articles/how-to-test-android.md index 1fda4fa24..21550250f 100644 --- a/src/en/articles/how-to-test-android.md +++ b/src/en/articles/how-to-test-android.md @@ -2,7 +2,7 @@ title: "Testing the accessibility of an Android application" abstract: "Description of the main testing tools and methods to quickly assess the accessibility of an Android application" titleBeforeTag: true -date: "2024-08-09" +date: "2024-10-15" tags: - mobile - beginner From 4a10e01dbace695a418ba4ad4c3d0357ae271870 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Tue, 15 Oct 2024 15:20:01 +0200 Subject: [PATCH 13/13] Update how-to-test-android.md change date --- src/fr/articles/how-to-test-android.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/fr/articles/how-to-test-android.md b/src/fr/articles/how-to-test-android.md index f48795751..cbdc96937 100644 --- a/src/fr/articles/how-to-test-android.md +++ b/src/fr/articles/how-to-test-android.md @@ -2,7 +2,7 @@ title: "Tester l'accessibilité d'une application Android" abstract: "Description des principaux outils et méthodes de tests pour évaluer rapidement l'accessibilité d'une application Android" titleBeforeTag: true -date: "2024-08-09" +date: "2024-10-15" tags: - mobile - beginner