From f3303927bc9171b65ac09b7a522315c10c1d2e29 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Tue, 4 Feb 2025 10:54:42 +0100 Subject: [PATCH 1/3] Add info about placeholder in forms + update consistent title --- json/criteres-wcag-ease-en.json | 26 +++++++------- json/criteres-wcag-ease-fr.json | 62 +++++++++++++++++---------------- 2 files changed, 46 insertions(+), 42 deletions(-) diff --git a/json/criteres-wcag-ease-en.json b/json/criteres-wcag-ease-en.json index 992614b..d33f468 100644 --- a/json/criteres-wcag-ease-en.json +++ b/json/criteres-wcag-ease-en.json @@ -9,6 +9,7 @@ ], "verifier": "", "exception": "

When the form field has no visible label but its role is obvious (search field accompanied by a magnifying glass button for example, checkbox to select a line in a data array), this is an exception and the criterion is considered compliant.

", + "complement": "
Additionally

A placeholder alone is not sufficient to provide a visible label ; it must be accompanied by a persistent text neat the form field.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/forms/#make-form-fields-accessible", "priority": "P0", @@ -40,6 +41,7 @@ "4.1.2 A" ], "verifier": "", + "complement": "
Additionally

A placeholder alone is not sufficient to provide an accessible name; it must be accompanied by one of the techniques listed above.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/forms/#make-form-fields-accessible", "priority": "P1", @@ -55,7 +57,7 @@ "1.3.1 A" ], "verifier": "", - "complement": "
Additionally:

Group elements only when it is necessary, for example:

", + "complement": "
Additionally

Group elements only when it is necessary, for example:

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/forms/#make-form-fields-accessible", "priority": "P3", @@ -71,7 +73,7 @@ "2.4.6 AA" ], "verifier": "", - "complement":"
Complement

It is important to check the relevance of the visible label and the accessible name of the input field.

", + "complement":"
Additionally

It is important to check the relevance of the visible label and the accessible name of the input field.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/forms/#make-form-fields-accessible", "priority": "P0", @@ -166,7 +168,7 @@ "3.3.7 A" ], "verifier": "

In a form and during the same process or session, an autofill system for previously provided information must be offered to the user to retrieve previously entered data. Browser autocomplete is not considered sufficient.

", - "complement":"
Complement

Examples of valid mechanisms: automatic supply, choice in a drop-down selector, copy-paste from an area, checkbox to use previously entered data (invoice address equals delivery address)

", + "complement":"
Additionally

Examples of valid mechanisms: automatic supply, choice in a drop-down selector, copy-paste from an area, checkbox to use previously entered data (invoice address equals delivery address)

", "exception":"
  1. An activity (memory game) where re-entering information is essential
  2. Security information such as double-entering a user-created password
  3. Previously provided information that is no longer valid
", "group": "Form", "moreInfo": "", @@ -186,7 +188,7 @@ ], "verifier": "

Check that no step in an login/password authentication process relies on a cognitive test, unless that step provides:

Since memorizing a login and password is a cognitive test, to satisfy the criterion, the copy/paste function must be allowed on these fields or the login and password must be filled in automatically (e.g., password manager).

", "exception": "", - "complement": "
Complement:

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", + "complement": "
Additionally

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/design/forms/#accessible-authentication", "priority": "P0", @@ -205,7 +207,7 @@ ], "verifier": "

Check that no step in an authentication process with a two-factor system (2FA) relies on a cognitive test, unless this step allows:

The proposed authentication process meets criterion 3.3.8 or 3.3.9, which means it does not rely on a cognitive test (e.g., memorizing or entering a login and password that must be copied without error, reproducing a gesture pattern on a touch screen, solving a puzzle).

", "exception": "", - "complement": "
Complement:

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", + "complement": "
Additionally

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/design/forms/#accessible-authentication", "priority": "P0", @@ -224,7 +226,7 @@ ], "verifier": "

Verify that when an authentication pathway includes a CAPTCHA, an alternative method that does not rely on a cognitive test (e.g., memorizing, copying a word, recognizing an image given by the website) is offered. Note: Object recognition or identification of non-textual personal content is permitted.

", "exception": "", - "complement": "
Complement:

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", + "complement": "
Additionally

