← Retour à la page projet

Audit Accessibilité pour oralia.fr

Scores - 106 critères

Accéder à la déclaration

Conformité globale selon les critères

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
Outils pour réaliser l’audit : WCAG Color Contrast Checker, Stylus, Web Developer, Heading Maps, Console navigateur
Environnement de test : Firefox 135 Ubuntu, Firefox 135 Windows + NVDA 2024.4.2, Firefox 135 Windows + Jaws 2025, Firefox + Android 14 sur Fairphone 4 + Talkback

Liste des pages auditées

Notes correctives

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

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

Anomalies présentes sur toutes les pages

Aucune erreur commune à toutes les pages.

Anomalies présentes sur les pages spécifiques

Page : Éléments transverses oralia.fr : https://oralia.fr

Critère 1.1

Commentaire(s) : Les indications chiffrées de l’avancement de remplissage des formulaires n’ont pas d’alternative textuelle.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.3

Commentaire(s) : Dans le bandeau cookies, le logo Oralia a comme alternative “Logo”

Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

Critère 3.1

Commentaire(s) : L’indication d’avancement du formulaire est donnée uniquement par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s)

• 1. Sur fond rose, le texte des boutons *Suivant*, *Retour*, *Envoyer* du formulaire de contact offrent un rapport de contraste de 3.74:1 avec le fond du bouton.
• 2. Le rapport de contraste entre le blanc et le bleu dans le formulaire de contact est de 2.8 pour les textes et les boutons.
• 3. Le rapport de contraste entre le blanc et le vert clair dans le formulaire de contact est de 2.41 pour les textes et les boutons.
• 4. Dans le formulaire de contact les messages d’erreur sur fond bleu offrent un rapport de contraste de 2.69.
• 5. Dans le formulaire de contact les messages d’erreur sur fond vert clair offrent un rapport de contraste de 3.12.
• 6. Le texte sur l’image dans le lien du bloc *Estimation immobilières* n’est pas suffisamment contrasté.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) :

1. Les champs et boutons du formulaire de contact ne sont pas suffisament contrastés lorsqu’ils sont sur fond rose, bleu clair ou vert clair.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 6.1

Commentaire(s) : L’image contenue dans le lien du bandeau Estimation immobilières n’apporte pas d’information significative et son alternative textuelle n’est pas vide.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Le lien de menu menant vers myorlia.fr n’a pas d’intitulé dans certains modes d’affichage.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

• 1. Le bouton d’ouverture de la fenêtre modale du formulaire n’a pas le rôle de bouton.
• 2. La fenêtre modale du formulaire de contact n’est pas compatible avec les technologies d’assistance.
• 3. Le module de recherche des agences dans le formulaire de contact n’est pas compatible avec les technologies d’assistance.
• 4. Le menu mobile n’est pas compatibles avec les technologies d’assistance.
• 5. Le bandeau cookies est composé de trois fenêtre modales. L’intitulé accessible de ces trois fenêtres n’est pas clair ("Bienvenue chez Oralia Gestion du consentement")
• 6. Le lien qui ouvre les préférences d’utilisation des cookies doit être un bouton.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.3

Commentaire(s)

• 1. Dans le bandeau de cookies, le choix granulaires des traitements des partenaires n’est pas possible au clavier.
• 2. Les sous-menus de la navigation principale ne sont pas contrôlables au clavier.

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Critère 7.5

Commentaire(s)

• Les messages de statut du formulaire de contact ne sont pas restitués
• Lorsque le changement de page n’implique pas de chargement complet de page, l’indicateur de progression n’est pas restitué.

Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?

Critère 8.9

Commentaire(s) : Un paragraphe vide est présent dans le lien du bandeau Estimation immobilières.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s)

• 1. L’ouverture des modales de contact ou de gestion des cookies perturbe l’ordre des titre.
• 2. Le titre `h1`du bandeau *Estimation immobilières* perturbe la compréhension de la structure des titres sur de nombreuses pages

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.2

Commentaire(s)

• 1. Les liens en pied de page ne constituent pas une navigation principale et ne doivent pas être structuré par une balise `<nav>`.
• 2. Le contenu principal des pages du site n’est pas structuré par une balise `<main>`.
• 3. La navigation principale doit être identifiée par un attribut `aria-label`.

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s)

• Les liens *Lamy* et *Evoriel* en pied de page devraient être structurés par une liste.
• Dans la navigation principale, trois listes sont utilisées pour structurer les liens de navigation.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.1

Commentaire(s) : Des attribut interdits sont utilisés dans la page.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Critère 10.5

Commentaire(s) : Les déclarations de couleurs ne sont pas correctements utilisées.

Dans chaque page web, les déclarations CSS de couleurs de fond d’élément et de police sont-elles correctement utilisées ?

Critère 10.7

Commentaire(s) : La prise de focus n’est pas visible sur les éléments du menu principal.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.11

Commentaire(s)

• 1. Les mentions légales des formulaires de contact ne sont pas consultables et le défilement ne semble pas possible pour les consulter lorsque la fenêtre a une largeur de 320px.
• 2. Le lien vers l’espace client n’est pas visible dans le menu mobile lorsque la fenêtre a une largeur de 320px.
• 3. Le bandeau *Estimation immobilières* disparaît lorsque le site est affiché dans une fenêtre de largeur 320px

Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?

Critère 10.13

Commentaire(s) : Les sous-menus de la navigation principale ne sont pas contrôlables par l’utilisateur.

Dans chaque page web, les contenus additionnels apparaissant à la prise de focus ou au survol d’un composant d’interface sont-ils contrôlables par l’utilisateur (hors cas particuliers) ?

Critère 11.1

Commentaire(s)

