Accessibilité : non conforme

Images :

Plusieurs images porteuses d’information ne disposent pas d’alternative textuelle ou disposent d’une alternative non pertinente qui ne restitue pas le texte visible dans l’image (critères 1.1 et 1.3). Certaines images nécessitant une description détaillée, comme des schémas comparatifs, n’en proposent aucune (critère 1.6), et des textes intégrés dans des visuels pourraient être restitués nativement en HTML/CSS afin d’en faciliter l’adaptation et la lecture (critère 1.8). Des images de décoration ne sont par ailleurs pas correctement ignorées par les technologies d’assistance (critère 1.2). Ces écarts empêchent les personnes aveugles ou malvoyantes utilisant un lecteur d’écran d’accéder à l’intégralité des informations transmises visuellement, et peuvent créer une charge cognitive inutile lorsque des éléments purement décoratifs leur sont annoncés à tort.

Cadres :

Le titre du cadre intégrant une vidéo issue de Youtube n’est pas pertinent : il ne mentionne ni le type de contenu, ni sa source (critère 2.2). Les utilisateurs de lecteur d’écran naviguant de cadre en cadre ne peuvent donc pas identifier la nature du contenu avant de l’ouvrir, ce qui complique leur orientation dans la page.

Couleurs :

Plusieurs informations sont transmises uniquement par la couleur, notamment la rubrique active du menu de navigation ou la page active dans une pagination, sans indication complémentaire telle qu’un soulignement (critère 3.1). Les contrastes entre le texte et son arrière-plan sont par ailleurs insuffisants sur de nombreux éléments transverses, en particulier le fil d’ariane présent sur l’ensemble des pages (critère 3.2), de même que les contrastes de plusieurs composants d’interface, tels que les champs du formulaire de recherche ou les boutons de zoom de la carte interactive (critère 3.3). Ces écarts pénalisent fortement les personnes malvoyantes ou daltoniennes, susceptibles de ne pas percevoir certaines informations ou de ne pas distinguer les éléments interactifs du reste de la page.

Multimédias :

Les vidéos publiées sur le site ne disposent ni de transcription textuelle, ni d’audiodescription synchronisée (critères 4.1 et 4.5), ni de sous-titres synchronisés (critère 4.3). Elles ne sont pas non plus clairement identifiées par un passage de texte qui les précède (critère 4.7). Ces manques rendent les contenus vidéo totalement inaccessibles aux personnes sourdes ou malentendantes, qui ne peuvent suivre le discours oral, ainsi qu’aux personnes aveugles ou malvoyantes, qui ne peuvent percevoir les informations visuelles présentes à l’écran.

Liens :

Certains liens ne sont pas explicites hors contexte, notamment les liens de pagination réduits à un simple numéro ou un lien image dont l’alternative textuelle ne décrit pas sa destination (critère 6.1), et un lien image est dépourvu de tout intitulé (critère 6.2). Les utilisateurs de lecteur d’écran naviguant par liste de liens ne peuvent alors ni anticiper la destination, ni comprendre la fonction de ces liens.

Scripts :

Plusieurs scripts ne sont pas compatibles avec les technologies d’assistance, notamment les fenêtres modales du menu et du moteur de recherche sur mobile, le carrousel d’actualités de l’accueil ou les accordéons dont les titres sont implémentés au moyen d’une simple classe CSS (critère 7.1). Ces mêmes éléments ne sont pas contrôlables au clavier (critère 7.3), et certains messages de statut, comme la confirmation de copie d’un lien de recherche ou la mise à jour du nombre de résultats, ne sont pas restitués aux technologies d’assistance (critère 7.5). Ces dysfonctionnements empêchent les utilisateurs de clavier et de lecteur d’écran d’accéder à des fonctionnalités clés du site, en particulier la navigation mobile et le moteur de recherche des formations.

Éléments obligatoires :

Le titre de plusieurs pages n’est pas pertinent et ne reflète pas leur contenu spécifique, par exemple lorsqu’il ne reprend pas le numéro de la page en cours au sein d’une pagination (critère 8.6). Par ailleurs, certaines balises sont utilisées uniquement à des fins de présentation, à l’image de titres visuels implémentés dans de simples paragraphes ou de paragraphes vides laissés dans le code source (critère 8.9). Ces écarts nuisent à l’orientation des utilisateurs de lecteur d’écran, qui s’appuient sur le titre de page et la structure des titres pour se repérer et anticiper le contenu d’une page.

Présentation de l’information :

Plusieurs attributs de présentation sont codés directement en HTML plutôt qu’en CSS, notamment sur les cadres vidéo et les lecteurs multimédias (critère 10.1), et l’ordre d’affichage de certains éléments, comme la date et le titre des actualités, devient incohérent lorsque les feuilles de style sont désactivées (critère 10.3). Le contenu de certaines entrées de menu devient inaccessible lors d’un agrandissement de la taille du texte à 200% (critère 10.4). La prise de focus n’est visible sur aucun élément du site, ce qui constitue une non-conformité transverse majeure (critère 10.7), et certaines informations sont données uniquement par leur forme ou leur taille, comme dans un tableau comparatif utilisant des étoiles de tailles différentes (critère 10.9). Les sous-menus ne peuvent par ailleurs pas être masqués à l’aide de la touche Échap (critère 10.13), et plusieurs contenus additionnels apparaissant au survol via CSS, tels que les sous-menus de navigation ou certaines vignettes d’actualités, ne peuvent pas être rendus visibles au clavier (critère 10.14). L’ensemble de ces écarts affecte en priorité les utilisateurs de clavier, qui perdent tout repère visuel de leur position dans la page et ne peuvent pas toujours accéder aux contenus complémentaires, ainsi que les personnes malvoyantes recourant à l’agrandissement du texte.

Formulaires :

Le formulaire de recherche de la page d’accueil comporte des champs sans étiquette (critère 11.1) et un regroupement de champs sans légende (critère 11.6), tandis qu’une légende associée à un autre regroupement de champs est mal implémentée et n’est donc pas restituée par les technologies d’assistance (critère 11.7). Les utilisateurs de lecteur d’écran ne peuvent alors identifier ni la nature des champs à renseigner, ni le lien logique entre les champs regroupés.

Navigation :

Les zones d’en-tête, de navigation principale et de pied de page ne peuvent être ni atteintes, ni évitées, faute de rôles ARIA appropriés (critère 12.6), et le focus clavier n’est pas repositionné en haut de page après activation du bouton de retour en haut de page (critère 12.8). Ces écarts allongent inutilement le parcours de navigation au clavier et désorientent les utilisateurs de technologies d’assistance dans leurs déplacements au sein des pages.

Consultation :

Les documents PDF proposés en téléchargement ne sont accessibles ni nativement, ni au moyen d’une version alternative accessible (critère 13.3), et le déplacement sur la carte interactive des CRIA n’est possible qu’au moyen d’un geste de glissement (critère 13.10). Ces limitations privent les utilisateurs de technologies d’assistance de l’accès à certains contenus documentaires, et empêchent les personnes présentant des difficultés motrices d’utiliser la carte sans recourir à un dispositif de pointage fin.

• Le widget Lisio ;
• Le lecteur Youtube ;
• Le fond de carte Open Street map.