A cognitive test is a task that requires the user to memorize, manipulate or transcribe information.

In the authentication process, do not use methods based on:

In the case of a hidden password, provide the option of displaying the characters entered in plain text.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/design/forms/#accessible-authentication", "priority": "P0", @@ -271,7 +273,7 @@ ], "verifier": "", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/textual-content/#start-sections-with-headings", - "complement":"
Additionally:

This criterion does not require the use of a title, if no title is present this criterion is not applicable.

", + "complement":"
Additionally

This criterion does not require the use of a title, if no title is present this criterion is not applicable.

", "priority": "P1", "resultatTest": "nt", "goodPractice": false @@ -286,7 +288,7 @@ ], "verifier": "", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/textual-content/#start-sections-with-headings", - "complement":"
Additionally:

This criterion does not require the use of a title, if no title is present this criterion is not applicable.

", + "complement":"
Additionally

This criterion does not require the use of a title, if no title is present this criterion is not applicable.

", "priority": "P1", "resultatTest": "nt", "goodPractice": false @@ -356,7 +358,7 @@ "wcag": [ "1.3.1 A" ], - "verifier": "

If the table is a presentation table, remove any semantic tag or attribute of a table (caption, summary, th, scope, headers…) and add a role='presentation' attribute to the table and therefore this table becomes not applicable for this criterion

If the table is a data array:

  1. If a data table has a title (or a caption), check that the title is programmatically linked to the table using one of the following techniques:
    • Caption tag
    • Aria-label on the table element *
    • Aria-labelledby on the element pointing to the title’s ID *
    • Title on the table element *
      • * Warning: In addition, the technique must be validated with a functional test on the specific environment(s) (browser or technical assistance) targeted by the audit.
  2. If the data table has a title, check that the title is relevant.
    • The title isn’t empty
    • The title helps the user to understand the nature of the data in the table
  3. If the table includes a summary, check that it is programmatically linked to the table using one of the following techniques:
    • HTML5: presence of a summary, in accessible masking if necessary or display:none, linked to the table with a aria-describedby
    • Older HTML version: the summary is in a summary attribute
  4. If a summary is provided, check that it is:
    • relevant
    • different from the title
  5. Single header table (a row, or a column header only), check that there are headers (th)
  6. Headers th must not be empty
  7. Double header table (a row and a column header):
    • For each th check that there is a scope='col' attribute for the column headers,
    • and that there is a scope='row' attribute for the row headers
  8. Complex tables (multiple and irregular headers), check that there are headers (th) and/or id and headers attributes
", + "verifier": "

If the table is a presentation table, remove any semantic tag or attribute of a table (caption, summary, th, scope, headers…) and add a role='presentation' attribute to the table and therefore this table becomes not applicable for this criterion

If the table is a data array:

  1. If a data table has a title (or a caption), check that the title is programmatically linked to the table using one of the following techniques:
    • Caption tag
    • Aria-label on the table element *
    • Aria-labelledby on the element pointing to the title's ID *
    • Title on the table element *
      • * Warning: In addition, the technique must be validated with a functional test on the specific environment(s) (browser or technical assistance) targeted by the audit.
  2. If the data table has a title, check that the title is relevant.
    • The title isn't empty
    • The title helps the user to understand the nature of the data in the table
  3. If the table includes a summary, check that it is programmatically linked to the table using one of the following techniques:
    • HTML5: presence of a summary, in accessible masking if necessary or display:none, linked to the table with a aria-describedby
    • Older HTML version: the summary is in a summary attribute
  4. If a summary is provided, check that it is:
    • relevant
    • different from the title
  5. Single header table (a row, or a column header only), check that there are headers (th)
  6. Headers th must not be empty
  7. Double header table (a row and a column header):
    • For each th check that there is a scope='col' attribute for the column headers,
    • and that there is a scope='row' attribute for the row headers
  8. Complex tables (multiple and irregular headers), check that there are headers (th) and/or id and headers attributes
", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/textual-content/#structuring-data-tables", "priority": "P2", "resultatTest": "nt", @@ -474,7 +476,7 @@ "1.4.3 AA" ], "verifier": "", - "complement": "
Complement
", + "complement": "
Additionally
", "moreInfo": "", "priority": "P2", "resultTest": "nt", @@ -503,7 +505,7 @@ "wcag": [ "1.4.1 A" ], - "verifier": "

