SlideShare une entreprise Scribd logo
1  sur  83
Télécharger pour lire hors ligne
Jean-Philippe SIMONNET,
responsable internet de Centre Inffo
Loïc TOURNEDOUET,
directeur de la stratégie digitale à l’AFPA
Accessibilité numérique :
où en est-on ?
Web-conférence du 21 novembre 2017 en
partenariat avec
Jean-Philippe Simonnet
Responsable des développements internet et
chef de projet accessibilité
@oxymore
www.simonnet.me
Intervenant
• Le handicap ?
• Le RGAA
• La Qualité
• A retenir
• S’exercer
• Ressources
Sommaire
« Mettre le web et ses services
à la disposition de tous les individus,
quels que soient leur matériel ou logiciel, leur
infrastructure réseau,
leur langue maternelle, leur culture,
leur localisation géographique,
ou leurs aptitudes physiques ou mentales. »
Tim Berners-Lee, Fondateur du W3C
Accessibilité numérique ?
Le handicap ?
Constitue un handicap,
toute limitation d’activité ou restriction de participation à la vie
en société subie dans son environnement par une personne
en raison d’une altération substantielle, durable ou définitive
d’une ou plusieurs fonctions
physiques, sensorielles, mentales, cognitives ou psychiques,
d’un polyhandicap ou d’un trouble de santé handicapant
Article 2 - loi du 11 février 2005
Le handicap ?
La Convention relative aux droits des personnes
handicapées
[...] toute discrimination fondée sur le handicap est une
négation de la dignité et de la valeur inhérentes à la personne
humaine.
Signée par 160 pays, ratifiée par 173 pays et par la France le
20 mars 2007 - Ratifiée le 1er avril 2010
Décret n° 2010-356 du 1er avril 2010 portant publication de la convention
relative aux droits des personnes handicapées
Le handicap ?
Le handicap ?
On ne dit pas :
“personne handicapée”
mais
“personne en situation
de handicap”
Le Référentiel Général d'Accessibilité pour les Administrations
Le secteur public et …
Les services de communication au public en ligne des services de l'Etat,
des collectivités territoriales et des établissements publics qui en
dépendent doivent être accessibles aux personnes handicapées.
Doivent également être accessibles aux personnes handicapées
les services de communication au public en ligne des organismes
délégataires d'une mission de service public et des entreprises dont le
chiffre d'affaires excède un seuil défini par le décret en Conseil d'Etat
mentionné au IV.
Qui est concerné ?
Nouveau !
Le secteur public et …
L'accessibilité des services de communication au public en ligne concerne
l'accès à tout type d'information sous forme numérique, quels que soient le
moyen d'accès, les contenus et le mode de consultation et concerne
notamment les sites internet, intranet, extranet, les applications mobiles,
les progiciels et le mobilier urbain numérique.
Les recommandations internationales pour l'accessibilité de l'internet doivent
être appliquées pour les services de communication au public en ligne.
Qui est concerné ?
Nouveau !
Nouvelles obligations
• Lien visible de la conformité RGAA en page d’accueil,
• Lien vers un schéma pluriannuel de la mise en accessibilité du site
• Fournir un moyen de signalement des défauts d’accessibilité du site
• Nouvelle sanction administrative en cas de non affichage de ces
pages : 5000 euros par an et par site
Qui est concerné ?
Nouveau !Source : https://a42_comm.gitlab.io/web-handicap-loi-numerique/#D1
Le RGAA constitue un référentiel
de vérification du respect
des standards internationaux
WCAG 2.0
Il ne constitue pas une nouvelle norme ou un nouveau standard,
le RGAA est placé sous licence ouverte 1.0
RGAA ?
https://www.w3.org/WAI/WCAG20/quickref/
Perceptible,
• Proposer des équivalents textuels à tout contenu
non textuel ;
• Proposer des versions de remplacement aux
médias temporels ;
• Créer un contenu qui puisse être présenté de
différentes manières sans perte d’information ;
• Faciliter la perception visuelle et auditive du
contenu par l’utilisateur.
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.
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.
et Robuste.
• Optimiser la compatibilité avec les agents
utilisateurs actuels et futurs, y compris les
technologies d'assistance.
Les WCAG ne sont pas opérationnels,
ces recommandations nous expliquent
ce qu’il faut faire, pas comment le faire.
WCAG : 4 principes
Le niveau recommandé par l’Union européenne est le niveau double A (AA),
C’est également le niveau attendu pour les sites concernés par le RGAA.
Niveaux de conformité ?
Obligation Portée Niveau d’accessibilité
Ce qui doit
être fait
Lève les barrières bloquantes à l’accès
aux contenus
Niveau A / Bronze
(respect des points de contrôle de
priorité A)
Ce qui devrait
être fait
Lève d’autres barrières significatives
Niveau AA / Argent
(respect des points de contrôle de
priorité A et AA)
Ce qui
peut être fait
Améliore le confort d’accès
Niveau AAA / Or
(respect des points de contrôle de
priorité A, AA et AAA)
Historique
1994
1997
1997
1999
2000
2004
WCAG 1.0
Bronze-Argent-Or
2005
2007
2008
2009
2010
Article 47
de la loi
DGME - RGAA
WCAG 2.0
DGME
RGAA V2
v2.1
2014
2015
2015
2010
Plan Accessibilité
numérique
RGAA V3
Arrêté 29 avril 2015
Projet de loi pour une
République numérique
HTML5/ARIA
2016 Adoption du projet de loi
26 janvier 2016
2016
Publication de la loi
numérique
7 octobre 2016
• 11 février 2005
Article 47 de la loi “handicap”
• 05 février 2009
Examen par la CCEN
• 10 février 2009
Examen par le Conseil d'État
• 16 mai 2009
Le décret d’application est publié
• 23 octobre 2009
mise en ligne du RGAA
• 29 octobre 2009 :
L'arrêté du RGAA est publié
• 28 janvier 2011
Lettre ouverte pour l’accessibilité
numérique des services publics
www.article47.fr
• Novembre 2011
Plan d’Accessibilité numérique
• 10 juin 2014
Programme Accessibilité
Numérique
• 29 avril 2015 (JORF - 2 mai 2015)
Arrêté du RGAA V.3
• 26 septembre 2015
Projet de loi pour une
République Numérique
• 26 janvier 2016
Adoption du projet de loi numérique à
l’Assemblée Nationale
• 7 octobre 2016
Publication de la loi numérique au
journal officiel
Dates
RGAA ?
http://references.modernisation.gouv.fr/referentiel
I. le document « Introduction au RGAA »,
II. le « Guide d’accompagnement » ;
III. le « Référentiel technique »,
IV. 6 parties :
• Critères et tests ;
• Glossaire ;
• Cas particuliers ;
• Notes techniques ;
• Base de référence ;
• Références.
RGAA V3
1. Images
2. Cadres
3. Couleurs
4. Multimédia
5. Tableaux
6. Liens
7. Scripts
8. Éléments
Obligatoires
9. Structuration
de l’information
10. Présentation
de l'information
11. Formulaires
12. Navigation
13. Consultation
RGAA V3
13 thématiques dans le RGAA
Modifications techniques :
69 nouveaux tests et 156 tests modifiés
• Javascript : plus d’alternative obligatoire
• Prise en compte d’ARIA
• Nouveaux élément HTML5 :
SVG - Canvas - Figure
balise audio / vidéo
structure HTML5 (header/main/footer/…)
• Formulaires avec ARIA
• Unité rem mais plus de pixel en font-size
• Plus de “title” vide
• Tableaux : Attribut summary des tables devient caption
RGAA v2 vs V3
Photo : MyDoorSign.com
La chaîne de responsabilité de l'accessibilité numérique :
L’État :
garantir les droits et libertés publiques
Donneur d'ordre - maîtrise d’ouvrage :
responsable de l’accessibilité
expert indépendant pour éviter les conflits d'intérêts
Maîtrise d’œuvre :
responsabilité de livrer un travail conforme au RGAA
Responsables éditoriaux :
devoir de former les contributeurs
Direction des systèmes d’information :
mettre à disposition des applications et sites internes accessibles.
Utilisateurs :
doivent mettent à jour leur navigateur et leur technologie d'assistance
doivent signaler les défauts d’accessibilité
Source : RGAA
Devoirs des acteurs
La démarche :
• Une lettre d’engagement annuelle de
la direction
• La nomination d’un "référent
accessibilité”
• Un audit annuel
• La mise en place d’un canal
accessibilité
Le label “e-accessible"
est valable 3 ans
avec un contrôle au bout de 18 mois
Sources : Vtech et access42
Le label e-accessible
La conformité
La direction de l'entité publique doit :
• communiquer les règles d'accessibilité
• établir la politique accessibilité
• assurer les objectifs de conformité
• suivre des indicateurs d'accessibilité
• assurer la disponibilité des ressources
• doit former ses personnels
• nommer un " référent accessibilité “ en interne
Démarche
Photo : Simon Blackley
Les personnes mentionnées aux premier et
deuxième alinéas du présent I élaborent un
schéma pluriannuel de mise en accessibilité
de leurs services de communication au public
en ligne, qui est rendu public et décliné en
plans d'actions annuels et dont la durée ne
peut être supérieure à trois ans.
Délais ?
Photo : Universal Pictures
Art 47 …
La page d'accueil de tout service de communication au public en ligne comporte
une mention clairement visible précisant s'il est ou non conforme aux règles
relatives à l'accessibilité ainsi qu'un lien renvoyant à une page indiquant notamment
l'état de mise en œuvre du schéma pluriannuel de mise en accessibilité et du plan
d'actions de l'année en cours mentionnés au I et permettant aux usagers de signaler
les manquements aux règles d'accessibilité de ce service.
Sanctions ?
Art 47 …
III. Le défaut de mise en conformité d'un
service de communication au public en ligne
avec les obligations prévues au II fait l'objet
d'une sanction administrative dont le
montant, qui ne peut excéder
5 000 €, est fixé par le décret en Conseil
d'Etat mentionné au IV.
Une nouvelle sanction est prononcée
chaque année lorsque le manquement à ces
dispositions perdure.
Sanctions : 5000 € … max
Qui vérifie que l'obligation légale
est respectée ?
Le Ministre chargé
des Personnes handicapées, ou le préfet
constate le défaut de conformité au RGAA.
Chaque entité publique est responsable de l'accessibilité
des contenus publiés.
(Article 5 du décret)
Vérifications ?
Photo - Crédit : Dean Calma / IAEA
Soyons cyniques
• Encore 3 ans de gagné ? :
on peut encore gagner du temps ?
• Les sanctions seront elles appliquées ?
5000 euros d’amende maximum, un risque
facile à courir ?
• A quoi sert le label e-accessible ?
Qui va s’imposer de la lourdeur
bureaucratique en plus ?
• Quel est le coût ?
À parler des coûts de l’accessibilité dans
les cahier des charges,
ne passe-t-on pas son temps à donner des
raisons de s’en passer ?
Soyons positifs
• Qualité, mobilité accessibilité :
le nouveau RGAA peut vous aider à mettre
en place une stratégie de qualité de sites
web
• Sensibiliser sans marginaliser
• Le Web n’est plus un “plus” de
communication, mais un média a part
entière
• Plus de mobile first : même état d’esprit
que le “accessible toujours”
Que retenir ?
A lire :
http://blog.opquast.com/post/2016/10/25/a
rticle-106-loi-numerique-vers-un-web-
plus-accessible
L’audit d’un site internet est le résultat d’une procédure :
• Évaluation d’un échantillon de pages
• Définition du niveau de conformité
• Vérification de la conformité
• Correction
Un audit ?
L’approche corrective
Déclaration de conformité
L’approche qualité continue
Déclaration de conformité
L’approche parc de site
Déclaration de conformité
Refonte de site web
Personnes concernées
La Qualité ?Le Référentiel Général d'Accessibilité pour les Administrations
Accessibilité et qualité
Une ressource
indispensable
sur la qualité web
« La qualité Web est l’aptitude
d’un service en ligne à
satisfaire des besoins
explicites ou implicites. »
Elie sloïm, auteur du livre « Qualité web »
Accessibilité et qualité
GOOGLE, Consignes relatives à la qualité
https://support.google.com/webmasters/answer/35769?hl=fr&ref_topic=6001981
« Les webmasters qui s'efforcent de respecter ces principes de
base offriront aux internautes une navigation plus agréable et
obtiendront un meilleur classement que ceux qui recherchent en
permanence les failles à exploiter. »
Sources à consulter: https://www.google.fr/intl/fr/webmasters/
Accessibilité et qualité
Accessibilité et qualité
Accessibilité et qualité
Principaux Référentiels
http://references.modernisation.gouv.fr/referentiels
Accessibilité et qualité
La certification opquast
https://www.opquast.com/certification/
• Supprimer la sur-qualité en accessibilité
• Minimiser le coût de l'accessibilité
• Optimiser les interventions des experts
« La conformité absolue implique une obligation de moyens,
alors que la qualité web suppose une obligation de résultats. »
(Elie Sloïm - Temesis)
Accessibilité et qualité
Ux-design et accessibilité
Accessibilité et qualité
Sources :
http://www.ux-republic.com/accessibilite-etat-des-lieux/
http://www.ux-republic.com/lux-face-a-laccessibilite/
A venir : l’inclusive design
Accessibilité et qualité
Sources :
http://newflux.fr/2016/09/28/quest-ce-que-linclusive-design
http://www.inclusivedesign.no/
https://www.microsoft.com/en-us/design/inclusive
Conclusion :
Le web se professionnalise
et l’accessibilité n’est qu’une partie du travail qui se
recentre actuellement sur l’utilisateur
“Pour que vous dormiez bien la nuit, l’esthétique, la qualité
doivent être des impératifs de bout en bout ”
Steve Jobs
Accessibilité et qualité
A retenir
http://www.git-browser.com/ukhomeoffice/posters/accessibility/posters_fr
S’exercer
• Outil de test
http://wave.webaim.org/
Outils
Tester le contraste entre la couleur des textes
et celle de l’arrière-plan
Extension Firefox :
http://contrastchecker.com/
Site internet :
http://contrast-finder.tanaguru.com/
Contrastes
Naviguer au clavier :
Naviguer
L’ordre de tabulation
doit suivre la logique de l’ordre de lecture
Lorsqu’un élément interactif en précède immédiatement un autre, le
focus doit continuer sur le second élément
Attention : Il y a beaucoup plus de désavantages que
d'avantages à l'utilisation des tabindex.
Ressources : http://www.anysurfer.be/fr/en-pratique/sites-web/ordre-de-tabulation
Naviguer
Animations (carrousels,vidéos …)
Tous les éléments en mouvement
peuvent-ils être arrêtés et relancés ?
Animations
Tester son code HTML et CSS
avec des validateurs du W3C:
• http://validator.w3.org/
• http://validator.w3.org/nu/
• https://jigsaw.w3.org/css-validator/
Conformité du code
Tester son code HTML et CSS
avec des validateurs du W3C :
• Ecrire un code HTML valide selon les règles de grammaire du
DOCTYPE utilisé
• Le choix du DOCTYPE est libre
Veiller particulièrement à :
• L’imbrication des balises
• L’ouverture et fermeture des balises
• L’absence d’attributs dupliqués sur une même balise
• L’utilisation de valeurs uniques de l’attribut « id » sur une même
page.
Conformité du code
Indiquer la langue principale de la page :
Attribut « lang » sur la balise <html>
lang = « fr »
<html lang="fr">
• Permet la bonne restitution des contenus textuels par les aides
techniques (lecteur vocaux)
• “en” pour l’anglais
• “es” pour l’espagnol
• “de” pour l’allemand
Avoir un <title> précis sur chaque page
Balise title
• Exemple de page de recherche :
<title>Résultats de votre recherche sur « [Expression recherchée] « (page 2/4) | [ Nom du
site]</title>
• Ajouter les nom de filtres / facettes
• Ne pas oublier la pagination
• Formulaire :
<title>Confirmation | Formulaire de contact | [Nom du site]</title>
Le site est-il structuré de manière logique ?
H1 > H2 > H3 ….
Sémantique
https://addons.mozilla.org/fr/firefox/addon/headingsmap/
Représentation
du sommaire de la page
Pas d’incohérence
Eviter les titres cachés
Structure des menus de navigation
avec des listes
Menus
https://addons.mozilla.org/fr/firefox/addon/headingsmap/
• Utilisez des listes non-ordonnées <ul> et <li>
• Menu à plusieurs niveaux = imbrication des listes
• En HTML5, englober les menus principaux avec <nav>
Attribut “title” sur les liens et boutons
Utiliser en dernier recours l’attribut “title” pour expliciter les
intitulés de liens et de boutons qui ne le sont pas :
exemples : « Lire la suite » ou « En savoir plus »
La valeur de l’attribut “title” doit :
• Reprendre une information équivalente
à celle véhiculée par l’intitulé
• Compléter l’information fournie par l’intitulé
Liens explicites
Ouverture de nouvelles fenêtres :
target=“_blank“
Il faut signaler l’ouverture de nouvelles fenêtres afin que
l’utilisateur ne soit pas perdu dans sa navigation.
<a href=« intro.html" target="_blank"> Introduction (nouvelle fenêtre) </a>
<a href=« intro.html" target="_blank" title="Introduction (nouvelle fenêtre) »>
Introduction</a>
<a href=« intro.html" target="_blank"> Introduction <img src="intro.png" alt="(nouvelle
fenêtre)" title="(nouvelle fenêtre) »/> </a>
Nouvelles fenêtres
Alternative vide sur les images décoratives
<img src="image-decorative.png" alt="" />
Le contenu doit être compréhensible sans image
Les images décoratives seront affichées par la feuille de style CSS
(image des listes, etc …)
Images décoratives
Attribut “alt“ pertinent
sur les images informatives
<img width="465" height="65" src="https://www.service-public.fr/resources/v-
15ae45c547/web/img/logo-service-public.png" alt="Accueil Service-Public.fr">
Renseigner le alt avec une information égale ou équivalente à celle qui est
véhiculée par l’image
• Éviter alt=“Image [...]“
Cas des images complexes
• Renseigner un court texte de remplacement dans l’attribut “alt“
• Proposer une description détaillée de l’image
(sous l’image ou sur une autre page)
images informatives
images informatives
Source : https://bitsofco.de/alternative-text-and-images/
Utilisez les CSS pour mettre en forme les textes
• Sauf pour le logo et éléments spécifiques d’une charte graphique
• Utilisez des images en dernier recours
• Si nécessaire, ne pas hésiter à utiliser la propriété CSS3 @font-face
CSS
Utiliser des tailles relatives
• Utiliser uniquement des tailles relatives (em, %, small, etc...)
pour les polices de caractères
• Ne pas utiliser d’unités absolues comme :
• px,
• pt,
• cm,
etc…
Le pixel (px) est interdit dans le référentiel RGAA v3.
CSS
Ne pas utiliser les propriétés CSS
display ou visibility
pour masquer un contenu
qui ne peut pas être affiché par l’utilisateur
• “Display:none;“ et “visibility:hidden“ sauf exceptions
• Idéalement supprimer les éléments inutiles du code HTML
• Les éléments doivent être masqués avec par exemple :
“opacity : 0 ;“
“position : absolute ;“
CSS : visibility
Visibilité de la prise de focus au clavier
La pseudo-classe CSS :focus
spécifie l’aspect d’un élément lorsqu’il reçoit le focus,
qu’il soit activé par la souris (survol) ou par le clavier.
Ne pas supprimer le focus
[ propriété CSS : outline, outline-color, outline-width, outline-style ]
http://outlinenone.com/
Exemple :
a:focus {
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-3px }
CSS
Mettre ses liens d’évitement sur toutes les pages
<a id="evitement" href="#contenu"> Aller au contenu </a> [...]
<div id="contenu" role="main"> [...] </div>
• Premier élément interactif dans le code HTML
• Éventuellement « Aller au menu » et « Aller à la recherche »
• Attention : Bien qu’il soit fortement recommandé d’afficher ce lien, celui-ci peut
être masqué par défaut, s’il n’a pas été prévu dans les maquettes graphiques. En
revanche, il doit dans tous les cas être rendu visible à la prise de focus au
clavier.
• Le lien d’évitement ne doit jamais être masqué à l’aide des propriétés CSS display: none;
et/ou visibility: hidden; sous peine de le rendre totalement inatteignable au clavier.
Plus d’explications : http://wiki.accede-web.com/notices/html-css/mettre-en-place-des-liens-d-
evitement? DokuWiki=dtf6papea0boqhcd2f1fdgvug5
Liens d’évitement
Téléchargement de documents
Les liens pointant vers des documents en
téléchargement sont-ils bien indiqués ?
Téléchargez le document de présentation (document pdf - 450 ko)
Téléchargements
Peut-on comprendre une vidéo
ou un média audio sans le son ?
Audio - vidéos
RessourcesLe Référentiel Général d'Accessibilité pour les Administrations
Méthodologie de test RGAA 3
• http://disic.github.io/rgaa_methodologie/
Methodologie
Ressources au sujet de l'accessibilité numérique
https://github.com/atalan/a11y-resources/blob/master/list-of-a11y-resources.md
Methodologie
Des
exemples ?
https://www.service-public.fr/
Retrouvez sur www.fffod.fr
les présentations des intervenants
les enregistrements des web-conférences
l’agenda des prochains rendez-vous
En partenariat avec