• Dans le formulaire de contact, le champ de sélection du motif de la demande n’a pas d’étiquette.
• Dans le formulaire de contact, le champ de recherche d’agence n’est pas d’étiquette.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 11.10

Commentaire(s)

• 1. Dans le formulaire de contact, aucun texte n’explicite le caractère obligatoire des champs avant soumission.
• 2. Dans le formulaire de contact, les message d’erreur indiquant l’absence de saisie ne sont pas correctement reliés au champs en erreur.
• 3. Dans le formulaire de contact, les champs attendant un type de donnée spécifique n’ont pas d’exemple de saisie dans leur étiquette.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.11

Commentaire(s) :

1. Dans le formulaire de contact, les messages d’erreurs ne comportent pas d’exemple de saisie.

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?

Critère 11.13

Commentaire(s) : Dans le formulaire de contact, la finalité du champ Adresse de l’immeuble ne peut pas être déduite

La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ?

Critère 12.1

Commentaire(s) : Le site ne dispose que d’un système de navigation.

Chaque ensemble de pages dispose-t-il de deux systèmes de navigation différents, au moins (hors cas particuliers) ?

Critère 12.6

Commentaire(s) : Les zones de regroupement ne peuvent pas être atteintes ou évitées.

Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d’ en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche ) peuvent-elles être atteintes ou évitées ?

Critère 12.7

Commentaire(s) : Le site ne dispose pas de liens d’accès rapide.

Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ?

Critère 12.9

Commentaire(s) : Le focus est piégé par le bouton de connexion à l’espace client

Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ?

Page : Page d'accueil : https://oralia.fr

Critère 1.1

Commentaire(s)

• 1. Dans la fenêtre modale *Convocation électronique*, l’image porteuse d’information n’a pas d’alternative textuelle.
• 2. Dans le module de recherche en affichage mobile, le signe euro est un svg qui ne comporte pas d’alternative textuelle.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.2

Commentaire(s) : Les images de décoration présentes dans le contenu de la page ou dans les fenêtres modales ont presque toutes une alternative et ne sont pas ignorées par les technologies d’assistance.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.1

Commentaire(s)

• 1. Dans la fenêtre modale détaillant les services de rénovation énergétique, l’indication de pagination n’est indiqué que par la couleur.
• 2. Le choix du nombre de pièces dans le formulaire de recherche en affichage mobile n’est indiqué que par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s) : De nombreuses combinaisons de couleurs ne sont pas suffisamment contrastées sur la page. Par exemple, le titre Créateurs de liens, les boutons Louer, Acheter ou Faire gérer, le titre Copropriété, le bouton Effacer dans les widgets du formulaire etc.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s)

• 1. Dans le formulaire de recherche, la couleur de bordure du bouton *Louer* ou des cases à cocher dans le widget de choix du *Type de bien* n’est pas suffisamment contrastée.
• 2. Dans le formulaire de recherche en affichage mobile, les champs ne sont pas perceptibles. Le rapport de contraste entre la bordure et la couleur adjacente est de 2.26:1

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Les liens vers les pages mises en avant (Transaction, Copopriété…) n’ont pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

• 1. Le module de recherche, bien qu’agissant comme un formulaire, n’est pas un formulaire (hors affichage mobile). Si le souhait est de ne pas utiliser l’élément `<form>`, l’élément contenant doit être identifié par les attributs `role="region"` et `aria-label="Rechercher des biens"` (ou équivallent)
• 2. Les boutons *Louer* / *Acheter* du module de recherche doivent fonctionner comme un groupe de boutons radio
• 3. Dans le module de recherche, les composants d’interface *Type de bien*, *Budget* et *Pièces* doivent implémenter le motif de conception ARIA Diclosure
• 4. Dans le module de recherche, les cases à cocher du composant d’interface *Type de bien* doivent être regroupées et liées à leur label.
• 5. Dans le module de recherche, les boutons du composant d’interface *Pièces* ne sont pas utilisables.
• 6. Dans le module de recherche, le composant d’interface *Budget* n’est pas utilisable.
• 7. Dans le module de recherche, les boutons *Effacer* et *Valider* doivent avoir un nom accessible plus explicite.
• 8. Dans le module de recherche, le bouton qui valide la recherche doit être un bouton.
• 9. Dans le module de recherche, le composant d’autocomplétion pour la localité n’est pas utilisable.
• 10.  Dans le module de recherche, le bouton de validation de la recherche doit être un bouton et avoir un intitulé.
• 11. Le module de recherche en affichage mobile doit avoir le fonctionnement d’une fenêtre modale.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.3

Commentaire(s) : Les encarts détaillant les services et les contenus associés ne sont pas contrôlables au clavier.

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Critère 9.1

Commentaire(s) : La structuration par les titres n’est pas cohérente.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Dans le module de recherche en affichage mobile, une liste est utilisée pour structurer les champs du formulaire.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.7

Commentaire(s) : La prise de focus n’est pas visible sur de nombreux éléments.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.1

Commentaire(s) : Dans le module de recherche en affichage mobile, chaque champ doit avoir une étiquette correctement liée.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 11.5

Commentaire(s) : Dans le formulaire de recherche, les champs des groupes Type de bien, Prix/Loyer, Pièces, Surface doivent être regroupés correctement.

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Critère 11.11

Commentaire(s) : Dans le formulaire de recherche, pour les champs attendant un nombre, les messages d’erreurs sont en anglais et doivent donner des exemples réels de saisie.

Dans chaque formulaire, le contrôle de saisie est-il accompagné, si nécessaire, de suggestions facilitant la correction des erreurs de saisie ?

Page : Page Mentions légales : https://oralia.fr/CGU

Critère 7.1

