Accessibilité numérique en 2024 : ce que révèle l’analyse du WebAIM Million

L’accessibilité web est désormais un enjeu crucial dans la conception des sites modernes.
Pour évaluer l'état actuel de l'accessibilité numérique, WebAIM a publié pour la sixième année consécutive une analyse des pages d’accueil d’un million de sites web.

Méthodologie de l'évaluation

L’analyse a été effectuée à l’aide de l’API autonome WAVE (outil de validation automatique) et d'autres outils pour collecter des données sur la technologie des sites et les secteurs concernés. Bien que WAVE puisse ne pas détecter tous les problèmes de conformité, le rapport reflète fidèlement l’état des pages d’accueil les plus influentes du web. Nous vous partageons dans cet article les résultats clés.

‍Une augmentation des erreurs d’accessibilité

Après une baisse entre 2021 et 2023, le nombre d’erreurs par page a augmenté de 14% en 2024, avec une moyenne de 57 erreurs par page.

Cette hausse est liée à la complexification des pages d’accueil, dont la densité d’erreurs a augmenté de 50% au cours des cinq dernières années.

Conformité aux WCAG, des progrès modérés

Pour les WCAG 2 niveaux A et AA, 96% des pages testées présentent des échecs de conformité, une légère amélioration par rapport aux 98% en 2019. Toutefois, 22% des pages affichent moins de 5 erreurs et 31% moins de 10 erreurs.

Les principales erreurs détectées

Les erreurs se répartissent principalement en six catégories :

1. Problèmes de contraste (81% des erreurs)
2. Texte alternatif des images manquant (54%)
3. Étiquettes de formulaire manquantes (49%)
4. Liens vides (45%)
5. Boutons vides (28%)
6. Langue par défaut manquante (17%).

La plupart de ces problèmes affectent la navigation pour les personnes mal ou non voyantes dont l'accès à l'information se fait via un lecteur d'écran. Les problèmes de contraste peuvent quant à eux, selon le contexte, être problématiques pour tout utilisateur.
Il est à important de souligner que ces problèmes persistent depuis cinq ans, révélant ainsi des obstacles récurrents dans l’amélioration de l’accessibilité web.

Utilisation et implémentation d’ARIA : des avancées à double tranchant

76,7% des pages d’accueil utilisent au moins un « landmark »ou un rôle ARIA équivalent, en baisse par rapport à 2023. Parmi ces éléments,39,1% des pages utilisent l'élément <main> et 15,5% ont un rôle « search».

Le nombre d’attributs ARIA a augmenté de 15%, avec une moyenne de 89 attributs par page. Les attributs ARIA comme «aria-label », « aria-labelledby » et « aria-describedby » ont augmenté de 26%, atteignant une moyenne de 19,2 par page.
Cependant, 74,6% des pages utilisant ARIA présentent 34,2% d'erreurs supplémentaires par rapport à celles qui n’en utilisent pas.

La structuration des pages via les rôles"landmark" ou les balises dédiées est un point important pour la navigation via un lecteur d'écran. Les résultats, quant à l'usage des attributs ARIA, montre qu'ils sont plus utilisés, mais pas de façon pertinente.

Erreurs de titre et de structuration

Les titres jouent un rôle clé dans l’accessibilité. L’analyse a montré que :

• 16,8% des pages ont plusieurs titres <h1> (en diminution par rapport à 2023).
• 37,9% des pages présentent des sauts de niveaux de titres (également en baisse).
• 11,3% des pages n’ont aucun titre, ce qui est préoccupant car les titres sont essentiels pour la navigation avec les lecteurs d'écran.

Performances par domaines

Les résultats varient selon les domaines :

• Les domaines .gov (-64,2%) et .edu (-54,2%) montrent les meilleures performances en matière de réduction des erreurs
• En revanche, les domaines .cn (+89,6%) et .ua(+63,8%) enregistrent les plus fortes régressions.

Analyse par langues et technologies

Certaines langues affichent des tendances contrastées :