Check that colour is not the only means of conveying the information:

Remarks:

", + "verifier": "

Check that colour is not the only means of conveying the information:

Remarks:

", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/colors-and-contrasts/#do-not-use-colour-or-sensory-characteristics-as-the-unique-source-of-information", "priority": "P2", "resultatTest": "nt", @@ -1077,7 +1079,7 @@ ], "verifier": "

Drag-and-drop functionality must have an alternative that does not require the dexterity specific to this type of movement (single pointing action).

", "exceptions": "

The criterion is not applicable:

", - "complement":"
Complement

This criterion only targets actions for which only the start and end points are taken into account (dragging and then dropping a ticket in a Kanban board for example) and does not take into account so-called “multi- points”, covered in the criterion “WCAG 2.5.1 - Do multi-point or path-based gestures have an alternative requiring a single pointer without a path?”

", + "complement":"
Additionally

This criterion only targets actions for which only the start and end points are taken into account (dragging and then dropping a ticket in a Kanban board for example) and does not take into account so-called “multi- points”, covered in the criterion “WCAG 2.5.1 - Do multi-point or path-based gestures have an alternative requiring a single pointer without a path?”

", "group": "", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/touch-and-interactions/#offer-an-alternative-to-complex-gestures", "priority": "P2", diff --git a/json/criteres-wcag-ease-fr.json b/json/criteres-wcag-ease-fr.json index cee4a1c..c5c91b2 100644 --- a/json/criteres-wcag-ease-fr.json +++ b/json/criteres-wcag-ease-fr.json @@ -7,8 +7,9 @@ "wcag": [ "3.3.2 A" ], - "verifier": "", - "exception": "

Lorsque le champ de formulaire n'a pas de libellé visible mais son rôle est évident (champ de recherche accompagné d’un bouton en forme de loupe par exemple, case à cocher pour sélectionner une ligne dans un tableau de données), c'est une exception et le critère est conforme.

", + "verifier": "", + "exception": "

Lorsque le champ de formulaire n'a pas de libellé visible mais son rôle est évident (champ de recherche accompagné d'un bouton en forme de loupe par exemple, case à cocher pour sélectionner une ligne dans un tableau de données), c'est une exception et le critère est conforme.

", + "complement": "
Complément d'information

Un placeholder seul ne suffit pas à fournir une étiquette visible, il doit être accompagné par un texte persistant à proximté du champ de formulaire.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/formulaires/#rendre-accessibles-les-champs-de-formulaire", "priority": "P0", @@ -40,6 +41,7 @@ "4.1.2 A" ], "verifier": "", + "complement": "
Complément d'information

Un placeholder seul ne suffit pas à fournir un nom accessible, il doit être accompagné par une des techniques citées ci-dessus.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/formulaires/#rendre-accessibles-les-champs-de-formulaire", "priority": "P1", @@ -55,7 +57,7 @@ "1.3.1 A" ], "verifier": "", - "complement": "
Complément :

On regroupe uniquement lorsque nécessaire, par exemple :

", + "complement": "
Complément d'information

On regroupe uniquement lorsque nécessaire, par exemple :

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/formulaires/#rendre-accessibles-les-champs-de-formulaire", "priority": "P3", @@ -71,7 +73,7 @@ "2.4.6 AA" ], "verifier": "", - "complement":"
Complément

Il est important de vérifier la pertinence de l'étiquette visible et du nom accessible du champ.

", + "complement":"
Complément d'information

Il est important de vérifier la pertinence de l'étiquette visible et du nom accessible du champ.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/formulaires/#rendre-accessibles-les-champs-de-formulaire", "priority": "P0", @@ -166,7 +168,7 @@ "3.3.7 A" ], "verifier": "

Dans un formulaire et au cours d'un même processus ou session, un système de remplissage automatique des informations déjà fournies doit être proposé à l'utilisateur pour restituer une information préalablement saisie. L'autocompletion du navigateur n'est pas jugé suffisante.

", - "complement":"
Complément