Commentaire(s) : Le lien qui ouvre les préférences d’utilisation des cookies doit être un bouton.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 10.11

Commentaire(s) : Le lien de la configuration du navigateur pour Firefox force l’apparition d’un barre de défilement horizontale lorsque le site est affiché dans une page de 320px de largeur.

Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?

Page : Page Annonce : https://oralia.fr/annonces/TAPP24510?type=transaction&typebien=appartement

Critère 1.1

Commentaire(s)

• 1. Certaines photographies du bien portent la notion d’exclusivité. Cette notion n’apparaît nulle-part ailleurs sur la page.
• 2. La notion d’exclusivité n’est pas non plus présente dans images des biens proposés dans la section *Notre sélection sur Villefranche et sa région*.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.2

Commentaire(s)

• 1. Les images des biens proposés dans la section *Notre sélection sur Villefranche et sa région* ne sont pas correctement ignorées.
• 2. La photographie de l’agence a une alternative textuelle alors qu’il s’agit d’une image de décoration.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.2

Commentaire(s)

• 1. Le couple de couleur #E74A72 / #FFFFFF n’offre pas un rapport de contraste suffisant lorsque la taille du texte est inférieure à 24px.
• 2. Le rapport de contraste de score du diagnostic GES est de 3.66:1 au lieu de 4.5:1.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 6.1

Commentaire(s) :

1. Les liens image (téléphone et facebook) de l’encart Agence ne sont pas explicites.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Le lien menant vers la page Dossier de candidature locataire juste avant le bouton Demander des informations n’a pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

• 1. Le carrousel de photos n’est pas utilisable.
• 2. La fenêtre modale de l’emplacement du bien n’est pas utilisable.
• 3. La fenêtre modale des caractéristiques du bien n’est pas complètement utilisable.
• 4. Le fenêtre modale de détail des dignostics n’est pas utilisable.
• 5. Le fenêtre modale de mentions légales n’est pas utilisable.
• 6. Le carrousel dans la section *Notre sélection sur Villefranche et sa région* n’est pas utilisable.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.3

Commentaire(s)

• 1. Le composant d’interface permettant d’afficher la description complète n’est pas contrôlable au clavier.
• 2. Le bouton permettant d’ouvrir la fenêtre de contact dans l’encart *Agence* n’est pas atteignable au clavier.

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Critère 8.9

Commentaire(s) : De très nombreux passages de texte n’ont pas de sémantique précise (entourés par des éléments <div> ou <span>)

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s)

• 1.  Le nom de l’agence est un titre de niveau 2 et devrai être de niveau 3
• 2. Le titre Notre sélection… est de niveau 3 et les annonces qui en dépendent ont des titres de niveau 2

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 10.7

Commentaire(s) : La prise de focus n’est pas visible sur de nombreux éléments d’interface.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.10

Commentaire(s) : Le résultat des diagnostics est détaillé dans la fenêtre modale. Ce détail peut ne pas être compréhensible.

Dans chaque page web, l’information ne doit pas être donnée par la forme, taille ou position uniquement. Cette règle est-elle implémentée de façon pertinente ?

Critère 12.8

Commentaire(s) : De nombreux éléments interactifs ne sont pas compris dans l’ordre des tabulations.

Dans chaque page web, l’ ordre de tabulation est-il cohérent  ?

Critère 12.9

Commentaire(s) : Plusieurs pièges au clavier sont présents dans la page.

Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ?

Critère 13.3

Commentaire(s) : Le document PDF de barème tarifaire n’est pas accessible et n’a pas d’alternative.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Page : Page de recherche : https://oralia.fr/list/transaction?q=Paris,%20France

Critère 1.1

Commentaire(s) : Le caractère nouveau ou exclusif d’une annonce est indiqué sur les images qui n’ont pas d’alternative textuelle.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.2

Commentaire(s) : Les vignettes des annonces ne sont pas correctement ignorées.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.1

Commentaire(s) : L’état des boutons Location/Vente ou Liste/Carte n’est indiqué que par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s) : Certains rapports de contraste ne sont pas suffisament élevés sur la page. Par exemple : - Le bouton Achat ou les filtres lorsqu’ils sont activés (3.01:1 au lieu de 4.5:1)- L’indication du flitre de lieu France / Paris (4.02:1 au lieu de 4.5:1)- La mise en évidence de la page courante de la pagination (2.32:1 au lieu de 4.5:1)

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) : Les liens de la pagination ne sont pas suffisament contrastés.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 7.1

Commentaire(s) : Le module de recherche n’est pas compatible avec les technologies d’assistance.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.6

Commentaire(s) : La pagination n’est pas reflétée dans le titre de la page.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 9.2

Commentaire(s) : La pagination n’est pas structurée correctement.

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 10.7

Commentaire(s) : La prise de focus est invisible sur certains composants d’interface.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.1

Commentaire(s) : Dans le module de recherche en affichage mobile, chaque champ doit avoir une étiquette correctement liée.

Chaque champ de formulaire a-t-il une étiquette  ?

Page : Page contenu (cancer du sein) : https://oralia.fr/p/49/ensemble-contre-le-cancer-du-sein

Critère 1.2

Commentaire(s) : Les images de décorations ne sont pas correctement ignorées.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.2

Commentaire(s) : Le couple de couleur rose et blanc offre un rapport de contraste insuffisant dans certains cas.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 5.8

Commentaire(s) : Les tableaux de présentation ne sont pas correctement indiqués.

Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données . Cette règle est-elle respectée ?

Critère 6.1

Commentaire(s) : Le lien Découvrez la vidéo du Centre Léon Berard n’est pas explicite.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Le lien image menant vers la vidéo n’a pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 8.9