Contenu connexe

Tendances

Small Tasks Make Big Changes - Shmulik Dorinbaum.pptx
Small Tasks Make Big Changes - Shmulik Dorinbaum.pptxSmall Tasks Make Big Changes - Shmulik Dorinbaum.pptx
Small Tasks Make Big Changes - Shmulik Dorinbaum.pptxShmulik Dorinbaum
 
The Value of Featured Snippets (BrightonSEO 2023).pdf
The Value of Featured Snippets (BrightonSEO 2023).pdfThe Value of Featured Snippets (BrightonSEO 2023).pdf
The Value of Featured Snippets (BrightonSEO 2023).pdfNiki Mosier
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
Data-driven SEO & content strategy to reduce your customer acquisition costs
Data-driven SEO & content strategy to reduce your customer acquisition costsData-driven SEO & content strategy to reduce your customer acquisition costs
Data-driven SEO & content strategy to reduce your customer acquisition costsadlift
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"ecentricarts
 
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless Delays
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless DelaysBrighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless Delays
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless DelaysTom Capper
 
Practical SEO for Developers - An Introduction
Practical SEO for Developers - An IntroductionPractical SEO for Developers - An Introduction
Practical SEO for Developers - An IntroductionNoel Flowers
 
I Am A Donut: How to Avoid International SEO Mistakes
I Am A Donut: How to Avoid International SEO MistakesI Am A Donut: How to Avoid International SEO Mistakes
I Am A Donut: How to Avoid International SEO MistakesTom Brennan
 
