← Retour à la page projet

Audit Accessibilité pour Iroco Landing website

Scores - 25 critères

Accéder à la déclaration

Conformité globale selon les critères

  • 60%
    Critères conformes
  • 40%
    Critères non conformes
  • 12
    Critères conformes
  • 5
    Critères non applicables
  • 8
    Critères non conformes

Conformité détaillée de répartition

Contexte

Version du référentiel : RGAA 4.1
Technologies utilisées sur le site : HTML, CSS, JS, PDF
Outils pour réaliser l’audit : Wave, AXE, Web Developper, Usability Hike, Heading Maps
Environnement de test : MacOS, Linux, Lynx, Firefox, Chrome, ChromeVox

Liste des pages auditées

Accéder aux pages auditées

Par ordre des critères du référentiel

Anomalies présentes sur toutes les pages

Aucune erreur commune à toutes les pages.

Anomalies présentes sur les pages spécifiques

Page : Home

Test 1.1.1

Conforme! Note : les textes alternatifs sont présents pas en anglais sur la version française

Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information a-t-elle une alternative textuelle ?

Test 8.4.1

Commentaire(s) : en fr les alt d’images sont en anglais

Pour chaque page web ayant une langue par défaut, le code de langue vérifie-t-il ces conditions ?

  1. Le code de langue est valide ;
  2. Le code de langue est pertinent.

Test 11.2.4

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.5

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’ intitulé visible ;
  2. S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’ intitulé visible ;
  3. S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’ intitulé visible ;
  4. S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’ intitulé visible .

Page : Infolettre

Test 3.1.4

Commentaire(s) : Inscription infolettre : les validation s de champs obligatoire ne se font qu’avec un cadre rouge

Pour chaque propriété CSS déterminant une couleur et véhiculant une information , l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Test 8.4.1

Commentaire(s) : infolettre a lang ’en’ mais texte en fr

Pour chaque page web ayant une langue par défaut, le code de langue vérifie-t-il ces conditions ?

  1. Le code de langue est valide ;
  2. Le code de langue est pertinent.

Test 11.1.1

Conforme! Note : dans l’iframe il y a un for sur le label mais cliquer dessus ne focus pas l’input

Chaque champ de formulaire vérifie-t-il une de ces conditions ?

  1. Le champ de formulaire possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;
  2. Le champ de formulaire possède un attribut WAI-ARIA aria-label ;
  3. Une balise <label> ayant un attribut for est associée au champ de formulaire ;
  4. Le champ de formulaire possède un attribut title ;
  5. Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.

Test 11.1.2

Commentaire(s) : iframe il y a un name mais pas d’id

Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?

  1. Le champ de formulaire possède un attribut id ;
  2. La valeur de l’attribut for est égale à la valeur de l’attribut id du champ de formulaire associé.

Test 11.2.2

Commentaire(s) : dans infolettre le label ne semble pas

Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.3

Commentaire(s) : dans infolettre comme le label n’est pas associé au input c’est nc

Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Test 11.2.4

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.5

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’ intitulé visible ;
  2. S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’ intitulé visible ;
  3. S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’ intitulé visible ;
  4. S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’ intitulé visible .

Test 11.10.2

Commentaire(s) : infolettre attribut required mais pas visuel avant saisie

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

  1. Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;
  2. Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.3

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message - juste un cadre rouge

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
  2. Le champ obligatoire dispose de l’attribut aria-invalid="true".

Test 11.10.4

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;
  2. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Test 11.10.5

Commentaire(s) : infolettre : pas de message pas d’instructions

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.6

Commentaire(s) : infolettre : pas de message d’erreur

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

  1. Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;
  2. Le champ dispose de l’attribut aria-invalid="true".

Test 11.10.7

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message d’erreur

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Page : About

Test 1.1.1

Conforme! Note : le texte de l’image est en anglais

Chaque image (balise <img> ou balise possédant l’attribut WAI-ARIA role="img") porteuse d’information a-t-elle une alternative textuelle ?

Page : FAQ

Test 11.1.1

Chaque champ de formulaire vérifie-t-il une de ces conditions ?

  1. Le champ de formulaire possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;
  2. Le champ de formulaire possède un attribut WAI-ARIA aria-label ;
  3. Une balise <label> ayant un attribut for est associée au champ de formulaire ;
  4. Le champ de formulaire possède un attribut title ;
  5. Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.

Test 11.1.2

Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?

  1. Le champ de formulaire possède un attribut id ;
  2. La valeur de l’attribut for est égale à la valeur de l’attribut id du champ de formulaire associé.

Test 11.1.3