Commentaire(s) : Des balises sont utilisées sur la page à des fin de présentation. Par exemple :- paragraphes vides utilisés pour créer des espaces- titres pour créer des effets de gras.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.3

Commentaire(s) : Des listes ne sont pas correctement structurées. Par exemple : - la liste Oralia mobilise ses forces au travers d’actions internes et externes - la liste des notes de bas de page

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.1

Commentaire(s) : Des attributs interdits sont utilisés sur les tableaux de présentation.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Page : Page builder : https://oralia.fr/gestion/

Critère 1.2

Commentaire(s) : Les images de décoration sur la page ont une alternative textuelle.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.1

Commentaire(s) : L’indication de la diapositive courante dans les carrousels n’est donné que par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s) : Le couple de couleur vert clair / blanc n’est pas suffisamment contrasté.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 4.1

Commentaire(s) : La vidéo MyOralia Propriétaire n’a pas de transcription textuelle ni d’audiodescription.

Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?

Critère 4.3

Commentaire(s) : La vidéo MyOralia Propriétaire n’a pas de sous-titres synchronisés.

Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés (hors cas particuliers) ?

Critère 4.7

Commentaire(s) : La vidéo MyOralia Propriétaire n’est pas clairement identifiable.

Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?

Critère 6.1

Commentaire(s) : L’intitulé du lien en image MyOralia.fr n’est pas explicite.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 7.1

Commentaire(s) : Les fenêtres modales ne sont pas compatibles avec les technologies d’assistance.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.9

Commentaire(s)

• 1. Le texte *40 000 Propriétaires bailleurs nous font confiance* n’est pas structuré correctement.
• 2. Dans la deuxième diapositive de la fenêtre modale *La location solidaire*, le contenu n’est pas structuré correctement.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 10.1

Commentaire(s) : Les attributs width et height sont utilisés sur le lecteur vidéo.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Critère 10.3

Commentaire(s) : Le lien MyOralia.fr devrait apparaître après le titre adjacent dans l’ordre du code.

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Critère 12.11

Commentaire(s) : Les éléments d’interface permettant l’ouverture des fenêtres modales ne peuvent pas recevoir le focus.

Dans chaque page web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface sont-ils si nécessaire atteignables au clavier ?

Page : Page store locator 1 : https://oralia.fr/agences

Critère 3.2

Commentaire(s) : Le titre Nos agences Oralia n’est pas suffisamment contrasté.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) : Le champ de recherche n’est pas suffisamment contrasté.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Les liens Téléphone et Facebook dans la présentation des agences n’ont pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s) :

1. Le module d’autocomplétion de la recherche n’est pas utilisable.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 12.8

Commentaire(s) : L’ordre de tabulation n’est pas cohérent dans la page.

Dans chaque page web, l’ ordre de tabulation est-il cohérent  ?

Critère 12.9

Commentaire(s) : La page contient des pièges au clavier.

Dans chaque page web, la navigation ne doit pas contenir de piège au clavier. Cette règle est-elle respectée ?

Page : Page store locator 2 : https://oralia.fr/oralia-sully-gestion

Critère 1.1

Commentaire(s) : L’idication d’avancement du formulaire de contact (1 et 2) se fait à l’aide de svg qui n’ont pas d’alternative textuelle.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.2

Commentaire(s) : Les photographies de l’agence et de ses dirigeants ne sont pas ignorées par les technologies d’assitance.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 3.1

Commentaire(s) : L’indication d’avancement du formulaire est donnée uniquement par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s) : Plusieurs couples de couleurs posent problème. Par exemple : - #FFFFFF / #F39900 (contraste de 2.24:1)- #FFFFFF / #73BA58 (contraste de 2.36:1)- #FFFFFF / #E74A72 (contraste de 3.74:1)

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) : Plusieurs couples de couleurs posent problème. Par exemple : - #FFFFFF / #F39900 (contraste de 2.24:1)- #FFFFFF / #73BA58 (contraste de 2.36:1)

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 6.1

Commentaire(s)

• 1. L’intitulé du lien *Standard 01 44 54 21 55* n’est pas explicite.
• 2. L’image dans le lien facebook doit avoir une alternative vide.
• 3. Les images dans les liens vers les annonces n’ont pas d’alternative textuelle.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 7.1

Commentaire(s)

• 1. Les composants porteurs d’événements ou de fonctionnalités javascript sur la page doivent être des boutons et avoir un nom accessible pertinent.
• 2. Les fenêtres modales ne sont pas pleinement utilisables.
• 3. Les carrousels des annonces ne sont pas utilisables.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.9

Commentaire(s) : Sur la page, des balises sont utilisées à des fin de présentation. Des passages de texte ne sont pas structurés par une sémantique adéquate, des paragraphes vides sont utilisés pour créer des espaces.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s) : La hiérarchie des titres n’est pas cohérente sur la page.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 10.7

Commentaire(s) : La prise de focus n’est pas visible sur certains éléments. Par exemple, la liste de sélection dans le formulaire, les boutons des carrousels.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.9

Commentaire(s) : Dans la fenêtre modale des horaires d’ouverture de l’agence, le jour courant est indiqué en gras uniquement.

Dans chaque page web, l’information ne doit pas être donnée uniquement par la forme, taille ou position . Cette règle est-elle respectée ?

Critère 11.1

Commentaire(s) : Le champ de sélection du motif de la demande n’a pas d’étiquette.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 12.8

Commentaire(s) : L’ordre de tabulation n’est pas cohérent sur la page. Ex. sur le lien Téléphone.

Dans chaque page web, l’ ordre de tabulation est-il cohérent  ?

Page : Page vérification des comptes en ligne : https://oralia.fr/decouvrir/myoralia/47/verification-des-comptes-en-ligne

Critère 1.3

