Merci pour le contenu, je cherchais des infos depuis longtemps; étant donné que des géants comme Twitter ne s’y intéresse visiblement pas, j’ai du mal à me dire que c’est une pratique primordiale. Donc j’hésite à m’y pencher plus en profondeur.
Un sujet vaste et plutôt bien présenté! Pour ce qui est des title, il faut surtout les voir comme une arborescence, Si tu regarde un lecteur d'écran, il est possible de naviguer dans la page par Titre et avoir des titres arborescent permet de bien comprendre cette navigation. (idem pour les sections) J'ai eu la chance de passer une matinée avec une utilisatrice non voyante de mon ancienne application et elle nous a montré sa manière d'utiliser l'application. * Les navigations peuvent par exemples se faire par boutons plutôt que par tabulation (dans le cas ou l'utilisateur connais déjà l'application et c'est ce qu'il veut) * L'arborescence de titre permet d'accéder au bloc visé plus rapidement. * la sémantique des liste ordonnées ou non (OL UL) permet d'indiquer l'élément * les tableaux complexes (plusieurs entêtes avec des colspan et rowspan) sont très mal interprétés, d'ou leur rejet dans le matérial design * penser à mettre les accents sur les majuscules (pour la liseuse) * les lecteurs d'écrans n'ont pas forcément les mêmes réactions sur les labels et titles d'un navigateur à l'autre. En espérant que cela puisse t'aider. C'est une super vidéo, et très bien présentée
Merci pour ce cours magnifique! tu peux aussi ajouter l'attribut "role" et "aria-label". "role='presentation" par exemple pour les éléments décoratifs, et "aria-label='description spécifique' " pour les cas on ne peut pas décrire par text le contenu, comme pour les liens avec des icônes.
Oh super contenu, je cherchais une vidéo qui puisse concrètement (avec des exemples comme tu fais si bien) mettre en avant les attributs aria. Mais j'ai l'impression que je ne trouverais jamais ce Saint-Grâlle :'( sinon j'adore tes vidéos ! C'est dans mes choix préférés quand je cherche un truc et que ta chaîne m'est proposée j'y vais avec plaisir, et soulagement.
Je pense que la sémantique c'est le plus important, t'y a passé peu de temps, mais c'est l'un des point central, utiliser les bons elements quand on a besoin d'eux, c'est comme des outils, y'en a qui sont plus adaptés que d'autres Et sur Firefox il y a un pannel dans les devtools sur l’accessibilité, et on peut voir le conrast de chaque textes sur leurs fond restpectif, c'est plus rapide si on veux juste faire un check sur un ptit texte Et autrement, bravo! très bien résumé
Merci c'était intéressant. Cependant j'aurais aimé voir ce que rendaient les bons et mauvais exemples sur une liseuse d'écran, pour voir la différence.
Merci beaucoup. Elle est excellente cette vidéo. Mais il y a quelque chose que j'aimerais savoir, est-ce que la plate-forme KaiOS Et la plate-forme Firefox OS ont une accessibilité pour ceux qui voit mal ? Je n'arrive pas à les contacter. Et pourtant ça m'intéresse.
Plusieurs h1 (vivement déconseillé en HTML4) par page est une pratique qui n'est clairement pas à bannir surtout en terme d'accessibilité et n'affecte pas vraiment le référencement! John Mueller répond à cette question pour vous ruclips.net/video/zyqJJXWk0gk/видео.htmlruclips.net/video/zyqJJXWk0gk/видео.html
J'avais votre avis pendant un petit moment, à cause de ce fameux passage de Mueller, mais après avoir testé plusieurs logiciels d'accessiblité, on peut toujours dire que c'est une mauvaise pratique. Les lecteurs d'écrans créent une liste de headings permettant à l'utilisateur de mieux s'y retrouver, et l'utilisation de plusieurs h1 "casse" tout. La page MDN qui le déconseille : developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#avoid_using_multiple_h1_elements_on_one_page
Je vais donc peut-être revoir mon avis aussi après avoir essayer d'autres liseuses..Au passage très bon tutoriel, j'avais zappé quelques notions de base pouvant être bien pratique (lang="en" sur une autre balise pour l'accent et l'attribut tabindex).
Merci pour le contenu, je cherchais des infos depuis longtemps;
étant donné que des géants comme Twitter ne s’y intéresse visiblement pas, j’ai du mal à me dire que c’est une pratique primordiale. Donc j’hésite à m’y pencher plus en profondeur.
Bonsoir Enzo,
Content que tu fasses une vidéo sur l'A11y, j'espère que tu approfondiras le sujet en parlant d'ARIA notamment :)
Très intéressant comme sujet. D’autant que la plupart des bonnes habitudes sont faciles à mettre en place ;-)
Absolument!
tout est extra clair, merci pour ces informations . cela m'aide vachement au cours de mon apprentissage .
Un sujet vaste et plutôt bien présenté! Pour ce qui est des title, il faut surtout les voir comme une arborescence, Si tu regarde un lecteur d'écran, il est possible de naviguer dans la page par Titre et avoir des titres arborescent permet de bien comprendre cette navigation. (idem pour les sections)
J'ai eu la chance de passer une matinée avec une utilisatrice non voyante de mon ancienne application et elle nous a montré sa manière d'utiliser l'application.
* Les navigations peuvent par exemples se faire par boutons plutôt que par tabulation (dans le cas ou l'utilisateur connais déjà l'application et c'est ce qu'il veut)
* L'arborescence de titre permet d'accéder au bloc visé plus rapidement.
* la sémantique des liste ordonnées ou non (OL UL) permet d'indiquer l'élément
* les tableaux complexes (plusieurs entêtes avec des colspan et rowspan) sont très mal interprétés, d'ou leur rejet dans le matérial design
* penser à mettre les accents sur les majuscules (pour la liseuse)
* les lecteurs d'écrans n'ont pas forcément les mêmes réactions sur les labels et titles d'un navigateur à l'autre.
En espérant que cela puisse t'aider.
C'est une super vidéo, et très bien présentée
Merci pour la pertinence de ton commentaire :)
Merci pour ce cours magnifique! tu peux aussi ajouter l'attribut "role" et "aria-label". "role='presentation" par exemple pour les éléments décoratifs, et "aria-label='description spécifique' " pour les cas on ne peut pas décrire par text le contenu, comme pour les liens avec des icônes.
Oh super contenu, je cherchais une vidéo qui puisse concrètement (avec des exemples comme tu fais si bien) mettre en avant les attributs aria. Mais j'ai l'impression que je ne trouverais jamais ce Saint-Grâlle :'( sinon j'adore tes vidéos ! C'est dans mes choix préférés quand je cherche un truc et que ta chaîne m'est proposée j'y vais avec plaisir, et soulagement.
Merci à toi 😊
Super intéressant. Merci. Ça mériterait une autre vidéo sur le sujet avec d’autres conseils. ;-)
Belle initiative de ta part il faut sensibiliser tout le monde !
Super clair merciiiii tes vidéos m’aident beaucoup continue ! 💯🙏🏽
Merci beaucoup pour l'astuce du tab index !
Tu es dur avec ton anglais. Tu le prononces,tu le comprends le traduit... 👍. Merci pour l'accessibilité
Merci ! Je n'ai pas l'occasion de le parler donc l'accent fait souvent défaut :)
Je pense que la sémantique c'est le plus important, t'y a passé peu de temps, mais c'est l'un des point central, utiliser les bons elements quand on a besoin d'eux, c'est comme des outils, y'en a qui sont plus adaptés que d'autres
Et sur Firefox il y a un pannel dans les devtools sur l’accessibilité, et on peut voir le conrast de chaque textes sur leurs fond restpectif, c'est plus rapide si on veux juste faire un check sur un ptit texte
Et autrement, bravo! très bien résumé
Merci, c'est un sujet passionnant.
Super vidéo très bien expliquer bravo !
Merci pour la vidéo très utile.
Merci c'était intéressant. Cependant j'aurais aimé voir ce que rendaient les bons et mauvais exemples sur une liseuse d'écran, pour voir la différence.
Merci beaucoup. Elle est excellente cette vidéo. Mais il y a quelque chose que j'aimerais savoir, est-ce que la plate-forme KaiOS Et la plate-forme Firefox OS ont une accessibilité pour ceux qui voit mal ? Je n'arrive pas à les contacter. Et pourtant ça m'intéresse.
Merci beaucoup !
Très intéressant, merci pour cette vidéo !
D'autres vidéos sur le sujet voir une formation m'intéresse.
Prévois-tu d'en faire ?
Oui, il y aura une partie accessibilité dans mon cours Front qui sort début Juillet!
Plusieurs h1 (vivement déconseillé en HTML4) par page est une pratique qui n'est clairement pas à bannir surtout en terme d'accessibilité et n'affecte pas vraiment le référencement! John Mueller répond à cette question pour vous ruclips.net/video/zyqJJXWk0gk/видео.htmlruclips.net/video/zyqJJXWk0gk/видео.html
J'avais votre avis pendant un petit moment, à cause de ce fameux passage de Mueller, mais après avoir testé plusieurs logiciels d'accessiblité, on peut toujours dire que c'est une mauvaise pratique.
Les lecteurs d'écrans créent une liste de headings permettant à l'utilisateur de mieux s'y retrouver, et l'utilisation de plusieurs h1 "casse" tout.
La page MDN qui le déconseille : developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#avoid_using_multiple_h1_elements_on_one_page
Je vais donc peut-être revoir mon avis aussi après avoir essayer d'autres liseuses..Au passage très bon tutoriel, j'avais zappé quelques notions de base pouvant être bien pratique (lang="en" sur une autre balise pour l'accent et l'attribut tabindex).