Chaque champ de formulaire ayant une étiquette dont le contenu n’est pas visible ou à proximité (masqué, aria-label) ou qui n’est pas accolé au champ (aria-labelledby), vérifie-t-il une de ses conditions ?

  1. Le champ de formulaire possède un attribut title dont le contenu permet de comprendre la nature de la saisie attendue ;
  2. Le champ de formulaire est accompagné d’un passage de texte accolé au champ qui devient visible à la prise de focus permettant de comprendre la nature de la saisie attendue ;
  3. Le champ de formulaire est accompagné d’un passage de texte visible accolé au champ permettant de comprendre la nature de la saisie attendue.

Test 11.2.1

Chaque balise <label> permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Test 11.2.2

Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.3

Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Test 11.2.4

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.5

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’ intitulé visible ;
  2. S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’ intitulé visible ;
  3. S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’ intitulé visible ;
  4. S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’ intitulé visible .

Test 11.2.6

Chaque bouton adjacent au champ de formulaire qui fournit une étiquette visible permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.5.1

Les champs de même nature vérifient-ils l’une de ces conditions, si nécessaire ?

  1. Les champs de même nature sont regroupés dans une balise <fieldset> ;
  2. Les champs de même nature sont regroupés dans une balise possédant un attribut WAI-ARIA role="group" ;
  3. Les champs de même nature de type radio (<input type="radio">) ou balises possédant un attribut WAI-ARIA role="radio") sont regroupés dans une balise possédant un attribut WAI-ARIA role="radiogroup" ou role="group".

Test 11.6.1

Chaque regroupement de champs de même nature possède-t-il une légende ?

Test 11.9.1

L’intitulé de chaque bouton est-il pertinent ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label est pertinent ;
  2. S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby est pertinent ;
  3. S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button est pertinent ;
  4. S’il est présent, le contenu de la balise <button> est pertinent ;
  5. S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image est pertinent ;
  6. S’il est présent, le contenu de l’attribut title est pertinent.

Test 11.9.2

Chaque bouton affichant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label contient au moins l’ intitulé visible ;
  2. S’il est présent, le passage de texte lié au bouton via un attribut WAI-ARIA aria-labelledby contient au moins l’ intitulé visible ;
  3. S’il est présent, le contenu de l’attribut value d’une balise <input> de type submit, reset ou button contient au moins l’ intitulé visible ;
  4. S’il est présent, le contenu de la balise <button> contient au moins l’ intitulé visible ;
  5. S’il est présent, le contenu de l’attribut alt d’une balise <input> de type image contient au moins l’ intitulé visible ;
  6. S’il est présent, le contenu de l’attribut title contient au moins l’ intitulé visible .

Test 11.10.1

Les indications du caractère obligatoire de la saisie des champs vérifient-elles une de ces conditions (hors cas particuliers) ?

  1. Une indication de champ obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;
  2. Le champ obligatoire dispose de l’attribut aria-required="true" ou required préalablement à la validation du formulaire.

Test 11.10.2

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

  1. Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;
  2. Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.3

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
  2. Le champ obligatoire dispose de l’attribut aria-invalid="true".

Test 11.10.4

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;
  2. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Test 11.10.5

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.6

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

  1. Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;
  2. Le champ dispose de l’attribut aria-invalid="true".

Test 11.10.7

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Page : Sign Up

Page : Newsletter Enrollment

Test 3.1.4

Commentaire(s) : Inscription infolettre : les validation s de champs obligatoire ne se font qu’avec un cadre rouge

Pour chaque propriété CSS déterminant une couleur et véhiculant une information , l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Test 8.4.1

Commentaire(s) : infolettre a lang ’en’ mais texte en fr

Pour chaque page web ayant une langue par défaut, le code de langue vérifie-t-il ces conditions ?

  1. Le code de langue est valide ;
  2. Le code de langue est pertinent.

Test 11.1.1

Conforme! Note : dans l’iframe il y a un for sur le label mais cliquer dessus ne focus pas l’input

Chaque champ de formulaire vérifie-t-il une de ces conditions ?

  1. Le champ de formulaire possède un attribut WAI-ARIA aria-labelledby référençant un passage de texte identifié ;
  2. Le champ de formulaire possède un attribut WAI-ARIA aria-label ;
  3. Une balise <label> ayant un attribut for est associée au champ de formulaire ;
  4. Le champ de formulaire possède un attribut title ;
  5. Un bouton adjacent au champ de formulaire lui fournit une étiquette visible et un élément <label> visuellement caché ou un attribut WAI-ARIA aria-label, aria-labelledby ou title lui fournit un nom accessible.

Test 11.1.2

Commentaire(s) : iframe il y a un name mais pas d’id