Exemples de mécanismes valides : alimentation automatique, choix dans un sélecteur déroulant, copier-coller depuis une zone, case à cocher pour reprendre des données préalablement saisies (adresse de facturation égale adresse de livraison)

", + "complement":"
Complément d'information

Exemples de mécanismes valides : alimentation automatique, choix dans un sélecteur déroulant, copier-coller depuis une zone, case à cocher pour reprendre des données préalablement saisies (adresse de facturation égale adresse de livraison)

", "exception":"
  1. Une activité (jeu de mémoire) où saisir à nouveau une information est essentiel
  2. Des informations de sécurité comme la double saisie d'un mot de passe créé par l'utilisateur
  3. Des informations préalablement renseignées qui ne sont plus valides
", "group": "Formulaire", "moreInfo": "", @@ -186,7 +188,7 @@ ], "verifier": "

Vérifier qu'aucune étape d'un processus d'authentification par un nom d'utilisateur et un mot de passe ne repose sur un test cognitif, sauf si cette étape fournit :

La mémorisation d'un nom utilisateur et d'un mot de passe étant un test cognitif, il faut pour satisfaire le critère que la fonction de copier/coller soit autorisée sur ces champs ou que le nom d'utilisateur et le mot de passe soient remplis automatiquement (exemple : gestionnaire de mot de passe).

", "exception": "", - "complement": "
Complément :

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", + "complement": "
Complément d'information

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/designer/formulaires/#authentification-accessible", "priority": "P0", @@ -203,9 +205,9 @@ "3.3.8 AA", "3.3.9 AAA" ], - "verifier": "

Vérifier qu'aucune étape d'un processus d'authentification avec un système à double facteur (2FA) ne repose sur un test cognitif sauf si cette étape permet au choix :

Le processus d'authentification proposé répond au critère 3.3.8 ou 3.3.9, c’est-à-dire qu'il ne repose pas sur un test cognitif (ex : mémoriser ou saisir un identifiant et mot de passe qui doivent être recopiés sans erreur, reproduire un schéma gestuel sur un écran tactile, résoudre une énigme)

", + "verifier": "

Vérifier qu'aucune étape d'un processus d'authentification avec un système à double facteur (2FA) ne repose sur un test cognitif sauf si cette étape permet au choix :

Le processus d'authentification proposé répond au critère 3.3.8 ou 3.3.9, c'est-à-dire qu'il ne repose pas sur un test cognitif (ex : mémoriser ou saisir un identifiant et mot de passe qui doivent être recopiés sans erreur, reproduire un schéma gestuel sur un écran tactile, résoudre une énigme)

", "exception": "", - "complement": "
Complément :

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", + "complement": "
Complément d'information

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/designer/formulaires/#authentification-accessible", "priority": "P0", @@ -224,7 +226,7 @@ ], "verifier": "

Vérifier que lorsqu'un parcours d'authentification inclut un CAPTCHA, une méthode alternative qui ne repose pas sur un test cognitif (retenir, recopier un mot, reconnaitre une image donnée par le site web) est proposée. Note : la reconnaissance d'objets ou l'identification d'un contenu personnel non textuel est tolérée.

", "exception": "", - "complement": "
Complément :

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", + "complement": "
Complément d'information

Un test cognitif est une tâche qui oblige l'utilisateur à mémoriser, manipuler ou transcrire des informations.

Dans le processus d'authentification, ne pas utiliser de méthode basée sur :

Dans le cas d'un mot de passe masqué, offrir la possibilité d'afficher en clair les caractères saisis.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/designer/formulaires/#authentification-accessible", "priority": "P0", @@ -271,7 +273,7 @@ ], "verifier": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/contenu-textuel/#donner-des-titres-aux-rubriques", - "complement":"
Complément

Ce critère n'oblige pas l'utilisation de titre, si aucun titre n'est présent ce critère est non-applicable.

", + "complement":"
Complément d'information

Ce critère n'oblige pas l'utilisation de titre, si aucun titre n'est présent ce critère est non-applicable.

", "priority": "P1", "resultatTest": "nt", "goodPractice": false @@ -286,7 +288,7 @@ ], "verifier": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/contenu-textuel/#donner-des-titres-aux-rubriques", - "complement":"
Complément

