✨ Le design rencontre l’intelligence : découvrez Chloé Roux – Agent IA UX/UI KingLand ✨

#AgentIA #DesignUX #UI #ExperienceUtilisateur #Innovation #KingLand #IntelligenceArtificielle #Créativité #OutilCréatif #Productivité #Digital #Tech #IA #DesignThinking #Accessibilité

Créer des interfaces utiles, accessibles et esthétiques n’a jamais été aussi passionnant. L’Agent IA Chloé Roux – UX/UI KingLand est bien plus qu’un outil : c’est une véritable alliée pour repenser…

https://kingland.fr/chloe-roux-agent-ia-ux-ui/?utm_source=mastodon&utm_medium=jetpack_social

vu sur https://www.facebook.com/groups/poissymag78300/permalink/25245379175112503/
à Poissy :
Je trouve ça INADMISSIBLE que les rampes de bus pour les personnes à mobilité réduite ne fonctionnent JAMAIS!!
La semaine dernière deux hommes ont pu aider une dame âgée en fauteuil roulant à monter dans le bus car elle pouvait quand même marcher donc monter dans le bus, mais ce matin une dame en fauteuil roulant avec un bébé a dû laisser passer deux bus car aucunes rampes ne fonctionnaient!
C’est inacceptable humainement parlant, mais en plus aux prix du pass et du ticket de bus!!

#poissy #accessibilite #TransportsIDF #transportsaccessibles

Pense à ajouter un texte ALT à tes images sur Qlub. Ça rend ton contenu accessible à tous et ça prend quelques secondes 🙂

#qlub #accessibilite #inclusion #educationnumerique #communaute #quebec

Allez je continue de spam mes questions d'accessibilité hein…

On a des cartes, qui sont en fait des grosses div avec des boutons possibles à gauche, un titre et des boutons possibles à droite.
Quand on clique sur cette carte on va soit sur une page différente (balise <a>) soit on trigger une action (balise <button>).

Mon problème c'est que l'ordre de tabulation doit être, selon moi :

Carte > bouton de gauche (s'il y en a) > bouton de droite (s'il y en a)

Puis on passe éventuellement aux carte suivantes.

Sauf que, dans le DOM les boutons de gauche donc avant le bouton.

J'ai pensé à une solution avec flex-direction: row-reverse. Ça ne m'a pas l'air horrible mais j'imagine que ça peut poser des problèmes d'accessibilité.
Utiliser tabindex > 0 est hors de question (ça casserait tout de toute façon).
Et après il y a l'idée de gérer ça avec du Javascript mais ça ne m'a pas l'air fou. Je n'aime pas vraiment faire en Javascript ce que je pourrais faire en HTML/CSS.

Dites-moi que vous avez une solution s'il vous plait 😭

#dev #a11y #accessibilite

Je suis désolé⋅e je pose plein de questions d'accessibilité mais je passe ma vie sur w3.org et plein de sites que j'ai bookmarkés. Seulement, j'ai toujours des questions non répondues et j'essaye de faire au mieux pour avoir un produit accessible dans ma boîte, c'est quelque chose que j'ai poussé parce que ça me tient à cœur, bref.

Je travaille sur des cartes qui sont réduites et qu'on peut développer.

J'ai trouvé ce super lien : https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-card/

Donc je peux tester la navigation clavier, le lecteur d'écran. Mais je ne comprends pas, quand on développe la carte, on ne lit pas le contenu nouvellement affiché à l'écran ? Je ne suis pas utilisateur⋅rice de lecteurs d'écran. Je l'active uniquement pour faire des tests et me dire "ok c'est pas pollué, c'est cohérent". Idéalement, il faudrait un audit, ce que ma boîte fera peut-être quand on aura avancé sur ces sujets.

La question donc : à moins de passer ma souris sur les textes (balises <p>), je ne les entends pas. Comment ça se fait ? Si je navigue sans souris et avec un lecteur d'écran, je ne peux pas entendre les textes ?

Edit : la page parle de "reading cursor", c'est peut-être ça le mot-clef que je n'ai pas ?

#a11y #accessibilité

Gestion de la navigation à travers une page web avec la touche de tabulation.

🔗 https://nik.digital/posts/tab-roving

#navigation #tab #accessibilité