Commentaire(s) : Dans le titre de niveau 1, l’alternative de l’image MyOralia.fr n’est pas pertinente.

Pour chaque image porteuse d’information ayant une alternative textuelle, cette alternative est-elle pertinente (hors cas particuliers) ?

Critère 3.2

Commentaire(s) : Le couple de couleur #00A6DE / #FFFFFF présente un rapport de contraste de 2.8:1

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) : Le couple de couleur #00A6DE / #FFFFFF présente un rapport de contraste de 2.8:1

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 4.1

Commentaire(s) : Les vidéos n’ont pas de transcription textuelle.

Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?

Critère 4.3

Commentaire(s) : Les vidéos n’ont pas de sous-titres synchronisés.

Chaque média temporel synchronisé pré-enregistré a-t-il, si nécessaire, des sous-titres synchronisés (hors cas particuliers) ?

Critère 4.7

Commentaire(s) : La notion de vidéo n’est pas présente dans le texte adjacent.

Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 9.1

Commentaire(s) : Les liens permettant de consulter les vidéos ne doivent pas être des titres.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.2

Commentaire(s) : Le menu de sous-rubriques n’est pas correctement identifié.

Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

Critère 9.3

Commentaire(s) : Les liens permettant de consulter les vidéos ne sont pas structurés en liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.1

Commentaire(s) : Des attributs ou balises de présentation sont utilisés sur la page. Par exemple, l’attribut frameborder sur les élément <iframe> des lecteurs vidéo.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Critère 10.7

Commentaire(s) : La prise de focus sur les éléments présents dans le lecteur vidéo n’est pas visible.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.9

Commentaire(s) : Lorsqu’une sous-rubrique est sélectionnée, l’indication n’est donnée que par un effet de graisse et un soulignement.

Dans chaque page web, l’information ne doit pas être donnée uniquement par la forme, taille ou position . Cette règle est-elle respectée ?

Critère 12.8

Commentaire(s) : Les liens du menu de sous-rubrique ne reçoivent pas le focus.

Dans chaque page web, l’ ordre de tabulation est-il cohérent  ?

Page : Éléments transverses MyOralia.fr : https://www.myoralia.fr

Critère 1.1

Commentaire(s)

• 1. Dans certaines notices de l’aide en ligne, des images porteuses d’information n’ont pas d’alternative.
• 2. Dans le module d’autocomplétion du champ de recherche de l’aide en ligne, les images indiquant la catégorie de la notice (Location, Syndic…) n’ont pas d’alternative.

Chaque image porteuse d’information a-t-elle une alternative textuelle  ?

Critère 1.2

Commentaire(s)

• 1. Dans l’aide en ligne, les image de décoration ne peuvent être correctement ignorées par les technologies d’assistance.
• 2. Dans le pied de page, l’image de décoration a une alternative textuelle.

Chaque image de décoration est-elle correctement ignorée par les technologies d’assistance ?

Critère 2.1

Commentaire(s)

• 1. Dans l’aide en ligne, le cadre n’a pas de titre.
• 2. Dans l’aide en ligne, le cadre du lecteur vidéo n’a pas de titre.

Chaque cadre a-t-il un titre de cadre  ?

Critère 3.1

Commentaire(s) : La page active n’est indiquée que par la couleur dans le sous-menu.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s)

• 1. Dans l’aide en ligne, le texte "Recherchez une aide en ligne" n’est pas suffisamment contrasté.
• 2. Le couple de couleur #F2951E / #FFFFFF offre un rapport de contraste insuffisant (2.31:1).
• 3. Le couple de couleur #8E8E8E / #FFFFFF offre un rapport de contraste de 3.28:1

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s)

• 1. Le couple de couleur #F2951E / #FFFFFF offre un rapport de contraste insuffisant (2.31:1).
• 2. Dans l’aide en ligne, le contraste de la bordure du champ de recherche n’est pas suffisant.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 4.1

Commentaire(s) : Dans l’aide en ligne, les vidéos n’ont pas de transciption textuelle.

Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?

Critère 4.7

Commentaire(s) : Dans l’aide en ligne, les vidéos ne sont pas clairement identifiables.

Chaque média temporel est-il clairement identifiable (hors cas particuliers) ?

Critère 6.1

Commentaire(s) : Les liens dans l’aide en ligne comportent une icône qui n’est pas ignorée.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 6.2

Commentaire(s) : Le lien en image (Et si les réponses…) n’a pas d’intitulé.

Dans chaque page web, chaque lien a-t-il un intitulé  ?

Critère 7.1

Commentaire(s)

• 1. Le bandeau cookies est composé de deux fenêtre modales. L’intitulé accessible de ces trois fenêtres n’est pas clair ("Bienvenue chez Oralia Gestion du consentement")
• 2. La fenêtre modale de l’aide en ligne n’est pas totalement utilisable.
• 3. Le module de recherche n’est pas totalement utilisable.
• 4. Dans l’aide en ligne, les composant dépliant ne sont pas utilisables.
• 5.  Dans l’aide en ligne, lorsqu’une thématique est choisie, la notice correspondant n’est pas utilisable.
• 6. Le composant d’interface permettant d’ouvrir l’aide en ligne n’est pas un bouton.
• 7.  Le menu mobile n’est pas utilisable.
• 8. Le sous-menu n’est pas utilisable.
• 9. Les boutons dans le sous-menu ne sont pas activables par l’appui sur la barre d’espace.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.3

Commentaire(s) : Dans le bandeau de cookies, le choix granulaires des traitements des partenaires n’est pas possible au clavier.

Chaque script est-il contrôlable par le clavier et par tout dispositif de pointage (hors cas particuliers) ?

Critère 8.4