Ce critère n'oblige pas l'utilisation de titre, si aucun titre n'est présent ce critère est non-applicable.

", + "complement":"
Complément d'information

Ce critère n'oblige pas l'utilisation de titre, si aucun titre n'est présent ce critère est non-applicable.

", "priority": "P1", "resultatTest": "nt", "goodPractice": false @@ -356,7 +358,7 @@ "wcag": [ "1.3.1 A" ], - "verifier": "

Si le tableau est un tableau de présentation, enlever toute balise ou attribut à valeur sémantique de tableau (caption, summary, th, scope, headers…) et mettre un attribut role='presentation' dans la balise table et donc ce tableau devient non applicable pour ce critère

Si le tableau est un tableau de données :

  1. Si un titre de tableau est présent, vérifier que celui-ci est lié de manière programmatique au tableau par l’une des techniques ci-dessous 
    * Attention : en complément la technique doit être validée par un test fonctionnel sur le ou les environnements (navigateur / aide technique) pris en compte dans l’audit.
    • Balise Caption
    • Aria-label sur l’élément table *
    • Aria-labelledby sur l’élément pointant vers l’ID du titre *
    • Title sur l’élément table *
  2. Si un titre de tableau est présent, vérifier que celui-ci est pertinent
    • Le titre n’est pas vide
    • Le titre permet de comprendre la nature des données présentées dans le tableau
  3. Si un résumé de tableau est présent, vérifier que celui-ci est lié de manière programmatique par l’une des techniques ci-dessous&nrbsp;:
    • HTML5 : présence d'un résumé, si nécessaire en masquage accessible ou display:none, lié au tableau via un aria-describedby
    • Version antérieure : résumé présent dans un attribut summary
  4. Si un résumé est présent, vérifier que celui-ci est :
    • pertinent
    • différent du titre
  5. Les entêtes th ne doivent pas être vides
  6. Tableau à simple entête (une ligne, ou une colonne d’entête uniquement), vérifier la présence d'entêtes (th)
  7. Tableau à double entêtes (une ligne et une colonne d’entête) :
    • Pour chaque th vérifier la présence d'un attribut scope='col' pour les entêtes de colonnes,
    • et la présence d'un scope='row' pour les entêtes de lignes
  8. Tableaux complexes (entêtes multiples et irrégulières), vérifier la présence d'entêtes th et / ou d'attributs id et headers
", + "verifier": "

Si le tableau est un tableau de présentation, enlever toute balise ou attribut à valeur sémantique de tableau (caption, summary, th, scope, headers…) et mettre un attribut role='presentation' dans la balise table et donc ce tableau devient non applicable pour ce critère

