Feu d'jais 🥑<p>Hey les gens doués en accessibilité !</p><p>Il y a pas longtemps je me demandais comment rendre une liste d'articles infinis accessibles ? Typiquement une liste d'un flux RSS ou imaginons des posts sur un réseau social, quand on tabule, on finit dans une prison avec un scroll infini.</p><p>J'ai trouvé l'idée du bouton avant le feed pour dire "activer scroll infini" ou "désactiver le scroll infini". Si on le désactive, on a un bouton "Charger plus". Ça signifie qu'il faut quand même se taper les pages donc si c'est par listes de 20 items, ça fait 20 items avant de pouvoir sortir.</p><p>Aujourd'hui, j'en discutais avec un collègue et il suggérait que la tabulation focus la div (ou la section) qui embarque les articles. Quand on a le focus dessus, on appuie sur Entrée ou Espace pour rentrer dedans. Si on rentre dedans, on tabule pour naviguer dedans. On a Ctrl + Home pour revenir avant le feed et Ctrl + End pour aller juste après le feed.</p><p>Qu'est-ce que vous pensez de cette solution ?</p><p><a href="https://eldritch.cafe/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://eldritch.cafe/tags/Accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibilité</span></a> <a href="https://eldritch.cafe/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://eldritch.cafe/tags/Dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dev</span></a> <a href="https://eldritch.cafe/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://eldritch.cafe/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a></p>