Commentaire(s) : Le code de langue de la page n’est pas correctement indiqué (fr_FR au lieu de fr-FR)

Pour chaque page web ayant une langue par défaut, le code de langue est-il pertinent ?

Critère 8.9

Commentaire(s) : Dans l’aide en ligne, des balises sont utilisées à des fins de présentation.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s) : Dans l’aide en ligne, dans certaines notices, l’information n’est pas correctement structurée par des titres.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s)

• 1. Les liens en pied de page ne sont pas structurés par une liste.
• 2.  Dans l’aide en ligne, certaines liste ne sont pas correctement structurées.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.1

Commentaire(s) : Des attributs interdits sont utilisés sur le cadre de l’aide en ligne.

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information  ?

Critère 10.7

Commentaire(s)

• 1. La prise de focus n’est pas visible sur les composants d’interface du bandeau de choix des cookies (y-compris dans la fenêtre modale).
• 2. La prise de focus n’est pas visible sur les menu et sous-menu en affichage mobile.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 12.6

Commentaire(s) : Aucun landmark n’est présent sur la page.

Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d’ en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche ) peuvent-elles être atteintes ou évitées ?

Critère 12.7

Commentaire(s) : Le site ne dispose pas de liens d’accès rapide.

Dans chaque page web, un lien d’évitement ou d’accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ?

Critère 13.3

Commentaire(s)

• 1. Le document PDF de mentions légales n’est pas accessible et n’a pas d’alternative accessible.
• 2. Des documents PDF inaccessibles sont proposés au téléchargement dans l’aide en ligne sans alternative accessible.

Dans chaque page web, chaque document bureautique en téléchargement possède-t-il, si nécessaire, une version accessible (hors cas particuliers) ?

Aucune erreur sur cette page.

Page : Page d'authentification : https://www.myoralia.fr/index.php?

Critère 7.5

Commentaire(s) : Les messages d’erreur du formulaire ne sont pas correctement restitués.

Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?

Critère 10.7

Commentaire(s) : Dans le formulaire, la prise de focus des boutons n’est pas visible.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.1

Commentaire(s)

• 1. Les champs de saisie du formulaire n’ont pas d’étiquette.
• 2. Dans le formulaire, l’étiquette de la case à cocher n’est pas correctement liée au champ.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 11.9

Commentaire(s)

• 1. Le bouton permettant de changer la nature du champ Mot de passe n’a pas d’intitulé.
• 2. L’image de décoration dans le bouton Se connecter a une alternative.

Dans chaque formulaire, l’intitulé de chaque bouton est-il pertinent (hors cas particuliers) ?

Page : Dossier Locataire (Mes dossiers locataires) : https://myoralia.fr/dlocataire/index4.php

Critère 5.8

Commentaire(s) : Le tableau de mise en forme n’est pas correctement formé.

Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données . Cette règle est-elle respectée ?

Critère 7.1

Commentaire(s)

• 1. L’intitulé des boutons d’action pour les dossiers n’est pas explicite.
• 3. La fenêtre modale permettant de poser une question à propos d’une annonce n’est pas utilisable.
• 4. Un clic sur l’image de l’annonce dans la liste des dossiers permet d’ouvrir le détail de l’annonce dans une fenêtre modale. Cette action doit se faire par l’intermédiaire d’un bouton.
• 5. La fenêtre modale de détail de l’annonce n’est pas utilisable.
• 6. Le carrousel dans la fenêtre modale du détail de l’annonce n’est pas utilisable.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 8.9

Commentaire(s) : Dans la fenêtre modale de détail des annonces, la structure de l’information n’est pas correcte.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s) : La hierarchie des titres n’est pas correcte. Par exemple : - un titre de niveau 3 apparaît avant le titre de niveau 1- dans la fenêtre de détail de l’annonce, la hiérarchie des titres est incohérente

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : Des liste ne sont pas correctement structurées sur la page. Par exemple : - les boutons d’action pour les dossiers- les caractéristiques dans le détail d’une annonce

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.7

Commentaire(s) : Le focus n’est pas visible sur les boutons d’action ainsi que sur les boutons d’envoi de question.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.1

Commentaire(s) : Le champ de saisie pour poser une question n’a pas d’étiquette.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 13.5

Commentaire(s) : Dans la fenêtre modale de détail des annonces, le contenu cryptique n’a pas d’alternative.

Dans chaque page web, chaque contenu cryptique (art ASCII, émoticône, syntaxe cryptique) a-t-il une alternative ?

Page : Dossier Locataire (informations locataires) : https://myoralia.fr/dlocataire/index1.php?REFTRM2=LAPP46437

Critère 3.2

Commentaire(s) : Dans le système d’onglets, le contraste de l’onglet actif n’est pas suffisant.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s)

• 1. La bordure des onglets n’est pas suffisamment contrastée.
• 2. La bordure des champs de formulaire n’est pas suffisamment contrastée.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 7.1

Commentaire(s)

• 1. Le bouton Ajouter un locataire doit être un bouton.
• 2. Le système d’onglets n’est pas fonctionnel.
• 3. Les boutons Supprimer dans les formulaires doivent être des boutons.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.5

Commentaire(s) : Les messages d’erreur du formulaire ne sont pas restitués.

Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 9.3

Commentaire(s) : Les onglets ne doivent pas être compris dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.7

Commentaire(s) : Le focus n’est pas visible sur les boutons d’action.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.11

Commentaire(s) : Lorsqu’il y a plus de 3 locataires, un défilement horizontal apparaît pour une fenêtre de 320px de largeur.

Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?

Critère 11.1

Commentaire(s) : Dans les formulaires, les étiquettes ne sont pas correctement liées aux champs.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 11.2

