Accessibilité

Le jeu de l’OAA

Le jeu de l’organisation de l’amélioration de l’accessibilité (OAA) vous guide dans la mise en accessibilité de votre service numérique.

  1. 1 Découverte du sujet

    15 minutes

    1. 1A

      Qui sont mes usagers et leur diversité ?

      Assez difficile de le savoir précisément.

      Ce qui est certain, c’est que parmi eux, certains sont en situation de handicap !

      Certains de vos usagers sont

      • aveugles ou avec déficit visuel (2 millions de personnes)
      • sourdes ou malentendants (5 millions de personnes)
      • atteints de daltonisme (5% de la population)
      • atteints de déficience cognitive/concentration
      • ont des difficultés motrices des membres supérieurs
      • etc.
    2. 1B

      Pourquoi l’accessibilité ?

      L’accessibilité, c’est pouvoir utiliser un service, quelle que soit sa façon d’y accéder.

      C’est un droit fondamental.

      Et une obligation légale depuis la loi du 11 février 2005 pour l'égalité des droits et des chances.

      Si l’accessibilité est essentielle pour certains, elle apporte du confort à tout le monde.

    3. Top250

      Top250

      Remplir le Gantt de mise en accessibilité

      Cette étape concerne uniquement les démarches du Top250

      • Organiser des sensibilisations pour tout le monde
      • Planifier des formations pour les chefs de produits, designers ux ou ui, développeurs front et back et même pour vos contributeurs
      • Faire un état des lieux très précis
      • Faire un audit rapide pour vous faire une idée
      • Faire appel à un prestataire via le marché DAÉ
      • Mettre en place une méthodologie agile et améliorer petit à petit vos interfaces

      Et le formaliser dans le Gantt dédié ;)

  2. 2 Sensibilisation du décideur

    2 heures

    1. 2A

      Comprendre les grands principes et les enjeux

      Garantir l’accès et l’utilisation des contenus et services des sites web pour tous, quels que soient leur situation, leur handicap (même ponctuel) ou le matériel utilisé pour y accéder.

      L‘information doit être perceptible, utilisable, compréhensible et robuste.

    2. 2B

      Connaître la réglementation

      2005

      Loi du 11 février pour l'égalité des droits et des chances

      2009

      Décret n° 2009-546 du 14 mai - Création du référentiel général d’accessibilité pour les administrations (RGAA)

      2016

      Article 106 de la loi pour une République Numérique - L’obligation légale est étendue à certains acteurs privés (sous condition de chiffre d’affaires) et aux organismes délégataires d’une mission de service public. Il est également fait obligation :

      • de mettre en place et publier un schéma pluriannuel décliné en plan annuel
      • d’afficher sur la page d’accueil l’indication de conformité ou de non-conformité au RGAA ;
      • de permettre aux utilisateurs de signaler les manquements aux règles d’accessibilité du service.

      2019

      Entrée en vigueur du référentiel général d’amélioration de l’accessibilité (RGAA v4)

    3. 2C

      Découvrir la méthode et les rôles impliqués

      Tout le monde a un rôle à jouer !

      Décideur, Sponsor

      Décider que votre projet / produit / service / site web / démarche en ligne doit être conforme au RGAA.

      Déployer les ressources nécessaires.

      Former vos équipes.

      Manager

      Former vos équipes.

      Veiller à ce que le sujet soit transverse et omniprésent.

      Chef de projet, Chef de produit agile (product owner), Scrum master

      Aller en formation accessibilité et gestion de projet web.

      Valider que la conformité RGAA est mentionnée dans les spécifications et dans les user-stories.

      Designer UI, Designer UX, Graphiste

      Suivre une formation design accessible.

      Vérifier vos contrastes tout le temps.

      Développeur, Intégrateur, Développeur front-end, Développeur back-end

      Apprendre à concevoir et développer des sites accessibles.

      Votre code html doit être conforme et sémantique.

      Contributeur

      Suivre une formation dédiée.

    4. 2D

      Tester par soi-même son service

      Le diagnostic flash est destiné à toute personne souhaitant avoir un premier aperçu, même très partiel, sur la qualité, l’accessibilité et le design d’un site ou d’une démarche en ligne, sans avoir d’expertise particulière et en n’y consacrant que peu de temps.

      Si tous les critères sont ok, aller directement à l'étape 6

  3. 3 Sensibilisation de l’équipe projet

    ½ journée

    1. 3A

      Sensibiliser tous les membres de mon équipe

      TOUS les membres d’un projet doivent connaître les enjeux et les obligations d’accessibilité numérique : les décideuses, les directrices de projets, les cheffes de produits et de projets, les intégratrices et les développeuses, les designers et les graphistes, les personnes en charge de la recette, les contributrices, ...

      Il existe des formations en ligne :

    2. 3B

      Nommer un ou une responsable accessibilité

      L’accessibilité doit être gérée comme une composante normale et essentielle du projet. Elle impacte l’ensemble du projet, des acteurs et actrices et métiers impliqués dans sa réalisation. Elle est associée, en outre, à une exigence de résultat.

      Cela va nécessiter la mise en place d'une méthode ou organisation permettant d'intégrer l'accessibilité à toutes les étapes du projet et pour tous les acteurs et actrices : sensibilisation, montée en compétence, accompagnement, monitoring, outillage, gestion des prestations externes sont autant de points de vigilance nécessaires afin de répondre aux exigences légales.

      Cette personne est garante de la bonne prise en compte de l’accessibilité tout au long de la vie du produit : elle est proche des responsables de produits et projets, des moe, des moa et des utilisateurs et utilisatrices, etc.

    3. 3C

      Planifier la formation de l’équipe

      Il existe plein de formations pour tous les métiers

      • Développer des sites accessibles pour celles et ceux qui touchent au code.
      • Tester et évaluer l’accessibilité des sites et applications
      • Designer des interfaces accessibles pour les graphistes, les designers UI et designers UX
      • Gestion de projet accessible pour celles et ceux qui pilotent des projets web
      • Produire des contenus accessibles pour les contributrices et contributeurs

      Former des experts en accessibilité qui formeront vos équipes !

    4. 3D

      Adopter le système de design de l’État

      Le système de design de l’État assure une cohérence graphique et une meilleure expérience utilisateur sur les sites et applications web de l’État.

      Il propose :

      • les éléments de base : couleurs, typographies, grilles et icônes ;
      • une librairie de composants disponible au format Sketch et Figma ;
      • un ensemble de composants HTML/CSS conformes au RGAA ;
      • une communauté active de designers et de développeurs.

      Découvrir le système de design de l’État.

  4. 4 Déclaration d’accessibilité

    1 heure

    1. 4A

      Publier sa déclaration d’accessibilité

      Ça c'est fastoche ! Je peux utiliser le modèle au format html ou le générateur de déclaration.

      Il faut également afficher sa conformité sur toutes les pages du site :

      • Pas d’audit ou taux de conformité inférieur à 50%, afficher : accessibilité : non conforme
      • Le taux de conformité est supérieur ou égal à 50%, afficher : accessibilité : partiellement conforme
      • Le taux de conformité est égal à 100%, afficher : accessibilité : totalement conforme
    2. Top250

      Top250

      Demander le passage à l’orange de l’indicateur

      Cette étape concerne uniquement les démarches du Top250

      • Allo DesignGouv ?
      • Oui. Bonjour.
      • Bonjour, nous venons de publier notre déclaration d’accessibilité sur notre démarche de l’observatoire
      • Très bien, je passe l’indicateur « prise en compte handicap » à partiel.
      • Merci :)
      • Et maintenant, il faut continuer et rendre votre démarche accessible et conforme au RGAA !
  5. 5 Audit rapide (25 critères du RGAA)

    Variable

    1. 5A

      Faire (faire) un audit rapide par un expert

      Pour commencer en douceur

      • Sélectionner entre trois et cinq pages bien différentes et représentatives de votre site
      • Pour chacune d’elle, vérifier les 25 premiers critères essentiels

      Si aucune anomalie n’est relevée, aller directement à l'étape 6.

      Si moins de la moitié des critères sont conformes, retourner à l'étape 1.

      Sinon, classer les anomalies en fonction de leur impact utilisateur et de la difficulté de correction et prioriser les correctifs.

    2. 5B

      Prioriser les corrections à apporter

      Quels impacts pour l‘usager ?

      • D’abord, on corrige les points « faciles » avec un fort impact pour l’usager
      • Ensuite les points plus complexes avec un fort impact pour l’usager
      • Enfin, les points « faciles » qui ont un faible impact pour l'usager
      • On termine par corriger ce qui est compliqué et qui a un faible impact
    3. 5C

      Apporter les corrections

      Corriger, Tester, Valider

    4. 5D

      Valider les corrections puis itérer

      Vous pouvez même faire des tests avec des usagers en situation de handicap en faisant appel au groupe d’utilisateurs handicapés de la Dinum.

      La demande de test doit être adressée par mail à jamshid.kohandel@modernisation.gouv.fr.

  6. 6 Audit complémentaire (25 critères de plus)

    Variable

    1. 6A

      Faire (faire) un audit complémentaire par un expert

      L’audit rapide décrit en 5A est fait (ainsi que les éventuelles corrections), sur le même échantillon de page, vérifier les 25 critères essentiels suivants.

      Si aucune anomalie n’est relevée, aller directement à l'étape 7.

      Sinon, classer les anomalies en fonction de leur impact utilisateur et de la difficulté de correction et prioriser les correctifs.

    2. 6B

      Prioriser les corrections à apporter

      On commence par les anomalies bloquantes

      • D’abord, on corrige les points « faciles » avec un fort impact pour l’usager
      • Ensuite les points plus complexes avec un fort impact pour l’usager
      • Enfin, les points « faciles » qui ont un faible impact pour l'usager
      • On termine par corriger ce qui est compliqué et qui a un faible impact
    3. 6C

      Apporter les corrections

      Réparer les anomalies

    4. 6D

      Valider les corrections puis itérer

      Tester et valider.

  7. 7 Audit complet (l’ensemble des 106 critères du RGAA)

    Variable

    1. 7A

      Faire (faire) un audit complet par un expert

      Votre site respecte maintenant les critères essentiels, pour arriver à la conformité totale, il reste encore 56 critères à vérifier.

    2. 7B

      Prioriser les corrections à apporter

      Quels sont les impacts pour l‘usager ?

      • D’abord, on corrige les points « faciles » avec un fort impact pour l’usager
      • Ensuite les points plus complexes avec un fort impact pour l’usager
      • Enfin, les points « faciles » qui ont un faible impact pour l'usager
      • On termine par corriger ce qui est compliqué et qui a un faible impact
    3. 7C

      Apporter les corrections

      Corriger

    4. 7D

      Valider les corrections puis itérer

  8. 8 Audit de conformité

    1 à 5 jours

    1. 8A

      Faire (faire) l’audit de conformité par un expert

      Maintenant que l’accessibilité fait partie du processus de production, ça devrait être une formalité ;)

    2. 8B

      Mettre à jour sa déclaration d’accessibilité

      Encore une tâche simple et valorisante.

      Féliciter toute l’équipe :)

    3. Top250

      Top250

      Demander le passage au vert de l’indicateur

      Cette étape concerne uniquement les démarches du Top250

      Et offrir un moment de convivialité à ses collaborateurs et collaboratrices !

  9. 9 Ne jamais s’arrêter

    1. 9A

      Poursuivre les formations en continu

      Continuer à sensibiliser et former

      • celles et ceux qui y auraient échappé
      • les nouveaux et nouvelles arrivantes
    2. 9B

      Intégrer l’accessibilité dans son processus

      Parce que c’est bien moins couteux quand le sujet est intégré au cycle de vie du produit

    3. 9C

      Refaire des audits...

      Les nouvelles fonctionnalités, les refontes partielles ou totales méritent une attention particulière.

      De plus l’attestation d’accessibilité n’est valable que trois ans...

Suivez notre actualité !

DesignGouv, c’est aussi des événements, des rencontres et des discussions pour faire vivre la culture design au sein des administrations. Rejoignez-nous !

Recevoir notre newsletter

Sur Twitter : @design_gouv