1. Définition et cadre légal de l’accessibilité

• un principe d'égalité
• qui bénéficie à tous

2. Principes fondamentaux de l’accessibilité

3. La Checklist Pidila : étendre le champ de la qualité web

4. Méthodes et outils

Qualité et accessibilité des sites web de la DILA

Un principe d’égalité

Qualité et accessibilité des sites web de la DILA

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

Qualité et accessibilité des sites web de la DILA

porté par le droit

Textes

• Loi n° 2005-102 du 11 février 2005

• Décret d’application n° 2009-546 du 14 mai 2009

• Arrêté du 21 octobre 2009 relatif au RGAA

• Article 106 de la loi pour une République numérique

• Directive européenne du 26 octobre 2016

Qualité et accessibilité des sites web de la DILA

Référentiels

• Norme internationale WCAG2 (WAI / W3C)
  • WCAG: Web Content Accessibility Guidelines 
• Méthode d’application : RGAA 3 depuis juin 2015
  • RGAA : Référentiel général d'accessibilité pour les administrations

Qualité et accessibilité des sites web de la DILA

et inscrit dans les origines du web

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect

 

Tim Berners-Lee, l'inventeur du World Wide Web

Qualité et accessibilité des sites web de la DILA

Des bénéfices pour tous

Qualité et accessibilité des sites web de la DILA

Pour Maxence

Comme presque 10% des hommes, il est daltonien. Il a du mal à percevoir les différences de couleurs.

Qualité et accessibilité des sites web de la DILA

Benoît

Il consulte beaucoup en itinérance depuis son mobile. Pour ne pas griller tout son forfait data, il a désactivé les images et le javascript sur son navigateur

Pour Géraldine

Elle commence à être presbyte. En fin de journée les caractères des sites qu'elle fréquente sont souvent trop petits pour elle.

Qualité et accessibilité des sites web de la DILA

Pour Bertrand

Il est nouveau père d'une petite fille qui dort peu. Il est épuisé et a du mal à se concentrer.

Pour Priscille

Elle travaille sur un plateau. Elle a coupé le son de son ordi pour ne pas déranger ses collègues mais voudrait bien lire cette vidéo.

Qualité et accessibilité des sites web de la DILA

Voir autrement, l’ordinateur accessible

Qualité et accessibilité des sites web de la DILA

https://www.youtube.com/watch?v=DePdWynmd_Y

1. Définition et cadre légal de l’accessibilité

2. Principes fondamentaux de l’accessibilité

• perceptible
• utilisable
• compréhensible
• robuste

3. La Checklist Pidila : étendre le champ de la qualité web

4. Méthodes et outils

Qualité et accessibilité des sites web de la DILA

Principe 1 : Perceptible

L’information et les composants de l’interface utilisateur doivent être présentés à l’utilisateur de façon à ce qu’il puisse les percevoir.

Qualité et accessibilité des sites web de la DILA

Perceptible

• Proposer des équivalents textuels à tout contenu non textuel
• Proposer des versions de remplacement aux média temporels (vidéos, animations...)
• Créer un contenu qui puisse être présenté de différentes manières sans perte d'information ni de structure
• Faciliter la perception visuelle et auditive du contenu par l'utilisateur, notamment en séparant le premier plan de l'arrière-plan

Qualité et accessibilité des sites web de la DILA

Principe 2 : Utilisable

Les composants de l’interface utilisateur et de navigation doivent être utilisables.

Qualité et accessibilité des sites web de la DILA

Utilisable

• Rendre toutes les fonctionnalités accessibles au clavier ;
• Laisser à l'utilisateur suffisamment de temps pour lire et utiliser le contenu ;
• Ne pas concevoir de contenu susceptible de provoquer des crises ;
• Fournir à l'utilisateur des éléments d'orientation pour naviguer, trouver le contenu et se situer dans le site.

Qualité et accessibilité des sites web de la DILA

Principe 3 : Compréhensible

Les informations et l'utilisation de l'interface utilisateur doivent être compréhensibles.

Qualité et accessibilité des sites web de la DILA

Compréhensible

• Rendre le contenu textuel lisible et compréhensible ;
• Faire en sorte que les pages apparaissent et fonctionnent de manière prévisible ;
• Aider l'utilisateur à éviter et à corriger les erreurs de saisie.

Qualité et accessibilité des sites web de la DILA

Principe 4 : Robuste

Le contenu doit être suffisamment robuste pour être interprété de manière fiable par une large variété d'agents utilisateurs, y compris les technologies d'assistance.

Qualité et accessibilité des sites web de la DILA

Robuste

• Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance.