Si le tableau est un tableau de données :

  1. Si un titre de tableau est présent, vérifier que celui-ci est lié de manière programmatique au tableau par l'une des techniques ci-dessous 
    * Attention : en complément la technique doit être validée par un test fonctionnel sur le ou les environnements (navigateur / aide technique) pris en compte dans l'audit.
    • Balise Caption
    • Aria-label sur l'élément table *
    • Aria-labelledby sur l'élément pointant vers l'ID du titre *
    • Title sur l'élément table *
  2. Si un titre de tableau est présent, vérifier que celui-ci est pertinent
    • Le titre n'est pas vide
    • Le titre permet de comprendre la nature des données présentées dans le tableau
  3. Si un résumé de tableau est présent, vérifier que celui-ci est lié de manière programmatique par l'une des techniques ci-dessous&nrbsp;:
    • HTML5 : présence d'un résumé, si nécessaire en masquage accessible ou display:none, lié au tableau via un aria-describedby
    • Version antérieure : résumé présent dans un attribut summary
  4. Si un résumé est présent, vérifier que celui-ci est :
    • pertinent
    • différent du titre
  5. Les entêtes th ne doivent pas être vides
  6. Tableau à simple entête (une ligne, ou une colonne d'entête uniquement), vérifier la présence d'entêtes (th)
  7. Tableau à double entêtes (une ligne et une colonne d'entête) :
    • Pour chaque th vérifier la présence d'un attribut scope='col' pour les entêtes de colonnes,
    • et la présence d'un scope='row' pour les entêtes de lignes
  8. Tableaux complexes (entêtes multiples et irrégulières), vérifier la présence d'entêtes th et / ou d'attributs id et headers
", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/contenu-textuel/#structurer-les-tableaux-de-donnees", "priority": "P2", "resultatTest": "nt", @@ -429,7 +431,7 @@ "wcag": [ "1.1.1 A" ], - "verifier": "", + "verifier": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/contenu-non-textuel/#fournir-un-equivalent-textuel-pour-les-images-et-les-cadres", "priority": "P3", "resultatTest": "nt", @@ -474,7 +476,7 @@ "1.4.3 AA" ], "verifier": "", - "complement": "
Complément
", + "complement": "
Complément d'information
", "moreInfo": "", "priority": "P2", "resultatTest": "nt", @@ -517,7 +519,7 @@ "wcag": [ "1.3.3 A" ], - "verifier": "

Vérifier que l'information transmise par une caractéristique sensorielle (forme, taille, position, orientation, son) peut également être obtenue par un texte, une alternative ou un message explicite.

Exemples de non conformités :

Non applicable, si aucune information n'est portée par le son, l'orientation, la taille, la forme ou la position

", + "verifier": "

Vérifier que l'information transmise par une caractéristique sensorielle (forme, taille, position, orientation, son) peut également être obtenue par un texte, une alternative ou un message explicite.

Exemples de non conformités :

Non applicable, si aucune information n'est portée par le son, l'orientation, la taille, la forme ou la position

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/couleurs-et-contrastes/#ne-pas-utiliser-la-couleur-ou-linformation-sensorielle-comme-seule-source-dinformation", "priority": "P2", "resultatTest": "nt", @@ -562,7 +564,7 @@ "wcag": [ "2.4.9 AAA" ], - "verifier": "

L’utilisateur doit pouvoir comprendre la destination des liens même sortis de leur contexte.

", + "verifier": "

L'utilisateur doit pouvoir comprendre la destination des liens même sortis de leur contexte.

", "exception": "

Le lien est ambigu pour tout utilisateur ou le contexte de la page ne permet pas de comprendre la destination du lien. Ces cas ne sont donc pas à prendre en compte.

", "complement": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-generale/#rendre-les-intitules-des-liens-et-des-boutons-accessibles", @@ -572,11 +574,11 @@ }, { "themes": "Navigation générale", - "title": "Chaque libellé de lien permettant d’ouvrir/télécharger un document est-il compréhensible ?", + "title": "Chaque libellé de lien permettant d'ouvrir/télécharger un document est-il compréhensible ?", "ID": "testID-071", "IDorigin": "testID-071", "wcag": [], - "verifier": "

L’utilisateur doit avoir l’information si un lien permet d’ouvrir ou de télécharger un document (pdf, traitement de texte, vidéo, audio…)

Chaque lien permettant de télécharger un fichier doit être accompagné d’informations relatives à sa consultation.

Vérifier que le libellé du lien contient :

", + "verifier": "

L'utilisateur doit avoir l'information si un lien permet d'ouvrir ou de télécharger un document (pdf, traitement de texte, vidéo, audio…)

Chaque lien permettant de télécharger un fichier doit être accompagné d'informations relatives à sa consultation.

Vérifier que le libellé du lien contient :

", "complement": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-generale/#rendre-les-intitules-des-liens-et-des-boutons-accessibles", "priority": "", @@ -585,11 +587,11 @@ }, { "themes": "Navigation générale", - "title": "Un utilisateur est-il prévenu de l’ouverture d’une nouvelle fenêtre ? ", + "title": "Un utilisateur est-il prévenu de l'ouverture d'une nouvelle fenêtre ? ", "ID": "testID-072", "IDorigin": "testID-072", "wcag": [], - "verifier": "

Vérifier que l'ouverture d'une nouvelle fenêtre est mentionnée aux utilisateurs, au choix :

", + "verifier": "

Vérifier que l'ouverture d'une nouvelle fenêtre est mentionnée aux utilisateurs, au choix :

", "complement": "

Si possible, éviter de mettre un attribut `title` incluant la mention \"nouvelle fenêtre\" du fait de sa faiblesse robustesse parmi les aides techniques

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-generale/#prevenir-lutilisateur-de-louverture-dune-nouvelle-fenetre", "priority": "", @@ -639,7 +641,7 @@ }, { "themes": "Navigation générale", - "title": "Des liens d’évitement sont-ils présents ? ", + "title": "Des liens d'évitement sont-ils présents ? ", "ID": "testID-074", "IDorigin": "testID-074", "wcag": [], @@ -727,13 +729,13 @@ }, { "themes": "Navigation générale", - "title": "Des informations sur l’emplacement de l’utilisateur dans un ensemble de page sont-elles disponibles ? ", + "title": "Des informations sur l'emplacement de l'utilisateur dans un ensemble de page sont-elles disponibles ? ", "ID": "testID-075", "IDorigin": "testID-075", "wcag": [ "2.4.8 AAA" ], - "verifier": "

Vérifier que la position courante de l'utilisateur au sein d'un site est matérialisée visuellement et programmatiquement :

", + "verifier": "

Vérifier que la position courante de l'utilisateur au sein d'un site est matérialisée visuellement et programmatiquement :

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-generale/#fournir-des-acces-multiples-et-une-localisation", "priority": "", "resultatTest": "nt", @@ -808,7 +810,7 @@ "2.1.1 A" ], "verifier": "", - "exception": "

Le critère est non applicable :

", + "exception": "

Le critère est non applicable :

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-clavier/#permettre-dutiliser-les-principales-fonctionnalites-de-lapplication-au-clavier", "priority": "P0", "resultatTest": "nt", @@ -838,7 +840,7 @@ ], "verifier": "", "exception": "

Ne sont pas concernés les accesskey et les raccourcis clavier utilisant une touche de modification (touche de caractère non imprimables, par exemple Ctrl, Alt ou Shift).

", - "complement": "
Complément

La présence de raccourcis peut être détectée en utilisant ce bookmarklet raccourcis clavier

", + "complement": "
Complément d'information

La présence de raccourcis peut être détectée en utilisant ce bookmarklet raccourcis clavier

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/navigation-generale/#sassurer-que-lutilisaateur-garde-le-controle-lors-des-interactions", "priority": "P3", "resultatTest": "nt", @@ -867,7 +869,7 @@ "2.4.7 AA" ], "verifier": "

Le focus doit toujours être présent et suffisament visible sur tous les éléments focusables.

", - "complement": "
Complément

Si le focus par défaut du navigateur est désactivé, un focus personnalisé doit être affiché en remplacement.

", + "complement": "
Complément d'information

Si le focus par défaut du navigateur est désactivé, un focus personnalisé doit être affiché en remplacement.

", "moreInfo":"https://a11y-guidelines.orange.com/fr/web/developper/navigation-clavier/#rendre-visible-le-focus-en-toute-circonstance", "priority": "P2", "resultatTest": "nt", @@ -970,7 +972,7 @@ "1.3.2 A" ], "verifier": "

Si un ordre de lecture spécifique est obligatoire pour comprendre un contenu de la page :
quand le CSS est désactivé, vérifier que ce contenu lu de façon linéaire reste compréhensible.

Exemple : un contenu implémenté sous forme de colonnes en CSS doit être restitué dans le bon ordre sans CSS.

Si aucun contenu nécessite un ordre de lecture spécifique, alors le critère est non applicable.

", - "complement": "
Compléments d'information

L’ordre des contenus dans le code HTML doit rester compréhensible, en général, il suffit qu'il soit identique à l’ordre d’affichage des contenus à l’écran.

Exemples de contenus à tester :

", + "complement": "
Compléments d'information

L'ordre des contenus dans le code HTML doit rester compréhensible, en général, il suffit qu'il soit identique à l'ordre d'affichage des contenus à l'écran.

Exemples de contenus à tester :

", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/mise-en-page/#separer-le-contenu-de-linteractivite-et-de-la-presentation", "priority": "P3", "resultatTest": "nt", @@ -1076,8 +1078,8 @@ "2.5.7 AA" ], "verifier": "

Les fonctionnalités de type glisser-déposer, doivent avoir une alternative ne nécessitant pas une dextérité propre à ce type de mouvement (action à pointage unique).

", - "exception": "

Le critère est non applicable :

", - "complement":"
Complément

Ce critère ne vise que les actions dont seuls les points de départ et d’arrivée sont pris en compte, (glisser puis déposer un ticket dans un tableau Kanban par exemple) et ne tient pas compte des actions dit de “multi-points”, couvert dans le critère \"WCAG 2.5.1 - Les gestes multipoints ou basés sur une trajectoire disposent-ils d'une alternative nécessitant un seul pointeur sans trajectoire ?\"

", + "exception": "

Le critère est non applicable :

", + "complement":"
Complément d'information

Ce critère ne vise que les actions dont seuls les points de départ et d'arrivée sont pris en compte, (glisser puis déposer un ticket dans un tableau Kanban par exemple) et ne tient pas compte des actions dit de “multi-points”, couvert dans le critère \"WCAG 2.5.1 - Les gestes multipoints ou basés sur une trajectoire disposent-ils d'une alternative nécessitant un seul pointeur sans trajectoire ?\"

", "group": "", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/tactile-et-interactions/#proposer-une-alternative-aux-gestuelles-complexes", "priority": "P2", @@ -1201,7 +1203,7 @@ "1.4.2 A" ], "verifier": "

