logo awelty agence awelty Amiens

Acceo-Tadeo : création d'un site web accessible RGAA 4.1

Acceo-Tadeo : un site web pensé pour tout le monde

Le Lun 18 sept 2023

Dans Réalisations

7 millions de personnes sourdes ou malentendantes en France. Et des sites web qui, la plupart du temps, ne leur sont tout simplement pas accessibles. Nous avons conçu le site d'Acceo-Tadeo en mettant l'accessibilité au cœur de chaque décision, du design jusqu'au code, en passant par la conformité RGAA.

Acceo-Tadeo, pionnier de l'accessibilité auditive

Acceo-Tadeo, filiale de Delta Process, est l'acteur de référence en France des solutions d'accessibilité pour les personnes sourdes, malentendantes ou non-francophones. Leurs outils couvrent l'ensemble des situations du quotidien :

  • Tadeo : aménagement de poste et maintien dans l'emploi des travailleurs sourds ou malentendants
  • TadeoEntretien : accessibilité des entretiens de recrutement, en présentiel comme en visio
  • TadeoSchool : cursus accessibles pour les étudiants sourds, malentendants, dyslexiques ou dyspraxiques
  • Acceo : accessibilité des établissements aux publics sourds, malentendants, sourdaveugles ou aphasiques
  • AcceoSoins : communication accessible dans les établissements de santé
  • AcceoSeniors : autonomie des résidents en EHPAD
  • AcceoLangues : interprétariat en plus de 100 langues pour les non-francophones

Leurs clients : SNCF Réseau, BNP Paribas, Thales, Crédit Agricole, Ville de Paris, Ministère des Armées, CNED. Leurs solutions sont référencées à l'UGAP et labellisées Service France Garanti. Un acteur sérieux, des enjeux réels. Le site devait être à la hauteur.

Pourquoi l'accessibilité numérique est devenue un enjeu majeur

En France, 12 millions de personnes vivent avec un handicap, soit 18 % de la population. Parmi elles, 80 % rencontrent des difficultés pour naviguer sur le web. Et pourtant : seulement 5 % des sites français sont conformes au RGAA.

Ce que dit la loi : depuis le décret du 24 juillet 2019 et l'entrée en vigueur de l'European Accessibility Act au 28 juin 2025, l'obligation de conformité RGAA s'étend aux entreprises privées de plus de 10 salariés avec un CA supérieur à 2 millions d'euros.

En cas de non-conformité : sanction jusqu'à 50 000 €, renouvelable tous les 6 mois. Une contrainte légale et une opportunité de se démarquer pour les organisations qui anticipent.

Pour Acceo-Tadeo, le sujet était doublement stratégique. Concevoir un site inaccessible pour un acteur dont le métier est précisément l'accessibilité, c'était impensable. Le site devait incarner les valeurs de la marque jusque dans son code.

Les défis du projet

  • Structurer une offre très étendue : plus de 10 solutions distinctes, sans perdre le visiteur en route
  • Concevoir une navigation intuitive pour des profils très variés : DRH, responsables handicap, établissements de santé, collectivités, EHPAD…
  • Intégrer nativement un mode contraste élevé et un mode dyslexie sans dégrader l'expérience visuelle standard
  • Atteindre un haut niveau de conformité au RGAA 4.1 niveau Double-A (AA), le référentiel officiel français
  • Rendre le site utilisable aux technologies d'assistance (lecteurs d'écran, navigation clavier)
  • Produire un site qui soit aussi performant en SEO qu'accessible techniquement

Notre approche : l'accessibilité dès la conception

L'accessibilité se construit dès le premier wireframe. C'est le principe qu'on a appliqué ici, de l'architecture de l'information jusqu'au déploiement.

1. Architecture de l'information pensée pour la clarté
Trois grandes entrées thématiques, Emploi/Études, Grand public, Conseil/Formation, pour que chaque visiteur trouve sa solution en quelques secondes. Des parcours distincts selon le profil, avec une logique de navigation à plat et des menus courts.

2. Design accessible nativement
Contrastes de couleurs validés, tailles de texte adaptées, espacement généreux, icônes accompagnées de labels textuels. Un design qui fonctionne aussi bien visuellement qu'avec un lecteur d'écran.

