Accessibilité

L’accessibilité web, qu’est ce que c’est?


L’initiative internationale pour l’accessibilité du Web (Web Accessiblility Initiative ou WAI) définit l’accessibilité du Web comme suit :

L’accessibilité du Web signifie que les personnes en situation de handicap peuvent utiliser le Web. Plus précisément, qu’elles peuvent percevoir, comprendre, naviguer et interagir avec le Web, et qu’elles peuvent contribuer sur le Web. L’accessibilité du Web bénéficie aussi à d’autres, notamment les personnes âgées dont les capacités changent avec l’âge. L’accessibilité du Web comprend tous les handicaps qui affectent l’accès au Web, ce qui inclut les handicaps visuels, auditifs, physiques, de paroles, cognitives et neurologiques.

Déclaration de conformité RGAA 3.0

Identité du déclarant


Alexandra Guyot
15, rue Georges Pompidou
45100 Orléans

Technologies utilisées dans la réalisation du site

  • HTML5/CSS3
  • JAVASCRIPT
  • CMS WordPress
  • Bootstrap 4


Agents utilisateurs et technologies d’assistance utilisés pour vérifier l’accessibilité des contenus


Agents utilisateur : Chrome Version 73.0.3683.103 (Build officiel) (64 bits) , Firefox 66.0.3, Microsoft EdgeHTML 17.17134
Technologies d’assistance : NVDA 2019.1, Jaws 2019
Autres technologies : Tanaguru Contrast Analyzer, Tanaguru Engine v5.3.0, Assistant RGAA 2016 (chrome), Opquast, W3C Unicorn

Pages Auditées


Le référentiel a été testé sur ces pages, en date du 08/05/2019.


Résultat des tests

Premier test réalisé sur Tanaguru

Le site ne dispose pas de style switcher, permettant d’améliorer le contraste ou de supprimer les justifications de texte. Toutefois, le contraste est systématiquement vérifié, le design a été conçu d’origine en ce sens.
De plus, la rédaction s’arrange pour ne jamais utiliser de justification dans son texte.


Contenus non accessibles

  • Le ratio de contraste du bouton de validation de cookie du plugin “CookieBot” est actuellement insuffisant. Il va être rapidement corrigé.
  • Le comportement de la boite de dialogue de CookieBot est capricieux : quand on navigue au clavier via la touche tabulation, il est facile de sortir de la boite de dialogue sans le faire exprès et de perdre totalement le fil. De plus, le balisage de la page de détails des cookies rend impossible la compréhension sans les CSS : on ne sait pas à quel type de cookie la liste affichée correspond.
  • Certains liens disposent de titres non pertinents (en cours de résolution).
  • Le plugin de partage de réseaux sociaux “AddToAny” génère du style qui apparaît dans le html .
  • Les liens de partage dans les articles de blog Facebook, Twitter, Linkedin disposent d’attributs titles qui ne sont pas obligatoires. Le plugin AddToAny les génère automatiquement et nous ne pouvons les corriger.
  • L’ancre permettant de remonter en haut de page est générée par le plugin Float to top button. Elle génère un attribut title automatiquement qui est non pertinent.
  • La page d’accueil est lue deux fois par NVDA. Toutefois, cela n’a pas d’impact sur l’accès au contenu.


Dérogation

  • Cookiebot est un élément sur lequel nous n’avons pas complètement la main. Le seul gestionnaire de cookie accessible, Tarteaucitron est actuellement en berne. Nous avons donc utilisé l’outil le moins difficile d’accès que nous avons trouvé.
  • GoogleForm, l’outil de questionnaire nous servant sur la page : Des questions? est un outil extérieur. Nous n’avons pas la main sur son accessibilité.
  • Youtube est également un élément importé. Dans le cas d’implémentations vidéos sur le site, nous nous engageons cependant à vérifier : soit, l’utilisation de sous-titres directement sur la vidéo, soit une transcription de celle-ci dans l’article la suivant.
  • AddToAny est un plugin externe de partage de réseaux sociaux. Nous ne pouvons le modifier, et ne pouvons contrôler l’accessibilité des différents réseaux sociaux sur lesquels il renvoie.
  • Float to top button est un plugin permettant de gérer la flèche située en bas de page, pour remonter en haut du site. Nous n’avons pas la possibilité de l’empêcher de générer des attributs title non pertinents.


Droits à la compensation, améliorations et contact


Si toutefois, une partie du site ne vous était pas accessible, merci de me contacter via la page contact ou de me téléphoner au +(33) 6 76 78 85 45.
Vous pouvez également m’envoyer un courrier à :
Alexandra Guyot,
15, rue Georges Pompidou
45100 Orléans.


Défenseur des droits

Si vous constatiez un défaut d’accessibilité vous empêchant d’accéder à un contenu ou une fonctionnalité du site, que vous me le signalez et que vous ne parveniez pas à obtenir une réponse rapide, vous êtes en droit de faire parvenir vos doléances à :

Le défenseur des droits
7 rue Saint-Florentin 75409 Paris cedex 08
Téléphone : 09 69 39 00 00

Contacter le défenseur des droits via le formulaire en ligne.

Validation W3C

Du fait de l’utilisation de Bootstrap 4 (ne passant pas les tests de validation CSS du W3C), le site n’est pas valide.
Une propriété utilisée dans la bibliothèque Awesome-font et dans le coeur de WordPress empêchent également la validation CSS W3C.

Tous les développements réalisés à la main en revanche, les passent.

Des améliorations HTML sont en cours, afin de passer correctement le HTML W3C.

Le feed Validator W3C est valide.

Lien vers le test passé en W3C Unicorn validator

Qualité Web Opquast ®

Je suis certifiée
Opquast®. Vous pouvez vérifier cette certification sur l’annuaire professionnel Opquast.



Le certificat et les compétences


D’après le site Opquast® lui même :
À l’instar du TOEIC ® pour la maîtrise de la langue anglaise, Opquast certified® vous permet de mesurer le niveau de maîtrise des bonnes pratiques des candidats et des professionnels en poste dans le domaine du Web. Le score obtenu reflète le niveau de maturité professionnelle des acteurs du projet Web

  • La certification permet aux professionnels du Web de faire reconnaître leurs compétences Web et de valoriser leur expérience professionnelle.
  • La certification aide les services Web, numérique, digital, RH, et formation à recruter mieux et plus vite. Elle leur permet de fidéliser les ressources et de valoriser les compétences des équipes.


Le référentiel de compétences


La certification Opquast permet de se former et de faire reconnaître la maîtrise des compétences suivantes :

  • Maîtriser les fondamentaux et standards du Web
  • Connaître l’accessibilité, les contextes utilisateur et la conception universelle
  • Prévenir les risques et renforcer l’assurance qualité Web
  • Connaître les métiers et la valeur ajoutée du projet Web
  • Déployer des check-lists, des référentiels et améliorer la qualité du projet Web
  • Connaître les bonnes pratiques, leur déploiement et leur utilisation
  • Maîtriser les objets et concepts fondamentaux du projet Web

Source :
https://www.opquast.com/certification/certificats/

Tentant de m’inscrire parmi les acteurs souhaitant un web de qualité, et plus accessible, j’essaye au maximum de suivre les principes de ce référentiel.