Il est possible de :

", - "complement":"
Complément

Le mécanisme doit être facilement atteignable

", + "complement":"
Complément d'information

Le mécanisme doit être facilement atteignable

", "group": "Multimédia", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/contenu-non-textuel/#rendre-accessible-les-pistes-audio-ou-video", "priority": "P3", From bc19f4342cb873d20d7c822f99db3ca1feef5140 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul Date: Tue, 4 Feb 2025 10:56:39 +0100 Subject: [PATCH 2/3] update --- json/criteres-wcag-ease-fr.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/json/criteres-wcag-ease-fr.json b/json/criteres-wcag-ease-fr.json index c5c91b2..bcabb8a 100644 --- a/json/criteres-wcag-ease-fr.json +++ b/json/criteres-wcag-ease-fr.json @@ -9,7 +9,7 @@ ], "verifier": "", "exception": "

Lorsque le champ de formulaire n'a pas de libellé visible mais son rôle est évident (champ de recherche accompagné d'un bouton en forme de loupe par exemple, case à cocher pour sélectionner une ligne dans un tableau de données), c'est une exception et le critère est conforme.

", - "complement": "
Complément d'information

Un placeholder seul ne suffit pas à fournir une étiquette visible, il doit être accompagné par un texte persistant à proximté du champ de formulaire.