BrightonSEO Deck - April 2023.pdf
BrightonSEO Deck - April 2023.pdfBrightonSEO Deck - April 2023.pdf
BrightonSEO Deck - April 2023.pdfNick Vines
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web DevelopersAlexander Loechel
 
EAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEdwardZiubrzynski1
 
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdfHimani Kankaria
 
Black Hat SEO (The Complete Guide) - Chase Reiner
Black Hat SEO (The Complete Guide) - Chase ReinerBlack Hat SEO (The Complete Guide) - Chase Reiner
Black Hat SEO (The Complete Guide) - Chase ReinerChase Reiner
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityMedia Access Australia
 
SharePoint as an Intranet Portal for Business
SharePoint as an Intranet Portal for BusinessSharePoint as an Intranet Portal for Business
SharePoint as an Intranet Portal for BusinessRashminPopat2
 
Get Content Crawled & Ranked Faster: 5 Tips From An SEO Expert
Get Content Crawled & Ranked Faster: 5 Tips From An SEO ExpertGet Content Crawled & Ranked Faster: 5 Tips From An SEO Expert
Get Content Crawled & Ranked Faster: 5 Tips From An SEO ExpertSearch Engine Journal
 

Tendances (20)

Small Tasks Make Big Changes - Shmulik Dorinbaum.pptx
Small Tasks Make Big Changes - Shmulik Dorinbaum.pptxSmall Tasks Make Big Changes - Shmulik Dorinbaum.pptx
Small Tasks Make Big Changes - Shmulik Dorinbaum.pptx
 