Chaque champ de formulaire associé à une balise <label> ayant un attribut for, vérifie-t-il ces conditions ?

  1. Le champ de formulaire possède un attribut id ;
  2. La valeur de l’attribut for est égale à la valeur de l’attribut id du champ de formulaire associé.

Test 11.2.2

Commentaire(s) : dans infolettre le label ne semble pas

Chaque attribut title permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.3

Commentaire(s) : dans infolettre comme le label n’est pas associé au input c’est nc

Chaque étiquette implémentée via l’attribut WAI-ARIA aria-label permet-elle de connaître la fonction exacte du champ de formulaire auquel elle est associée ?

Test 11.2.4

Chaque passage de texte associé via l’attribut WAI-ARIA aria-labelledby permet-il de connaître la fonction exacte du champ de formulaire auquel il est associé ?

Test 11.2.5

Chaque champ de formulaire ayant un intitulé visible vérifie-t-il ces conditions (hors cas particuliers) ?

  1. S’il est présent, le contenu de l’attribut WAI-ARIA aria-label du champ de formulaire contient au moins l’ intitulé visible ;
  2. S’il est présent, le passage de texte lié au champ de formulaire via un attribut WAI-ARIA aria-labelledby contient au moins l’ intitulé visible ;
  3. S’il est présent, le contenu de l’attribut title du champ de formulaire contient au moins l’ intitulé visible ;
  4. S’il est présent le contenu de la balise <label> associé au champ de formulaire contient au moins l’ intitulé visible .

Test 11.10.2

Commentaire(s) : infolettre attribut required mais pas visuel avant saisie

Les champs obligatoires ayant l’attribut aria-required="true" ou required vérifient-ils une de ces conditions ?

  1. Une indication de champ obligatoire est visible et située dans l’étiquette associée au champ préalablement à la validation du formulaire ;
  2. Une indication de champ obligatoire est visible et située dans le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.3

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message - juste un cadre rouge

Les messages d’erreur indiquant l’absence de saisie d’un champ obligatoire vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant l’absence de saisie d’un champ obligatoire est visible et permet d’identifier nommément le champ concerné ;
  2. Le champ obligatoire dispose de l’attribut aria-invalid="true".

Test 11.10.4

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message

Les champs obligatoires ayant l’attribut aria-invalid="true" vérifient-ils une de ces conditions ?

  1. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans l’étiquette associée au champ ;
  2. Le message d’erreur indiquant le caractère invalide de la saisie est visible et situé dans le passage de texte associé au champ.

Test 11.10.5

Commentaire(s) : infolettre : pas de message pas d’instructions

Les instructions et indications du type de données et/ou de format obligatoires vérifient-elles une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et permet d’identifier nommément le champ concerné préalablement à la validation du formulaire ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible dans l’étiquette ou le passage de texte associé au champ préalablement à la validation du formulaire.

Test 11.10.6

Commentaire(s) : infolettre : pas de message d’erreur

Les messages d’erreurs fournissant une instruction ou une indication du type de données et/ou de format obligatoire des champs vérifient-ils une de ces conditions ?

  1. Le message d’erreur fournissant une instruction ou une indication du type de données et/ou de format obligatoires est visible et identifie le champ concerné ;
  2. Le champ dispose de l’attribut aria-invalid="true".

Test 11.10.7

Commentaire(s) : infolettre : pas de aria-invalid true - pas de message d’erreur

Les champs ayant l’attribut aria-invalid="true" dont la saisie requiert un type de données et/ou de format obligatoires vérifient-ils une de ces conditions ?

  1. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans la balise <label> associée au champ ;
  2. Une instruction ou une indication du type de données et/ou de format obligatoire est visible et située dans le passage de texte associé au champ.

Page : General Terms of Sale

Tous les critères non conformes du site

Critère 3.1
Pour certaines pages web, l’information est donnée uniquement par la couleur.

Critère 8.4
Pour certaines pages web ayant une langue par défaut, le code de langue n’est pas pertinent.

Critère 11.1
Certains champs de formulaire n’ont pas d’étiquette.

Critère 11.2
Certaines étiquettes associées à un champ de formulaire ne sont pas pertinentes.

Critère 11.5
Pour certains formulaires, les champs de même nature ne sont pas regroupés, si nécessaire.

Critère 11.6
Pour certains formulaires, certains regroupements de champs de formulaire n’ont pas de légende.

Critère 11.9
Pour certains formulaires, certains intitulés de certains boutons ne sont pas pertinents.

Critère 11.10
Pour certains formulaires, certains contrôles de saisie ne sont pas utilisés de manière pertinente.