Qualité et accessibilité des sites web de la DILA

Thématiques du RGAA

Images  Cadres  Couleurs  Multimédia 
Tableaux  Liens  Scripts
Éléments obligatoires Formulaires 
Structuration de l'information
Présentation de l'information  Navigation  Consultation

Qualité et accessibilité des sites web de la DILA

1. Définition et cadre légal de l’accessibilité

2. Principes fondamentaux de l’accessibilité

3. La Checklist Pidila : étendre le champ de la qualité web

• accessibilité
• charte internet de l’État
• écoconception
• bonnes pratiques
• performance et sécurité

4. Méthodes et outils

Qualité et accessibilité des sites web de la DILA

La Charte internet de l'État

Règles ergonomiques et graphiques pour les sites gouvernementaux et des administrations centrales

 

 

• Placement de la Marianne
• Relations avec les usagers
• Positionnement des menus
• Liens du pied de page

Qualité et accessibilité des sites web de la DILA

Éco-conception

En harmonie avec la politique de développement durable
de la DILA

 

 

• Graphismes allégés pour l'impression
• Consommation de bande passante
• Poids des pages

Qualité et accessibilité des sites web de la DILA

Bonnes pratiques Opquast

Référentiel consensuel des métiers du web

 

 

• Confidentialité
• Mobilité
• Transparence
• e-commerce

Qualité et accessibilité des sites web de la DILA

Sécurité et performance

RGI et RGS

 

 

 

Compatibilité navigateurs

Stockage des données

Authentification

Qualité et accessibilité des sites web de la DILA

Au total plus de 700 critères

Qualité et accessibilité des sites web de la DILA

Définir les besoins

• Accompagner toutes les étapes
• Pour tous, techniciens ou non
• Appropriation par tous les acteurs
• Fusionner les critères similaires
• Personnaliser des listes

Qualité et accessibilité des sites web de la DILA

Utiliser la charte

Faites vos courses

Par métier

Par référentiel

Par niveau

Bientôt par étape de projet

 

https://pidila.gitlab.io

Qualité et accessibilité des sites web de la DILA

1. Définition et cadre légal de l’accessibilité

2. Principes fondamentaux de l’accessibilité

3. La Checklist Pidila : étendre le champ de la qualité web

4. Méthodes et outils

• Les étapes clés de la qualité web
• Quelques outils d’évaluation

 

Qualité et accessibilité des sites web de la DILA

Les étapes clés
de la qualité web

Analyser et prévenir les risques le plus tôt possible

Qualité et accessibilité des sites web de la DILA

Avant-projet

Prévention des risques, méthodologie

 

 Critères de sélection

Clauses de marché

Conditions d’acceptance

Documents contractuels

 

Planification des contrôles

Sensibilisation de tous les acteurs

Transmission des listes personnalisées

Dispositif d’expertise

Qualité et accessibilité des sites web de la DILA

Conception ergonomique et graphique

Valider les pistes, anticiper les problèmes

 

 Audit des maquettes

Préconisation d’outils / de solutions

Qualité et accessibilité des sites web de la DILA

Contenus

Mettre à disposition les moyens nécessaires

 

Analyse des outils mis à disposition

Charte éditoriale

Formation pour des contenus accessibles

Qualité et accessibilité des sites web de la DILA

Développement des gabarits html

Modéliser les composants, tester les performances

 

 Audit des pages

Préconisation de solutions techniques

Validation des composants

Qualité et accessibilité des sites web de la DILA

Développement dynamique

Valider en conditions réelles

 

 Expertise au fil de l’eau

Planification et suivi des correctifs

Qualité et accessibilité des sites web de la DILA

Quelques outils
d’évaluation

Qualité et accessibilité des sites web de la DILA

Objectif

 

Une première évaluation rapide et simple sans prérequis de compétences techniques

Qualité et accessibilité des sites web de la DILA

Une page web

• Un titre de page unique et pertinent
• Une déclaration de la langue de la page
• La possibilité de naviguer au clavier
• La possibilité d'augmenter la taille des caractères
• Des contrastes suffisants
• Une page structurée par des titres
• Un code html valide

 

et des tests automatiques avec Opquast Desktop

Qualité et accessibilité des sites web de la DILA

Une page HTML sur support mobile

• zone de touch
• agrandissement aux doigts
• actions au survol

Qualité et accessibilité des sites web de la DILA

Un document PDF

• Langue du document Fichier > Propriétés > Langue
• Description dans Fichier >Propriétés
• Titre dans la barre du titre
• Ordre logique Affichage > zoom > Redistribuer

Qualité et accessibilité des sites web de la DILA