Commentaire(s) : L’étiquette de certains champs n’est pas pertinente. Par exemple, le champ avec l’étiquette “Si autre date que celle disponible pour ce bien”.

Chaque étiquette associée à un champ de formulaire est-elle pertinente (hors cas particuliers) ?

Critère 11.5

Commentaire(s) : Le regroupement des champs de même nature est uniquement visuel.

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Critère 11.10

Commentaire(s)

• 1. Dans le formulaire, le caractère obligatoire des champs indiqué par une indication graphique (astérisque) n’est pas explicité.
• 2. Dans le formulaire, le message d’erreur concernant le caractère obligatoire des champs ne permet pas d’identifier les champs.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.12

Commentaire(s) : Dans le formulaire, la suppression d’un locataire ne peut pas être annulée.

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, mises à jour ou récupérées par l’utilisateur ?

Critère 11.13

Commentaire(s) : Dans le formulaire, la finalité des champs de saisie ne peut pas être déduite.

La finalité d’un champ de saisie peut-elle être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur ?

Page : Dossier Locataire (informations garants) : https://myoralia.fr/dlocataire/index2.php

Critère 3.2

Commentaire(s) : Dans le système d’onglets, le contraste de l’onglet actif n’est pas suffisant.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s)

• 1. La bordure des onglets n’est pas suffisamment contrastée.
• 2. La bordure des champs de formulaire n’est pas suffisamment contrastée.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 7.1

Commentaire(s)

• 1. Le bouton Ajouter un garant doit être un bouton.
• 2. Le système d’onglets n’est pas fonctionnel.
• 3. Les boutons Supprimer dans les formulaires doivent être des boutons.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.5

Commentaire(s) : Les messages d’erreur du formulaire ne sont pas restitués.

Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 9.3

Commentaire(s) : Les onglets ne doivent pas être compris dans une liste.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.7

Commentaire(s) : Le focus n’est pas visible sur les boutons d’action.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 10.11

Commentaire(s) : Lorsqu’il y a au moins un garant, un défilement horizontal apparaît pour une fenêtre de 320px de largeur.

Pour chaque page web, les contenus peuvent-ils être présentés sans avoir recours à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou à un défilement horizontal pour une fenêtre ayant une largeur de 320px (hors cas particuliers) ?

Critère 11.1

Commentaire(s) : Dans les formulaires, les étiquettes ne sont pas correctement liées aux champs.

Chaque champ de formulaire a-t-il une étiquette  ?

Critère 11.5

Commentaire(s) : Le regroupement des champs de même nature est uniquement visuel.

Dans chaque formulaire, les champs de même nature sont-ils regroupés, si nécessaire ?

Critère 11.10

Commentaire(s)

• 1. Dans le formulaire, le caractère obligatoire des champs indiqué par une indication graphique (astérisque) n’est pas explicité.
• 2. Dans le formulaire, le message d’erreur concernant le caractère obligatoire des champs ne permet pas d’identifier les champs.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Critère 11.12

Commentaire(s) : Dans le formulaire, la suppression d’un garant ne peut pas être annulée.

Pour chaque formulaire qui modifie ou supprime des données, ou qui transmet des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, les données saisies peuvent-elles être modifiées, mises à jour ou récupérées par l’utilisateur ?

Page : Dossier Locataire (dépôt des pièces) : https://myoralia.fr/dlocataire/index3.php

Critère 3.1

Commentaire(s) : Les pièces obligatoires manquantes à la soumission du formulaire ne sont indiquées que visuellement par la couleur.

Dans chaque page web, l’ information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

Critère 3.2

Commentaire(s)

• 1. Le texte de notice sur la nature des documents à fournir n’est pas suffisamment contrastée (4:1)
• 2. Dans le système d’onglets, le contraste de l’onglet actif n’est pas suffisant.

Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Critère 3.3

Commentaire(s) : La bordure des onglets n’est pas suffisamment contrastée.

Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?

Critère 5.8

Commentaire(s) : Le tableau de mise en forme utilise des éléments de tableau de données.

Chaque tableau de mise en forme ne doit pas utiliser d’éléments propres aux tableaux de données . Cette règle est-elle respectée ?

Critère 6.1

Commentaire(s) : Les boutons de visualisation des pièces déjà téléversées n’ont pas d’intitulé explicite.

Chaque lien est-il explicite (hors cas particuliers) ?

Critère 7.1

Commentaire(s)

• 1. Dans le formulaire, les boutons relatifs aux documents n’ont pas d’intitulé.
• 2. Dans le formulaire, la bulle d’information n’est pas utilisable.

Chaque script est-il, si nécessaire, compatible avec les technologies d’assistance  ?

Critère 7.5

Commentaire(s)

• 1. Les messages d’erreur du formulaire ne sont pas restitués.
• 2.  La progression lors de l’envoi des pièces n’est pas restituée.

Dans chaque page web, les messages de statut sont-ils correctement restitués par les technologies d’assistance ?

Critère 8.6

Commentaire(s) : Le titre de la page n’est pas pertinent.

Pour chaque page web ayant un titre de page, ce titre est-il pertinent ?

Critère 8.9

Commentaire(s) : Des balises sont utilisées uniquement à des fins de présentation.

Dans chaque page web, les balises ne doivent pas être utilisées uniquement à des fins de présentation . Cette règle est-elle respectée ?

Critère 9.1

Commentaire(s) : L’information n’est pas correctement structurée.

Dans chaque page web, l’information est-elle structurée par l’utilisation appropriée de titres  ?

Critère 9.3

Commentaire(s) : La liste des locataires et garants sous forme d’onglets n’est pas correctement structurée.

Dans chaque page web, chaque liste est-elle correctement structurée ?

Critère 10.2