The Value of Featured Snippets (BrightonSEO 2023).pdf
The Value of Featured Snippets (BrightonSEO 2023).pdfThe Value of Featured Snippets (BrightonSEO 2023).pdf
The Value of Featured Snippets (BrightonSEO 2023).pdf
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Web content accessibility
Web content accessibilityWeb content accessibility
Web content accessibility
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
Data-driven SEO & content strategy to reduce your customer acquisition costs
Data-driven SEO & content strategy to reduce your customer acquisition costsData-driven SEO & content strategy to reduce your customer acquisition costs
Data-driven SEO & content strategy to reduce your customer acquisition costs
 
Google Analytics Overview
Google Analytics OverviewGoogle Analytics Overview
Google Analytics Overview
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless Delays
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless DelaysBrighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless Delays
Brighton SEO Autumn 2021: Core Web Vitals: Loopholes, Flaws, and Endless Delays
 
Practical SEO for Developers - An Introduction
Practical SEO for Developers - An IntroductionPractical SEO for Developers - An Introduction
Practical SEO for Developers - An Introduction
 
I Am A Donut: How to Avoid International SEO Mistakes
I Am A Donut: How to Avoid International SEO MistakesI Am A Donut: How to Avoid International SEO Mistakes
I Am A Donut: How to Avoid International SEO Mistakes
 
BrightonSEO Deck - April 2023.pdf
BrightonSEO Deck - April 2023.pdfBrightonSEO Deck - April 2023.pdf
BrightonSEO Deck - April 2023.pdf
 
Web Accessibility for Web Developers
Web Accessibility for Web DevelopersWeb Accessibility for Web Developers
Web Accessibility for Web Developers
 
EAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It BackwardsEAT: Have We Been Looking At It Backwards
EAT: Have We Been Looking At It Backwards
 
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf
[BrightonSEO Oct 2022] Remarketing SEO - Himani Kankaria - Missive Digital.pdf
 
Black Hat SEO (The Complete Guide) - Chase Reiner
Black Hat SEO (The Complete Guide) - Chase ReinerBlack Hat SEO (The Complete Guide) - Chase Reiner
Black Hat SEO (The Complete Guide) - Chase Reiner
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibility
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
SharePoint as an Intranet Portal for Business
SharePoint as an Intranet Portal for BusinessSharePoint as an Intranet Portal for Business
SharePoint as an Intranet Portal for Business
 
Get Content Crawled & Ranked Faster: 5 Tips From An SEO Expert
Get Content Crawled & Ranked Faster: 5 Tips From An SEO ExpertGet Content Crawled & Ranked Faster: 5 Tips From An SEO Expert
Get Content Crawled & Ranked Faster: 5 Tips From An SEO Expert
 

Similaire à Accessibilité numérique : où en est-on ?

Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? FFFOD
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...Cap'Com
 
Accessibilite numérique : où en est-on ? webinar FFFOD 151207
Accessibilite numérique : où en est-on ? webinar FFFOD 151207Accessibilite numérique : où en est-on ? webinar FFFOD 151207
Accessibilite numérique : où en est-on ? webinar FFFOD 151207FFFOD
 
Accessibilite numérique 03122012
Accessibilite numérique 03122012Accessibilite numérique 03122012
Accessibilite numérique 03122012domburger
 
Presentation accessiday 28052014
Presentation accessiday 28052014Presentation accessiday 28052014
Presentation accessiday 28052014Franck Letrouvé
 
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014denis_boulay
 
Comment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousComment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousMarc Maisonneuve
 
Garantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueGarantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueMarc Maisonneuve
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAAALTER WAY
 
Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]Arnaud BRIAND
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéБертран Бинуа
 
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014IDEM-Normandie
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Franck Letrouvé
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Marc Maisonneuve
 

Similaire à Accessibilité numérique : où en est-on ? (20)

Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ?
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...
 
Accessibilite numérique : où en est-on ? webinar FFFOD 151207
Accessibilite numérique : où en est-on ? webinar FFFOD 151207Accessibilite numérique : où en est-on ? webinar FFFOD 151207
Accessibilite numérique : où en est-on ? webinar FFFOD 151207
 
Accessibilite numérique 03122012
Accessibilite numérique 03122012Accessibilite numérique 03122012
Accessibilite numérique 03122012
 
Antoine-Cao-30-mars-2017
Antoine-Cao-30-mars-2017Antoine-Cao-30-mars-2017
Antoine-Cao-30-mars-2017
 
Presentation accessiday 28052014
Presentation accessiday 28052014Presentation accessiday 28052014
Presentation accessiday 28052014
 
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014
Ce que les sites publics disent de leur accessibilité... Accessiday 28 mai 2014
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
Comment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tousComment rendre le site web de la bibliothèque accessible à tous
Comment rendre le site web de la bibliothèque accessible à tous
 
Garantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèqueGarantir l'accessibilité numérique de la bibliothèque
Garantir l'accessibilité numérique de la bibliothèque
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAA
 
Albane-Lejeune-30-mars-2017
Albane-Lejeune-30-mars-2017Albane-Lejeune-30-mars-2017
Albane-Lejeune-30-mars-2017
 
Atelier accessibilite
Atelier accessibiliteAtelier accessibilite
Atelier accessibilite
 
Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]Conférence Accessibilité Intuiti [Dossier de presse]
Conférence Accessibilité Intuiti [Dossier de presse]
 
PcazeneuveNetpublicbreton2008
PcazeneuveNetpublicbreton2008PcazeneuveNetpublicbreton2008
PcazeneuveNetpublicbreton2008
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilité
 