", + "complement": "
Complément d'information

Un placeholder seul ne suffit pas à fournir une étiquette visible, il doit être accompagné par un texte persistant à proximité du champ de formulaire.

", "group": "Formulaire", "moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/formulaires/#rendre-accessibles-les-champs-de-formulaire", "priority": "P0", From 5ce76ba2e5a60f8f376116786957cb83401da147 Mon Sep 17 00:00:00 2001 From: Pierre-Yves Ayoul <105045667+pya35@users.noreply.github.com> Date: Tue, 4 Feb 2025 14:28:56 +0100 Subject: [PATCH 3/3] Update json/criteres-wcag-ease-en.json MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Mewen Le Hô <92363071+MewenLeHo@users.noreply.github.com> --- json/criteres-wcag-ease-en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/json/criteres-wcag-ease-en.json b/json/criteres-wcag-ease-en.json index d33f468..efe4058 100644 --- a/json/criteres-wcag-ease-en.json +++ b/json/criteres-wcag-ease-en.json @@ -9,7 +9,7 @@ ], "verifier": "", "exception": "

When the form field has no visible label but its role is obvious (search field accompanied by a magnifying glass button for example, checkbox to select a line in a data array), this is an exception and the criterion is considered compliant.

", - "complement": "
Additionally

A placeholder alone is not sufficient to provide a visible label ; it must be accompanied by a persistent text neat the form field.

", + "complement": "
Additionally

A placeholder alone is not sufficient to provide a visible label ; it must be accompanied by a persistent text near the form field.

", "group": "Form", "moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/forms/#make-form-fields-accessible", "priority": "P0",