3. Mode contraste et mode dyslexie intégrés
Deux modes d'affichage alternatifs activables directement depuis le menu principal. Le mode contraste élevé renforce la lisibilité pour les malvoyants. Le mode dyslexie adapte la typographie avec une police spécialement conçue pour faciliter la lecture, sans rechargement de page, sans friction.

4. Développement conforme RGAA 4.1
Structure HTML sémantique, liens d'évitement en début de page (passer au menu, au contenu, au plan du site), alternatives textuelles sur toutes les images, navigation clavier complète, gestion des focus visibles. Chaque critère appliqué au niveau des 106 points de contrôle du référentiel.

5. Publication de la déclaration d'accessibilité
Conformément aux obligations légales, une déclaration d'accessibilité a été publiée sur le site, avec le taux de conformité, les non-conformités identifiées et le plan d'amélioration. Transparence totale.

 

Les fonctionnalités clés du site

Mode contraste élevé
Activable en un clic depuis n'importe quelle page. Renforce les contrastes pour les personnes malvoyantes ou sensibles à la luminosité.

Mode dyslexie
Police adaptée, espacement optimisé, lisibilité améliorée. Pensé pour les personnes dyslexiques sans impacter le design global.

Navigation clavier complète
Toutes les fonctionnalités accessibles sans souris. Liens d'évitement, focus visibles, ordre de tabulation logique.

Structure sémantique RGAA
Balises HTML hiérarchisées, rôles ARIA, alternatives textuelles, compatibles avec les lecteurs d'écran utilisés par les personnes aveugles ou malvoyantes.

Annuaire des établissements accessibles
Intégration d'un accès direct à l'annuaire acce-o.fr,  pour trouver les établissements déjà équipés des solutions Acceo-Tadeo.

Déclaration d'accessibilité publiée
Conformité RGAA 4.1 niveau AA : 76,67 % de taux de conformité, avec plan d'amélioration affiché et accessible à tous.

Le niveau de conformité RGAA atteint

Taux de conformité RGAA 4.1 - niveau Double-A (AA) : 76,67 % - partiellement conforme

Pour rappel : seulement 5 % des sites web français atteignent un tel niveau de conformité. Un taux de 76,67 % classe le site Acceo-Tadeo parmi les sites les mieux optimisés du secteur, bien au-delà de la moyenne nationale.

La déclaration d'accessibilité publiée sur le site liste les critères conformes, les non-conformités résiduelles et le plan d'action prévu. Une démarche de transparence totale, conforme aux obligations légales.

Ce que ce projet dit de notre approche

L'accessibilité numérique n'est pas un critère optionnel qu'on coche en fin de projet. C'est un choix de conception qui se prend dès le départ, et qui profite à tous les utilisateurs, pas seulement aux personnes en situation de handicap.

Un site bien structuré sémantiquement est aussi mieux référencé sur Google. Un site lisible en mode contraste est aussi plus confortable pour quelqu'un qui le consulte en plein soleil. Un site navigable au clavier est aussi plus rapide pour un utilisateur expert.

Concevoir un site accessible, c'est concevoir un meilleur site. Pas un site dégradé pour compenser un handicap, un site plus clair, plus lisible, plus robuste pour tout le monde. C'est cette conviction qu'on a mise en pratique chez Acceo-Tadeo.

Pour un acteur dont toute la raison d'être est de rendre le monde plus accessible, il était impensable que son propre site ne soit pas exemplaire sur ce point. C'est ce que nous avons construit : un site vitrine qui incarne les valeurs de la marque jusque dans son architecture technique.

Résultats obtenus

76,67 %
Taux de conformité RGAA 4.1

83/100
Score de performance Lighthouse 

4,2 k
visites mensuelles

Votre site est-il vraiment accessible ?
RGAA, mode contraste, dyslexie, navigation clavier, technologies d'assistance, nous intégrons l'accessibilité numérique dans vos projets de création et refonte de sites. Une obligation légale qui devient un avantage concurrentiel.

Discutons de votre projet