Numérique et handicap 2017 journée détude montpellier intervention zenoni
Numérique et handicap 2017  journée détude montpellier intervention  zenoniNumérique et handicap 2017  journée détude montpellier intervention  zenoni
Numérique et handicap 2017 journée détude montpellier intervention zenoni
 
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
 
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...Un Web accessible : accessibilité numérique pour certains, qualité et confort...
Un Web accessible : accessibilité numérique pour certains, qualité et confort...
 

Plus de FFFOD

FNE Formation, FOAD et actualité réglementaire
FNE Formation, FOAD et actualité réglementaire FNE Formation, FOAD et actualité réglementaire
FNE Formation, FOAD et actualité réglementaire FFFOD
 
10 ans après où en sont les Mooc / Spoc / Cooc ?
10 ans après où en sont les Mooc / Spoc / Cooc ?10 ans après où en sont les Mooc / Spoc / Cooc ?
10 ans après où en sont les Mooc / Spoc / Cooc ?FFFOD
 
Responsabilité juridique et pédagogique d’un CFA
	Responsabilité juridique et pédagogique d’un CFA	Responsabilité juridique et pédagogique d’un CFA
Responsabilité juridique et pédagogique d’un CFAFFFOD
 
Identifier les postes de coûts d’une formation multimodale
Identifier les postes de coûts d’une formation multimodaleIdentifier les postes de coûts d’une formation multimodale
Identifier les postes de coûts d’une formation multimodaleFFFOD
 
La crise, grand accélérateur du digital learning ?
La crise, grand accélérateur du digital learning ?La crise, grand accélérateur du digital learning ?
La crise, grand accélérateur du digital learning ?FFFOD
 
Point sur l’actualité juridique à l’heure du reconfinement
Point sur l’actualité juridique à l’heure du reconfinementPoint sur l’actualité juridique à l’heure du reconfinement
Point sur l’actualité juridique à l’heure du reconfinementFFFOD
 
"Salon Solutions RH - Retours d'expériences - FFFOD"
"Salon Solutions  RH - Retours d'expériences - FFFOD""Salon Solutions  RH - Retours d'expériences - FFFOD"
"Salon Solutions RH - Retours d'expériences - FFFOD"FFFOD
 
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...Regards croisés des OPCO sur les pratiques de formation pendant et après la c...
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...FFFOD
 
Continuité pédagogique : former et accompagner à distance pendant et après le...
Continuité pédagogique : former et accompagner à distance pendant et après le...Continuité pédagogique : former et accompagner à distance pendant et après le...
Continuité pédagogique : former et accompagner à distance pendant et après le...FFFOD
 
Fracture numérique et formation à distance : comment accompagner les publics ...
Fracture numérique et formation à distance : comment accompagner les publics ...Fracture numérique et formation à distance : comment accompagner les publics ...
Fracture numérique et formation à distance : comment accompagner les publics ...FFFOD
 
Premiers enseignements sur le déploiement de formations à distance pendant la...
Premiers enseignements sur le déploiement de formations à distance pendant la...Premiers enseignements sur le déploiement de formations à distance pendant la...
Premiers enseignements sur le déploiement de formations à distance pendant la...FFFOD
 
Attester la réalisation de l’action de formation à distance
Attester la réalisation de l’action de formation à distanceAttester la réalisation de l’action de formation à distance
Attester la réalisation de l’action de formation à distanceFFFOD
 
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?FFFOD
 
Bien formaliser une action de formation à distance
Bien formaliser une action de formation à distanceBien formaliser une action de formation à distance
Bien formaliser une action de formation à distanceFFFOD
 
Le FFFOD se mobilise pour la formation à distance
Le FFFOD se mobilise pour la formation à distance Le FFFOD se mobilise pour la formation à distance
Le FFFOD se mobilise pour la formation à distance FFFOD
 
LMS Comment choisir sa plateforme ?
LMS Comment choisir sa plateforme ? LMS Comment choisir sa plateforme ?
LMS Comment choisir sa plateforme ? FFFOD
 
Guide LMS Comment choisir sa plateforme ? Edition 2019
Guide LMS Comment choisir sa plateforme  ? Edition 2019Guide LMS Comment choisir sa plateforme  ? Edition 2019
Guide LMS Comment choisir sa plateforme ? Edition 2019FFFOD
 
Badges numériques : vers quels usages ?
Badges numériques : vers quels usages ?Badges numériques : vers quels usages ?
Badges numériques : vers quels usages ?FFFOD
 
Le digital, une opportunité pour les organismes de formation
Le digital, une opportunité pour les organismes de formationLe digital, une opportunité pour les organismes de formation
Le digital, une opportunité pour les organismes de formationFFFOD
 
Réalité virtuelle : état des lieux 2019
Réalité virtuelle : état des lieux 2019Réalité virtuelle : état des lieux 2019
Réalité virtuelle : état des lieux 2019FFFOD
 

Plus de FFFOD (20)

FNE Formation, FOAD et actualité réglementaire
FNE Formation, FOAD et actualité réglementaire FNE Formation, FOAD et actualité réglementaire
FNE Formation, FOAD et actualité réglementaire
 
10 ans après où en sont les Mooc / Spoc / Cooc ?
10 ans après où en sont les Mooc / Spoc / Cooc ?10 ans après où en sont les Mooc / Spoc / Cooc ?
10 ans après où en sont les Mooc / Spoc / Cooc ?
 
Responsabilité juridique et pédagogique d’un CFA
	Responsabilité juridique et pédagogique d’un CFA	Responsabilité juridique et pédagogique d’un CFA
Responsabilité juridique et pédagogique d’un CFA
 
Identifier les postes de coûts d’une formation multimodale
Identifier les postes de coûts d’une formation multimodaleIdentifier les postes de coûts d’une formation multimodale
Identifier les postes de coûts d’une formation multimodale
 
La crise, grand accélérateur du digital learning ?
La crise, grand accélérateur du digital learning ?La crise, grand accélérateur du digital learning ?
La crise, grand accélérateur du digital learning ?
 
Point sur l’actualité juridique à l’heure du reconfinement
Point sur l’actualité juridique à l’heure du reconfinementPoint sur l’actualité juridique à l’heure du reconfinement
Point sur l’actualité juridique à l’heure du reconfinement
 
"Salon Solutions RH - Retours d'expériences - FFFOD"
"Salon Solutions  RH - Retours d'expériences - FFFOD""Salon Solutions  RH - Retours d'expériences - FFFOD"
"Salon Solutions RH - Retours d'expériences - FFFOD"
 
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...Regards croisés des OPCO sur les pratiques de formation pendant et après la c...
Regards croisés des OPCO sur les pratiques de formation pendant et après la c...
 
Continuité pédagogique : former et accompagner à distance pendant et après le...
Continuité pédagogique : former et accompagner à distance pendant et après le...Continuité pédagogique : former et accompagner à distance pendant et après le...
Continuité pédagogique : former et accompagner à distance pendant et après le...
 
Fracture numérique et formation à distance : comment accompagner les publics ...
Fracture numérique et formation à distance : comment accompagner les publics ...Fracture numérique et formation à distance : comment accompagner les publics ...
Fracture numérique et formation à distance : comment accompagner les publics ...
 
Premiers enseignements sur le déploiement de formations à distance pendant la...
Premiers enseignements sur le déploiement de formations à distance pendant la...Premiers enseignements sur le déploiement de formations à distance pendant la...
Premiers enseignements sur le déploiement de formations à distance pendant la...
 
Attester la réalisation de l’action de formation à distance
Attester la réalisation de l’action de formation à distanceAttester la réalisation de l’action de formation à distance
Attester la réalisation de l’action de formation à distance
 
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?
Comment assurer la continuité pédagogique dans l’apprentissage et l’alternance ?
 
