Jour 100 - 80% de sites accessibles d'ici 2022 ?
February 17, 2020Analyse de l’annonce de Cédric O, secrétaire d’État chargé du Numérique, fixant un objectif de 80% de sites accessibles d’ici 2022.
Analyse de l’annonce de Cédric O, secrétaire d’État chargé du Numérique, fixant un objectif de 80% de sites accessibles d’ici 2022.
Retour sur les propositions évoquées en faveur de l’accessibilité numérique lors de la Conférence National du Handicap.
Est-il pertinent de promouvoir l’accessibilité par les bénéfices induits ?
Quels sont les différents types de bénéfices induits par l’accessibilité et quelles sont leurs limites ?
Focus sur des troubles cognitifs particuliers : les troubles DYS.
Focus sur les déficiences cognitives.
Focus sur les déficiences visuelles.
Focus sur les troubles physiques.
Focus sur les troubles du langage oral.
Focus sur les troubles auditifs.
Mise au point sur ces termes étroitement liés.
Pourquoi et comment réaliser des tests avec de vrais utilisateurs et utilisatrices ?
Prise en main de quelques outils de test : l’assistant RGAA et a11y.css.
Zoom sur les outils de tests automatiques et manuels.
Quelles informations et quels documents doivent être fournis à l’issue d’un audit ?
Pourquoi et comment faire un audit ? Focus sur l’audit de conformité.
Focus sur le mode d’interaction de VoiceOver, différent de JAWS et NVDA.
Quels sont les différents modes d’interaction de JAWS et NVDA avec une page web ?
Récapitulatif sur les lecteurs d’écran avec une définition et des chiffres.
Après la théorie, on met les mains dans le code.
Comment implémenter des cases à cocher personnalisées et accessibles ?
Après la théorie, on met les mains dans le code.
Comment implémenter un accordéon accessible ?
Après la théorie, on met les mains dans le code.
Comment implémenter une modale accessible ?
Visionnage de la vidéo Accessibility is too hard - Developer Edition : le point de vue de développeurs/développeuses et designers sur les difficulté à intégrer l’accessibilité dans leurs métiers.
Pour pouvoir coder et tester des composants ARIA, je tente à nouveau de faire fonctionner Orca sur mon ordinateur.
Comment décrire de manière accessible avec aria-describedby
?
A quoi sert spécifiquement ce rôle et comment l’utiliser ?
Après la théorie, place à la pratique : qu’est-ce qu’on utilise et dans quelle situation ?
Quelles sont les recommandations officielles concernant l’utilisation des landmarks ARIA et des éléments sectionnants HTML5 ?
Pourquoi et comment structurer une page ? A quoi servent vraiment les landmarks ARIA et les éléments sectionnant HTML 5 ?
A quoi correspondent les live regions ARIA et comment fonctionnent-elles ?
Après les rôles, focus sur les états et propriétés définies par ARIA
Qu’est-ce que les rôles ARIA et comment les utiliser ?
Focus sur l’ordre de priorité des noms accessibles.
Qu’est-ce que le nom accessible d’un élément HTML et sous quelles formes le retrouve-t-on ?
Une introduction aux Applications Internet Riches et Accessibles.
Comment inspecter l’arbre d’accessibilité dans Firefox ?
Comment est généré l’arbre d’accessibilité d’une page web ?
Gestion des interactions par pression ou relâchement, et par mouvement.
Gestion de l’orientation de l’écran et des actions réalisées grâce à des gestes simples ou complexes.
Implémenter des carrousels accessibles.
Proposer des émoticônes, des dessins ASCII ou du “leet speak” accessibles.
Comment proposer au téléchargement des documents bureautiques accessibles ?
Comment laisser à l’internaute le contrôle de chaque limite de temps modifiant le contenu ?
Comment faciliter l’identification et le contrôle des médias pour une meilleure prise en main par l’internaute ?
Synthétiser sous forme de tableau les recommandations d’accessibilité relatives aux médias.
Beaucoup de vocabulaire et de définitions dans ce premier article concernant les médias accessibles.
En ce 51e jour de challenge, un billet un peu spécial sous forme de bilan de mi-parcours pour prendre le temps de se retourner sur ce qui a été fait. Il s’agit surtout de réflexions personnelles sur mon organisation, mon...
Quelques considérations et recommandations en vrac pour terminer cette série sur les formulaires accessibles.
Construire des formulaires accessibles en fournissant des aides à la saisie et en signalant les erreurs.
Construire des formulaires accessibles en structurant correctement les informations.
Construire des formulaires accessibles en identifiant correctement les champs.
Comment masquer des éléments de manière accessible ?
Comment garantir la lisibilité et la compréhension de l’information lorsque les styles sont désactivés ?
Des indications données par la forme, la taille ou la position sont-elle suffisantes ?
Comment laisser à l’internaute la possibilité d’adapter le texte selon ses besoins ?
Justifier ou ne pas justifier ? Telle est la question.
On met en pratique la théorie sur l’agrandissement des caractères.
Gérer l’agrandissement des caractères pour garantir la lisibilité des contenus.
Comment utiliser la couleur pour véhiculer de l’information ?
Focus sur les couleurs, les contrastes et l’accessibilité.
CAPTCHAs et accessibilité font-ils bon ménage ?
Comment intégrer des polices d’icônes accessibles ?
Comment intégrer des Graphics Interchange Format (GIF) accessibles ?
En complément de ma série sur les images accessibles : gérer l’accessibilité des images intégrées via <object>
, <canvas>
et <embed>
.
Intégrer des Scalable Vector Graphics (SVG) de manière accessible.
Focus sur les images-lien, images-texte et images légendées.
Focus sur les images porteuses d’information : images informatives simples et images informatives complexes.
Comment rendre des images accessibles ? Premier article qui traite de la nécessité des alternatives textuelles et de la différence entre image décorative et image porteuse d’information.
Comment renseigner au mieux l’internaute sur un fichier qu’il ou elle s’apprête à télécharger.
Gérer l’insertion de tableaux de données dans une page.
Gérer l’insertion de tableaux de mise en forme dans une page.
Gérer l’insertion d’iframes dans une page.
Gérer les citations avec les éléments appropriés.
Gérer les listes avec les éléments appropriés.
Comment gérer les langues de manière accessible dans une page web ?
On continue à explorer l’accessibilité des contenus rédigés en ligne avec les titres de section.
Après avoir passé du temps à explorer les liens et la navigation, je me concentre sur l’accessibilité des contenus rédigés en ligne. Premier focus sur les abréviations.
Petit compte-rendu de ma journée passée avec l’équipe Tanaguru pour travailler sur l’audit d’accessibilité.
Réflexion personnelle au sujet de l’ouverture de nouvelles fenêtres pour des liens externes.
Un petit excercice pour mettre en pratique les différents points précédemment abordés.
Gros travail sur la mise en accessibilité des liens sur le blog.
On s’intéresse à l’une des fonctionnalités de base du web, les liens.
On continue à coder et tester une navigation accessible sur ce blog.
Après la théorie sur la navigation accessible, place à la pratique.
Aujourd’hui il s’agit d’un billet un peu spécial. Hier, j’ai eu la chance d’assister à l’Opquast Day, une journée entière consacrée à l’écosystème Opquast, les bonnes pratiques et la qualité web. Petit tour d’horizon de cet événement entre échanges enrichissants,...
Focus sur la mise en place d’une navigation accessible sur un site.
Comment structurer une page HTML pour garantir son accessibilité.
Comprendre ces deux notions pour mieux appréhender le RGAA.
Décrypter et mieux comprendre la méthode d’application française de l’accessibilité numérique.
Un petit quizz à cause d’une journée trop chargée pour écrire un article.
Appréhender le cadre réglementaire de l’accessibilité : les normes françaises
Appréhender le cadre réglementaire de l’accessibilité : les normes internationales
Continuer à utiliser Talkback sur mon téléphone et pour naviguer sur le web.
Découvrir les technologies d’assistance et se familiariser avec certaines d’entre elles.
Tenter de définir l’accessibilité numérique et de déterminer à qui elle peut bénéficier.
Avant de se plonger au coeur du sujet - l’accessibilité numérique -, rappeler les définitions et différences entre les notions de déficience, incapacité et handicap.
En créant ce blog, j’avais un premier objectif en tête : me lancer comme défi de me former sur l’accessibilité numérique (un sujet qui me tient à coeur) et poster ici le résultat.
C’est avec une certaine appréhension que je livre ici mes premiers mots, sur ce tout nouveau blog. L’envie d’écrire des articles en ligne me taraudait depuis quelques temps (très longtemps même si l’on en croit mes objectifs de l’année 2018…)...