• L’anglais (-15,6%) et le néerlandais (-11,4%) enregistrent les plus fortes réductions d’erreurs.
• En revanche, l’indonésien (+130,3%) et le vietnamien(+54,9%) connaissent des hausses significatives.
• Le français, quant à lui, affiche une augmentation d’environ 10% des erreurs détectées.  

Les principales technologies et frameworks montrent aussi des variations importantes

• WordPress (51,5 erreurs en moyenne) et Drupal (44,8 erreurs en moyenne) affichent des réductions significatives des erreurs.
• Les frameworks JavaScript, tels que React (50,1 erreurs en moyenne) et Vue.js (62,3 erreurs en moyenne) présentent des résultats contrastés en termes d’accessibilité.
• Les bibliothèques JavaScript les plus utilisées enregistrent une hausse marquée des erreurs détectées, atteignant jusque170% !

Sites et plateformes e-commerce : des régressions alarmantes

Alors que les sites liés aux domaines gouvernementaux, aux réseaux sociaux ou à l'éducation montrent des améliorations assez sensibles (respectivement −37.2, −28.0% et −15.0%), les sites liés aux domaines commerciaux – à l’exception de l’alimentation (-9,1%) - montrent une augmentation significative des erreurs : le sport (+49.4%) et le shopping (+46.6%).

Cela peut être mis en parallèle avec les régressions observées de manière générale au niveau des plateformes e-commerce :

• Shopify : +6.4%
• WooCommerce : +31.8%
• Magento : +52.5%

En conclusion, des efforts importants restent à faire

Le rapport WebAIM 2024 met en lumière un constat préoccupant : une augmentation générale des erreurs d'accessibilité, malgré une légère baisse des pages non conformes aux WCAG.

‍
Les secteurs réglementés, tels que le gouvernement et l'éducation, affichent des améliorations notables tandis que les secteurs tels que le sport et le commerce en ligne connaissent des régressions, ce qui montre que les bonnes pratiques ne sont pas encore adoptées à grande échelle. Il est clair qu’il reste encore beaucoup à faire pour améliorer véritablement l’accessibilité numérique du web.

Nous voyons ces défis comme une véritable opportunité d'agir. L’accessibilité ne doit plus être une réflexion après coup, mais un pilier fondamental dans la conception de chaque site web. Certaines données de ce rapport révèlent que des obstacles récurrents subsistent depuis plusieurs années, mais nous croyons fermement qu'avec la bonne expertise et les bons outils, ces problèmes peuvent être résolus de manière durable.

En tant qu'experts en accessibilité numérique, nous accompagnons nos clients dans la mise en œuvre de solutions concrètes, que ce soit par des audits, du conseil, des formations ou des prestations numériques. Nous les aidons à atteindre une conformité aux normes WCAG, tout en améliorant l’expérience utilisateur pour tous, y compris les personnes en situation de handicap. Ensemble, nous pouvons bâtir un internet qui reflète les valeurs d’inclusion et d’égalité.

Pour vous aider, quelques bonnes pratiques pour améliorer l’accessibilité de votre site

‍
Ces bonnes pratiques permettront d’améliorer significativement l’expérience utilisateur tout en renforçant la conformité de votre site avec les standards d’accessibilité.

• Contraste des couleurs : utilisez des outils comme WCAGColor Contrast Checker et/ou PolypaneColor Contrast Checker, pour garantir une lisibilité optimale.
• Texte alternatif des images : assurez-vous que les images décoratives aient une alternative vide, tandis que celles contenant des informations soient accompagnées d’une description complète.
• Étiquettes de formulaire : vérifiez que les étiquettes soient bien présentes, soit par un attribut ARIA, une balise <label> avec un attribut « for », ou un attribut «title».
• Liens et boutons : ces éléments doivent toujours avoir des intitulés pertinents pour faciliter la navigation.
• Langue par défaut : spécifiez-la en la définissant dans l’élément <html>.
• Structuration des pages : utilisez correctement les balises <hx> pour les titres et les balises <header>, <nav>, <main> et<footer> pour structurer les pages et faciliter une navigation fluide.

Source : The WebAIM Million - The 2024 report on the accessibility of the top 1,000,000 home pages