Bien formaliser une action de formation à distance
Bien formaliser une action de formation à distanceBien formaliser une action de formation à distance
Bien formaliser une action de formation à distance
 
Le FFFOD se mobilise pour la formation à distance
Le FFFOD se mobilise pour la formation à distance Le FFFOD se mobilise pour la formation à distance
Le FFFOD se mobilise pour la formation à distance
 
LMS Comment choisir sa plateforme ?
LMS Comment choisir sa plateforme ? LMS Comment choisir sa plateforme ?
LMS Comment choisir sa plateforme ?
 
Guide LMS Comment choisir sa plateforme ? Edition 2019
Guide LMS Comment choisir sa plateforme  ? Edition 2019Guide LMS Comment choisir sa plateforme  ? Edition 2019
Guide LMS Comment choisir sa plateforme ? Edition 2019
 
Badges numériques : vers quels usages ?
Badges numériques : vers quels usages ?Badges numériques : vers quels usages ?
Badges numériques : vers quels usages ?
 
Le digital, une opportunité pour les organismes de formation
Le digital, une opportunité pour les organismes de formationLe digital, une opportunité pour les organismes de formation
Le digital, une opportunité pour les organismes de formation
 
Réalité virtuelle : état des lieux 2019
Réalité virtuelle : état des lieux 2019Réalité virtuelle : état des lieux 2019
Réalité virtuelle : état des lieux 2019
 

Dernier

Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAmar LAKEL, PhD
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Gabriel Gay-Para
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Atelier Canopé 37 - Tours
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film françaisTxaruka
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfbdp12
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxJCAC
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneTxaruka
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursStagiaireLearningmat
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film françaisTxaruka
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfAtelier Canopé 37 - Tours
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfSylvianeBachy
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfAtelier Canopé 37 - Tours
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilfrizzole
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24BenotGeorges3
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxMartin M Flynn
 

Dernier (16)

Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècle
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film français
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienne
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceurs
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film français
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
 
Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avril
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
 

