{"id":1874,"date":"2024-05-16T08:25:00","date_gmt":"2024-05-16T06:25:00","guid":{"rendered":"https:\/\/ideance.net\/blog\/?p=1874"},"modified":"2024-05-21T12:16:03","modified_gmt":"2024-05-21T10:16:03","slug":"defaut-accessibilite-numerique","status":"publish","type":"post","link":"https:\/\/ideance.net\/blog\/en\/1874\/defaut-accessibilite-numerique\/","title":{"rendered":"Quel d\u00e9faut d\u2019accessibilit\u00e9 num\u00e9rique te h\u00e9risse le plus les poils\u00a0? – GAAD 2024"},"content":{"rendered":"

Dans le cadre de la journ\u00e9e mondiale de sensibilisation \u00e0 l’accessibilit\u00e9 de 2024 (Global Accessibility Awareness Day<\/a><\/bdo>), des membres de l’\u00e9quipe d’Ideance ont r\u00e9pondu \u00e0 une question sur l’accessibilit\u00e9 num\u00e9rique et le m\u00e9tier de consultant et consultante en accessibilit\u00e9. Retrouvez l’ensemble des podcasts sur le billet de blog d\u00e9di\u00e9<\/a>.<\/p>\n\n\n\n

D\u00e9couvrez la question\/r\u00e9ponse de Myrdin au format audio, suivie de sa transcription textuelle.<\/p>\n\n\n\n

Podcast<\/h2>\n\n\n\n

Transcription textuelle<\/h2>\n\n\n\n

Bonjour ! Je m’appelle Myrdin, je suis consultant en accessibilit\u00e9 num\u00e9rique chez Ideance depuis un petit peu plus d’un an et je vais vous pr\u00e9senter le d\u00e9faut d’accessibilit\u00e9 num\u00e9rique qui me h\u00e9risse le plus les poils !<\/p>\n\n\n\n

Alors, mes poils se h\u00e9rissent comme ceux de mon chat quand il croise le chat de ma voisine, juste apr\u00e8s avoir saisi dans mon navigateur l’adresse d’un site \u00e0 auditer, juste apr\u00e8s la pression de la touche tabulation (Tab<\/kbd>) de mon clavier, au moment o\u00f9 je constate l’absence de visibilit\u00e9 de la prise de focus clavier.<\/p>\n\n\n\n

Selon le RGAA (qui est le r\u00e9f\u00e9rentiel g\u00e9n\u00e9ral d’am\u00e9lioration de l’accessibilit\u00e9) la prise de focus<\/a> clavier c’est lorsqu’un \u00e9l\u00e9ment re\u00e7oit l’attention par la touche tabulation (Tab<\/kbd>) ou par la combinaison majuscule et tabulation (Shift<\/kbd> + Tab<\/kbd>). Les liens d’une page web re\u00e7oivent par exemple naturellement cette attention lorsqu’on appuie sur ces touches.<\/p>\n\n\n\n

Certaines personnes ne peuvent pas utiliser une souris, en cas de paralysie par exemple. Ces personnes qui naviguent au clavier ou avec des aides techniques s’appuyant sur le comportement du clavier ont besoin que cette prise de focus soit visible, par exemple par la pr\u00e9sence d’une bordure autour de l’\u00e9l\u00e9ment recevant ce focus.<\/p>\n\n\n\n

La visibilit\u00e9 de cette prise de focus, c’est la premi\u00e8re chose que je regarde avant de rentrer dans le d\u00e9tail d’un audit et c’est souvent un bon indicateur de la non prise en compte de l’accessibilit\u00e9 dans la conception du site web audit\u00e9.<\/p>\n\n\n\n

Cette absence de visibilit\u00e9 me h\u00e9risse particuli\u00e8rement les poils de par son caract\u00e8re tr\u00e8s bloquant pour les personnes qui naviguent au clavier. Comment savoir si je cible le premier ou le dernier \u00e9l\u00e9ment d’un menu de navigation sans cette visibilit\u00e9 ? Comment remplir un formulaire si je n’ai aucune indication du champ dans lequel je me trouve ?<\/p>\n\n\n\n

Elle me h\u00e9risse particuli\u00e8rement les poils de par ce qu’elle raconte des processus de conception d’un site web. Pourquoi le site web a t’il \u00e9t\u00e9 uniquement pens\u00e9 pour fonctionner \u00e0 la souris ? Pourquoi les personnes handicap\u00e9es naviguant avec autre chose qu’une souris ont \u00e9t\u00e9 \u00e9cart\u00e9es des r\u00e9flexions lors des diff\u00e9rentes phases de conception ?<\/p>\n\n\n\n

Elle me h\u00e9risse particuli\u00e8rement les poils parce que bien souvent il s’agit de deux petites lignes de code qu’on a d\u00e9lib\u00e9r\u00e9ment tap\u00e9 dans les feuilles de style. Et taper ces deux lignes en dit long sur l’absence de formation \u00e0 l’accessibilit\u00e9 des \u00e9quipes de d\u00e9veloppement.<\/p>\n\n\n\n

Et pour garder les poils h\u00e9riss\u00e9s, sachez que pour que cette prise de focus soit visible il suffit de : ne rien faire. Les navigateurs web g\u00e8rent naturellement cette visibilit\u00e9 en lui appliquant par d\u00e9faut un style visible.<\/p>\n\n\n\n

Donc s’il vous plait pour que les personnes handicap\u00e9es puissent utiliser vos sites web et accessoirement que je cesse de ressembler \u00e0 mon chat ne supprimer pas la visibilit\u00e9 de la prise de focus clavier.<\/p>","protected":false},"excerpt":{"rendered":"

Dans le cadre de la journ\u00e9e mondiale de sensibilisation \u00e0 l’accessibilit\u00e9 de 2024 (Global Accessibility Awareness Day), des membres de l’\u00e9quipe d’Ideance ont r\u00e9pondu \u00e0 une question sur l’accessibilit\u00e9 num\u00e9rique et le m\u00e9tier de consultant et consultante en accessibilit\u00e9. Retrouvez l’ensemble des podcasts sur le billet de blog d\u00e9di\u00e9. D\u00e9couvrez la question\/r\u00e9ponse de Myrdin au…<\/p>","protected":false},"author":9,"featured_media":1909,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25,22,12],"tags":[],"class_list":["post-1874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gaad","category-html-css-et-javascript","category-sensibilisation"],"acf":[],"_links":{"self":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/1874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/comments?post=1874"}],"version-history":[{"count":18,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/1874\/revisions"}],"predecessor-version":[{"id":2263,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/posts\/1874\/revisions\/2263"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media\/1909"}],"wp:attachment":[{"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/media?parent=1874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/categories?post=1874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ideance.net\/blog\/en\/wp-json\/wp\/v2\/tags?post=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}