Commentaire(s) : Dans le formulaire, l’icone indiquant le caractère obligatoire d’une pièce n’a pas d’alternative textuelle.

Dans chaque page web, le contenu visible porteur d’information reste-t-il présent lorsque les feuilles de styles sont désactivées ?

Critère 10.3

Commentaire(s) : L’information n’est pas compréhensible lorsque les feuilles de styles sont désactivées.

Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Critère 10.7

Commentaire(s) : Le focus n’est pas visible sur les boutons d’action.

Dans chaque page web, pour chaque élément recevant le focus, la prise de focus est-elle visible ?

Critère 11.10

Commentaire(s) : Le caractère obligatoire des champs du formulaire indiqué par la présence de l’astérix n’est pas explicité.

Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

Tous les critères non conformes du site

Critère 1.1
Certaines images porteuses d’information n’ont pas d’alternative textuelle.

Critère 1.2
Certaines images de décoration ne sont pas correctement ignorées par les technologies d’assistance.

Critère 1.3
Certaines images porteuses d’information ayant une alternative textuelle, ont une alternative non pertinente.

Critère 2.1
Certains cadres n’ont pas de titre de cadre.

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

Critère 3.2
Pour certaines pages web, le contraste entre la couleur du texte et la couleur de son arrière-plan n’est pas suffisamment élevé.

Critère 3.3
Pour certaines pages web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations ne sont pas suffisamment contrastées

Critère 4.1
Certains médias temporels pré-enregistrés n’ont pas de transcription textuelle ni d’audiodescription.

Critère 4.3
Certains médias temporels synchronisés pré-enregistrés n’ont pas de sous-titres synchronisés.

Critère 4.7
Certains médias temporels ne sont pas identifiables.

Critère 5.8
Pour certains tableaux de mise en forme les éléments propres aux tableaux de données ne doivent pas être utilisés.

Critère 6.1
Certains liens ne sont pas explicites.

Critère 6.2
Pour certaines pages web, certains liens n’ont pas d’intitulé.

Critère 7.1
Certains scripts ne sont pas compatibles avec les technologies d’assistance.

Critère 7.3
Certains scripts ne sont pas contrôlables par le clavier et par tout dispositif de pointage.

Critère 7.5
Pour certaines pages web, les messages de statut ne sont pas correctement restitués par les technologies d’assistance.

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

Critère 8.6
Pour certaines pages web ayant un titre de page, ce titre est non pertinent.

Critère 8.9
Pour certaines pages web, les balises ne doivent pas être utilisées uniquement à des fins de présentation.

Critère 9.1
Pour certaines pages web, l’information n’est pas structurée par l’utilisation appropriée de titres.

Critère 9.2
Pour certaines pages web, la structure du document n’est pas cohérente.

Critère 9.3
Pour certaines pages web, certaines listes ne sont pas correctement structurées.

Critère 10.1
Dans le site web, des feuilles de styles ne sont utilisées pour contrôler la présentation de l’information.

Critère 10.2
Pour certaines pages web, le contenu visible ne reste pas présent lorsque les feuilles de styles sont désactivées.

Critère 10.3
Pour certaines pages web, l’information ne reste pas compréhensible lorsque les feuilles de styles sont désactivées.

Critère 10.5
Pour certaines pages web, les déclarations CSS de couleurs de fond d’élément et de police ne sont pas correctement utilisées.

Critère 10.7
Pour certaines pages web, pour certains éléments recevant le focus, la prise de focus n’est pas visible.

Critère 10.9
Pour certaines pages web, l’information ne doit pas être donnée uniquement par la forme, taille ou position.

Critère 10.10
Pour certaines pages web, certaines informations sont données par la forme, taille ou position uniquement.

Critère 10.11
Pour certaines pages web, les contenus sont présentés en ayant recours à la fois à un défilement vertical pour une fenêtre ayant une hauteur de 256px ou une largeur de 320px.

Critère 10.13
Pour certaines pages web, les contenus additionnels apparaissant à la prise de focus ou au survol d’un composant d’interface ne sont pas contrôlables par l’utilisateur.

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.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.

Critère 11.11
Pour certains formulaires, certains contrôles de saisie ne sont pas accompagnés de suggestions facilitant la correction des erreurs de saisie.

Critère 11.12
Pour certains formulaires qui modifient ou suppriment des données, ou qui transmettent des réponses à un test ou à un examen, ou dont la validation a des conséquences financières ou juridiques, la saisie des données ne vérifie pas une des conditions de : modification, annulation, vérification…

Critère 11.13
La finalité de certains champs de saisie ne peut pas être déduite pour faciliter le remplissage automatique des champs avec les données de l’utilisateur.

Critère 12.1
Certains ensembles de pages ne disposent pas de deux systèmes de navigation différents, au moins.

Critère 12.6
Certaines zones de regroupement de contenus présentes dans plusieurs pages web (zones d’en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) ne pas peuvent être atteintes ou évitées.

Critère 12.7
Pour certaines pages web, un lien d’évitement ou d’accès rapide à la zone de contenu principal n’est pas présent.

Critère 12.8
Pour certaines pages web, l’ordre de tabulation n’est pas cohérent.

Critère 12.9
Pour certaines pages web, la navigation contient des pièges au clavier.

Critère 12.11
Pour certaines pages web, les contenus additionnels apparaissant au survol, à la prise de focus ou à l’activation d’un composant d’interface ne sont pas si nécessaire atteignables au clavier.

Critère 13.3
Pour certaines pages web, certains documents bureautiques en téléchargement ne possèdent pas une version accessible.

Critère 13.5
Pour certaines pages web, certains contenus cryptiques (art ASCII, émoticon, syntaxe cryptique) n’ont pas d’alternative.