Accessibilité numérique : où en est-on ?

  • 1. Jean-Philippe SIMONNET, responsable internet de Centre Inffo Loïc TOURNEDOUET, directeur de la stratégie digitale à l’AFPA Accessibilité numérique : où en est-on ? Web-conférence du 21 novembre 2017 en partenariat avec
  • 2. Jean-Philippe Simonnet Responsable des développements internet et chef de projet accessibilité @oxymore www.simonnet.me Intervenant
  • 3. • Le handicap ? • Le RGAA • La Qualité • A retenir • S’exercer • Ressources Sommaire
  • 4. « Mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » Tim Berners-Lee, Fondateur du W3C Accessibilité numérique ?
  • 6. Constitue un handicap, toute limitation d’activité ou restriction de participation à la vie en société subie dans son environnement par une personne en raison d’une altération substantielle, durable ou définitive d’une ou plusieurs fonctions physiques, sensorielles, mentales, cognitives ou psychiques, d’un polyhandicap ou d’un trouble de santé handicapant Article 2 - loi du 11 février 2005 Le handicap ?
  • 7. La Convention relative aux droits des personnes handicapées [...] toute discrimination fondée sur le handicap est une négation de la dignité et de la valeur inhérentes à la personne humaine. Signée par 160 pays, ratifiée par 173 pays et par la France le 20 mars 2007 - Ratifiée le 1er avril 2010 Décret n° 2010-356 du 1er avril 2010 portant publication de la convention relative aux droits des personnes handicapées Le handicap ?
  • 9. On ne dit pas : “personne handicapée” mais “personne en situation de handicap”
  • 10. Le Référentiel Général d'Accessibilité pour les Administrations
  • 11. Le secteur public et … Les services de communication au public en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées. Doivent également être accessibles aux personnes handicapées les services de communication au public en ligne des organismes délégataires d'une mission de service public et des entreprises dont le chiffre d'affaires excède un seuil défini par le décret en Conseil d'Etat mentionné au IV. Qui est concerné ? Nouveau !
  • 12. Le secteur public et … L'accessibilité des services de communication au public en ligne concerne l'accès à tout type d'information sous forme numérique, quels que soient le moyen d'accès, les contenus et le mode de consultation et concerne notamment les sites internet, intranet, extranet, les applications mobiles, les progiciels et le mobilier urbain numérique. Les recommandations internationales pour l'accessibilité de l'internet doivent être appliquées pour les services de communication au public en ligne. Qui est concerné ? Nouveau !
  • 13. Nouvelles obligations • Lien visible de la conformité RGAA en page d’accueil, • Lien vers un schéma pluriannuel de la mise en accessibilité du site • Fournir un moyen de signalement des défauts d’accessibilité du site • Nouvelle sanction administrative en cas de non affichage de ces pages : 5000 euros par an et par site Qui est concerné ? Nouveau !Source : https://a42_comm.gitlab.io/web-handicap-loi-numerique/#D1
  • 14. Le RGAA constitue un référentiel de vérification du respect des standards internationaux WCAG 2.0 Il ne constitue pas une nouvelle norme ou un nouveau standard, le RGAA est placé sous licence ouverte 1.0 RGAA ? https://www.w3.org/WAI/WCAG20/quickref/
  • 15. Perceptible, • Proposer des équivalents textuels à tout contenu non textuel ; • Proposer des versions de remplacement aux médias temporels ; • Créer un contenu qui puisse être présenté de différentes manières sans perte d’information ; • Faciliter la perception visuelle et auditive du contenu par l’utilisateur. 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. 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. et Robuste. • Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris les technologies d'assistance. Les WCAG ne sont pas opérationnels, ces recommandations nous expliquent ce qu’il faut faire, pas comment le faire. WCAG : 4 principes
  • 16. Le niveau recommandé par l’Union européenne est le niveau double A (AA), C’est également le niveau attendu pour les sites concernés par le RGAA. Niveaux de conformité ? Obligation Portée Niveau d’accessibilité Ce qui doit être fait Lève les barrières bloquantes à l’accès aux contenus Niveau A / Bronze (respect des points de contrôle de priorité A) Ce qui devrait être fait Lève d’autres barrières significatives Niveau AA / Argent (respect des points de contrôle de priorité A et AA) Ce qui peut être fait Améliore le confort d’accès Niveau AAA / Or (respect des points de contrôle de priorité A, AA et AAA)
  • 17. Historique 1994 1997 1997 1999 2000 2004 WCAG 1.0 Bronze-Argent-Or 2005 2007 2008 2009 2010 Article 47 de la loi DGME - RGAA WCAG 2.0 DGME RGAA V2 v2.1 2014 2015 2015 2010 Plan Accessibilité numérique RGAA V3 Arrêté 29 avril 2015 Projet de loi pour une République numérique HTML5/ARIA 2016 Adoption du projet de loi 26 janvier 2016 2016 Publication de la loi numérique 7 octobre 2016
  • 18. • 11 février 2005 Article 47 de la loi “handicap” • 05 février 2009 Examen par la CCEN • 10 février 2009 Examen par le Conseil d'État • 16 mai 2009 Le décret d’application est publié • 23 octobre 2009 mise en ligne du RGAA • 29 octobre 2009 : L'arrêté du RGAA est publié • 28 janvier 2011 Lettre ouverte pour l’accessibilité numérique des services publics www.article47.fr • Novembre 2011 Plan d’Accessibilité numérique • 10 juin 2014 Programme Accessibilité Numérique • 29 avril 2015 (JORF - 2 mai 2015) Arrêté du RGAA V.3 • 26 septembre 2015 Projet de loi pour une République Numérique • 26 janvier 2016 Adoption du projet de loi numérique à l’Assemblée Nationale • 7 octobre 2016 Publication de la loi numérique au journal officiel Dates
  • 20. I. le document « Introduction au RGAA », II. le « Guide d’accompagnement » ; III. le « Référentiel technique », IV. 6 parties : • Critères et tests ; • Glossaire ; • Cas particuliers ; • Notes techniques ; • Base de référence ; • Références. RGAA V3
  • 21. 1. Images 2. Cadres 3. Couleurs 4. Multimédia 5. Tableaux 6. Liens 7. Scripts 8. Éléments Obligatoires 9. Structuration de l’information 10. Présentation de l'information 11. Formulaires 12. Navigation 13. Consultation RGAA V3 13 thématiques dans le RGAA
  • 22. Modifications techniques : 69 nouveaux tests et 156 tests modifiés • Javascript : plus d’alternative obligatoire • Prise en compte d’ARIA • Nouveaux élément HTML5 : SVG - Canvas - Figure balise audio / vidéo structure HTML5 (header/main/footer/…) • Formulaires avec ARIA • Unité rem mais plus de pixel en font-size • Plus de “title” vide • Tableaux : Attribut summary des tables devient caption RGAA v2 vs V3 Photo : MyDoorSign.com
  • 23. La chaîne de responsabilité de l'accessibilité numérique : L’État : garantir les droits et libertés publiques Donneur d'ordre - maîtrise d’ouvrage : responsable de l’accessibilité expert indépendant pour éviter les conflits d'intérêts Maîtrise d’œuvre : responsabilité de livrer un travail conforme au RGAA Responsables éditoriaux : devoir de former les contributeurs Direction des systèmes d’information : mettre à disposition des applications et sites internes accessibles. Utilisateurs : doivent mettent à jour leur navigateur et leur technologie d'assistance doivent signaler les défauts d’accessibilité Source : RGAA Devoirs des acteurs
  • 24. La démarche : • Une lettre d’engagement annuelle de la direction • La nomination d’un "référent accessibilité” • Un audit annuel • La mise en place d’un canal accessibilité Le label “e-accessible" est valable 3 ans avec un contrôle au bout de 18 mois Sources : Vtech et access42 Le label e-accessible La conformité
  • 25. La direction de l'entité publique doit : • communiquer les règles d'accessibilité • établir la politique accessibilité • assurer les objectifs de conformité • suivre des indicateurs d'accessibilité • assurer la disponibilité des ressources • doit former ses personnels • nommer un " référent accessibilité “ en interne Démarche Photo : Simon Blackley
  • 26. Les personnes mentionnées aux premier et deuxième alinéas du présent I élaborent un schéma pluriannuel de mise en accessibilité de leurs services de communication au public en ligne, qui est rendu public et décliné en plans d'actions annuels et dont la durée ne peut être supérieure à trois ans. Délais ? Photo : Universal Pictures
  • 27. Art 47 … La page d'accueil de tout service de communication au public en ligne comporte une mention clairement visible précisant s'il est ou non conforme aux règles relatives à l'accessibilité ainsi qu'un lien renvoyant à une page indiquant notamment l'état de mise en œuvre du schéma pluriannuel de mise en accessibilité et du plan d'actions de l'année en cours mentionnés au I et permettant aux usagers de signaler les manquements aux règles d'accessibilité de ce service. Sanctions ?
  • 28. Art 47 … III. Le défaut de mise en conformité d'un service de communication au public en ligne avec les obligations prévues au II fait l'objet d'une sanction administrative dont le montant, qui ne peut excéder 5 000 €, est fixé par le décret en Conseil d'Etat mentionné au IV. Une nouvelle sanction est prononcée chaque année lorsque le manquement à ces dispositions perdure. Sanctions : 5000 € … max
  • 29. Qui vérifie que l'obligation légale est respectée ? Le Ministre chargé des Personnes handicapées, ou le préfet constate le défaut de conformité au RGAA. Chaque entité publique est responsable de l'accessibilité des contenus publiés. (Article 5 du décret) Vérifications ? Photo - Crédit : Dean Calma / IAEA
  • 30. Soyons cyniques • Encore 3 ans de gagné ? : on peut encore gagner du temps ? • Les sanctions seront elles appliquées ? 5000 euros d’amende maximum, un risque facile à courir ? • A quoi sert le label e-accessible ? Qui va s’imposer de la lourdeur bureaucratique en plus ? • Quel est le coût ? À parler des coûts de l’accessibilité dans les cahier des charges, ne passe-t-on pas son temps à donner des raisons de s’en passer ? Soyons positifs • Qualité, mobilité accessibilité : le nouveau RGAA peut vous aider à mettre en place une stratégie de qualité de sites web • Sensibiliser sans marginaliser • Le Web n’est plus un “plus” de communication, mais un média a part entière • Plus de mobile first : même état d’esprit que le “accessible toujours” Que retenir ? A lire : http://blog.opquast.com/post/2016/10/25/a rticle-106-loi-numerique-vers-un-web- plus-accessible
  • 31. L’audit d’un site internet est le résultat d’une procédure : • Évaluation d’un échantillon de pages • Définition du niveau de conformité • Vérification de la conformité • Correction Un audit ?
  • 34. L’approche parc de site Déclaration de conformité
  • 37. La Qualité ?Le Référentiel Général d'Accessibilité pour les Administrations
  • 39. Une ressource indispensable sur la qualité web « La qualité Web est l’aptitude d’un service en ligne à satisfaire des besoins explicites ou implicites. » Elie sloïm, auteur du livre « Qualité web » Accessibilité et qualité
  • 40. GOOGLE, Consignes relatives à la qualité https://support.google.com/webmasters/answer/35769?hl=fr&ref_topic=6001981 « Les webmasters qui s'efforcent de respecter ces principes de base offriront aux internautes une navigation plus agréable et obtiendront un meilleur classement que ceux qui recherchent en permanence les failles à exploiter. » Sources à consulter: https://www.google.fr/intl/fr/webmasters/ Accessibilité et qualité
  • 42. Accessibilité et qualité Principaux Référentiels http://references.modernisation.gouv.fr/referentiels
  • 43. Accessibilité et qualité La certification opquast https://www.opquast.com/certification/
  • 44. • Supprimer la sur-qualité en accessibilité • Minimiser le coût de l'accessibilité • Optimiser les interventions des experts « La conformité absolue implique une obligation de moyens, alors que la qualité web suppose une obligation de résultats. » (Elie Sloïm - Temesis) Accessibilité et qualité
  • 45. Ux-design et accessibilité Accessibilité et qualité Sources : http://www.ux-republic.com/accessibilite-etat-des-lieux/ http://www.ux-republic.com/lux-face-a-laccessibilite/
  • 46. A venir : l’inclusive design Accessibilité et qualité Sources : http://newflux.fr/2016/09/28/quest-ce-que-linclusive-design http://www.inclusivedesign.no/ https://www.microsoft.com/en-us/design/inclusive
  • 47. Conclusion : Le web se professionnalise et l’accessibilité n’est qu’une partie du travail qui se recentre actuellement sur l’utilisateur “Pour que vous dormiez bien la nuit, l’esthétique, la qualité doivent être des impératifs de bout en bout ” Steve Jobs Accessibilité et qualité
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 56. • Outil de test http://wave.webaim.org/ Outils
  • 57. Tester le contraste entre la couleur des textes et celle de l’arrière-plan Extension Firefox : http://contrastchecker.com/ Site internet : http://contrast-finder.tanaguru.com/ Contrastes
  • 58. Naviguer au clavier : Naviguer
  • 59. L’ordre de tabulation doit suivre la logique de l’ordre de lecture Lorsqu’un élément interactif en précède immédiatement un autre, le focus doit continuer sur le second élément Attention : Il y a beaucoup plus de désavantages que d'avantages à l'utilisation des tabindex. Ressources : http://www.anysurfer.be/fr/en-pratique/sites-web/ordre-de-tabulation Naviguer
  • 60. Animations (carrousels,vidéos …) Tous les éléments en mouvement peuvent-ils être arrêtés et relancés ? Animations
  • 61. Tester son code HTML et CSS avec des validateurs du W3C: • http://validator.w3.org/ • http://validator.w3.org/nu/ • https://jigsaw.w3.org/css-validator/ Conformité du code
  • 62. Tester son code HTML et CSS avec des validateurs du W3C : • Ecrire un code HTML valide selon les règles de grammaire du DOCTYPE utilisé • Le choix du DOCTYPE est libre Veiller particulièrement à : • L’imbrication des balises • L’ouverture et fermeture des balises • L’absence d’attributs dupliqués sur une même balise • L’utilisation de valeurs uniques de l’attribut « id » sur une même page. Conformité du code
  • 63. Indiquer la langue principale de la page : Attribut « lang » sur la balise <html> lang = « fr » <html lang="fr"> • Permet la bonne restitution des contenus textuels par les aides techniques (lecteur vocaux) • “en” pour l’anglais • “es” pour l’espagnol • “de” pour l’allemand
  • 64. Avoir un <title> précis sur chaque page Balise title • Exemple de page de recherche : <title>Résultats de votre recherche sur « [Expression recherchée] « (page 2/4) | [ Nom du site]</title> • Ajouter les nom de filtres / facettes • Ne pas oublier la pagination • Formulaire : <title>Confirmation | Formulaire de contact | [Nom du site]</title>
  • 65. Le site est-il structuré de manière logique ? H1 > H2 > H3 …. Sémantique https://addons.mozilla.org/fr/firefox/addon/headingsmap/ Représentation du sommaire de la page Pas d’incohérence Eviter les titres cachés
  • 66. Structure des menus de navigation avec des listes Menus https://addons.mozilla.org/fr/firefox/addon/headingsmap/ • Utilisez des listes non-ordonnées <ul> et <li> • Menu à plusieurs niveaux = imbrication des listes • En HTML5, englober les menus principaux avec <nav>
  • 67. Attribut “title” sur les liens et boutons Utiliser en dernier recours l’attribut “title” pour expliciter les intitulés de liens et de boutons qui ne le sont pas : exemples : « Lire la suite » ou « En savoir plus » La valeur de l’attribut “title” doit : • Reprendre une information équivalente à celle véhiculée par l’intitulé • Compléter l’information fournie par l’intitulé Liens explicites
  • 68. Ouverture de nouvelles fenêtres : target=“_blank“ Il faut signaler l’ouverture de nouvelles fenêtres afin que l’utilisateur ne soit pas perdu dans sa navigation. <a href=« intro.html" target="_blank"> Introduction (nouvelle fenêtre) </a> <a href=« intro.html" target="_blank" title="Introduction (nouvelle fenêtre) »> Introduction</a> <a href=« intro.html" target="_blank"> Introduction <img src="intro.png" alt="(nouvelle fenêtre)" title="(nouvelle fenêtre) »/> </a> Nouvelles fenêtres
  • 69. Alternative vide sur les images décoratives <img src="image-decorative.png" alt="" /> Le contenu doit être compréhensible sans image Les images décoratives seront affichées par la feuille de style CSS (image des listes, etc …) Images décoratives
  • 70. Attribut “alt“ pertinent sur les images informatives <img width="465" height="65" src="https://www.service-public.fr/resources/v- 15ae45c547/web/img/logo-service-public.png" alt="Accueil Service-Public.fr"> Renseigner le alt avec une information égale ou équivalente à celle qui est véhiculée par l’image • Éviter alt=“Image [...]“ Cas des images complexes • Renseigner un court texte de remplacement dans l’attribut “alt“ • Proposer une description détaillée de l’image (sous l’image ou sur une autre page) images informatives
  • 71. images informatives Source : https://bitsofco.de/alternative-text-and-images/
  • 72. Utilisez les CSS pour mettre en forme les textes • Sauf pour le logo et éléments spécifiques d’une charte graphique • Utilisez des images en dernier recours • Si nécessaire, ne pas hésiter à utiliser la propriété CSS3 @font-face CSS
  • 73. Utiliser des tailles relatives • Utiliser uniquement des tailles relatives (em, %, small, etc...) pour les polices de caractères • Ne pas utiliser d’unités absolues comme : • px, • pt, • cm, etc… Le pixel (px) est interdit dans le référentiel RGAA v3. CSS
  • 74. Ne pas utiliser les propriétés CSS display ou visibility pour masquer un contenu qui ne peut pas être affiché par l’utilisateur • “Display:none;“ et “visibility:hidden“ sauf exceptions • Idéalement supprimer les éléments inutiles du code HTML • Les éléments doivent être masqués avec par exemple : “opacity : 0 ;“ “position : absolute ;“ CSS : visibility
  • 75. Visibilité de la prise de focus au clavier La pseudo-classe CSS :focus spécifie l’aspect d’un élément lorsqu’il reçoit le focus, qu’il soit activé par la souris (survol) ou par le clavier. Ne pas supprimer le focus [ propriété CSS : outline, outline-color, outline-width, outline-style ] http://outlinenone.com/ Exemple : a:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-3px } CSS
  • 76. Mettre ses liens d’évitement sur toutes les pages <a id="evitement" href="#contenu"> Aller au contenu </a> [...] <div id="contenu" role="main"> [...] </div> • Premier élément interactif dans le code HTML • Éventuellement « Aller au menu » et « Aller à la recherche » • Attention : Bien qu’il soit fortement recommandé d’afficher ce lien, celui-ci peut être masqué par défaut, s’il n’a pas été prévu dans les maquettes graphiques. En revanche, il doit dans tous les cas être rendu visible à la prise de focus au clavier. • Le lien d’évitement ne doit jamais être masqué à l’aide des propriétés CSS display: none; et/ou visibility: hidden; sous peine de le rendre totalement inatteignable au clavier. Plus d’explications : http://wiki.accede-web.com/notices/html-css/mettre-en-place-des-liens-d- evitement? DokuWiki=dtf6papea0boqhcd2f1fdgvug5 Liens d’évitement
  • 77. Téléchargement de documents Les liens pointant vers des documents en téléchargement sont-ils bien indiqués ? Téléchargez le document de présentation (document pdf - 450 ko) Téléchargements
  • 78. Peut-on comprendre une vidéo ou un média audio sans le son ? Audio - vidéos
  • 79. RessourcesLe Référentiel Général d'Accessibilité pour les Administrations
  • 80. Méthodologie de test RGAA 3 • http://disic.github.io/rgaa_methodologie/ Methodologie
  • 81. Ressources au sujet de l'accessibilité numérique https://github.com/atalan/a11y-resources/blob/master/list-of-a11y-resources.md Methodologie
  • 83. Retrouvez sur www.fffod.fr les présentations des intervenants les enregistrements des web-conférences l’agenda des prochains rendez-vous En partenariat avec

Notes de l'éditeur

  1. L’information et son interface doivent être perceptibles L’interface de navigation doit être utilisable L’information et le fonctionnement de l’interface utilisateur doivent être compréhensibles Le contenu doit être solide pour être consulté dans les navigateurs y compris les technologies d’assistance. Les critères et tests concernent la technique de fabrication du site, l’ergonomie, la production des contenus. Certains sont simples, d’autres compliqués.