Petit studio web qui fait du développement et de la qualité. Nous c'est Adrien (@HIssalht) et Quentin (@bellanger_q). 👋🏼 📧 [email protected]
Bordeaux
Joined November 2020
- Tweets80
- Following29
- Followers34
- Likes22
📣 Vous avez des besoins en développement web (sites e-commerce, sites marketing, landing page...) ou en qualité web (audit, formation...) ?
Nous sommes disponibles pour vous accompagner dans vos projets, n'hésitez pas à nous contacter ! 📨
teapawt.net/messages/compose?recip…
Les sites des candidats à l'élection présidentielle sont-ils accessibles ? La réponse sur le blog de @temesis. #accessibilité
temesis.com/blog/accessibili…
Nous avons de la disponibilité pour les mois qui arrivent pour des projets web (stack technique plutôt orientée JavaScript : Node, Vue, React...) ou d'accessibilité numérique (audits RGAA). 👋
N'hésitez pas à nous contacter : slash-tmp.dev/#contact
Ce qu'il se passe quand une image n'a pas d'alternative textuelle. 😢
On ne comprend rien !
teapawt.net/gamemakerstk/status/14…
1
On s'en sert pour nos audits, c'est en effet très pratique et ça fait gagner un temps fou !
Merci à vous @empr1tedigitale pour le boulot accompli sur cet outil. 🙏 #a11y #accessibilité
This Post is from an account that no longer exists. Learn more
Comment avertir des changements de contenu dynamique dans une page ? #accessibilité #html
Un excellent article de @scottohara sur les bonnes pratiques des régions live. 💬
scottohara.me/blog/2022/02/0…
Une liste de bonnes ressources pour démarrer dans l'accessssibilité web.👇
#a11y
Allez, on me demande des ressources pour des personnes qui commencent à s'intéresser à l'#accessibilité web.
Y'en a plein mais en voici qlq unes :
- blog.octo.com/les-racines-de…
- w3.org/WAI/fundamentals/acce…
- accede-web.com/notices/
- blog.empreintedigitale.fr/20…
- design.numerique.gouv.fr/acc…
ALT Logo de l'accessibilité numérique avec un curseur de souris.
Qu'est-ce que le lien parfait ?
Un excellent article sur l'utilisation du lien hypertexte avec une conclusion parfaite : "Un lien est une promesse, pas une surprise". 📘 🔗
a11y-collective.com/blog/the…
Le Web Almanac 2021 est sorti ! 📊
Qu'est-ce que c'est ? Un condensé d'analyses et de statistiques sur l'état du web d'aujourd'hui. Technologies, pratiques, expérience utilisateur...
Bonne lecture !
almanac.httparchive.org/en/2…
Soyez prêt•es car dès demain, c'est @24joursdeweb qui reprend (avec @ParisWeb aux manettes) : le calendrier de l’avent des gens qui font le web d’après.
En attendant, il y a plein de lecture avec les éditions précédentes 📘 : 24joursdeweb.fr/
2
22 mythes sur l'accessibilité debunkés par @_sergeikriger. #a11y
À partager avec votre équipe ! 📣
a11ymyths.com/
Sinon la meilleure solution reste de définir un style de focus visible en CSS sur les éléments interactifs.
Mais surtout ne jamais retirer le style de focus par défaut avec `*:focus { outline: none }`. ⚠️
Beaucoup (trop ?) de sites n'implémentent pas de style de focus.
Pour les utilisateurs de Firefox, il est possible de modifier celui par défaut dans les paramètres. #accessibilité #a11y
access42.net/modifier-forcer…
1
"Name, labels, ARIA, what to do?"
Un excellent article de @scottohara sur la notion de "nom accessible" : scottohara.me/blog/2021/11/0…
#accessibilité #a11y
Un jeu d'horreur créé par @HTeuMeuLeu pour sensibiliser les dev à la gestion du focus. 🎃⌨️ #a11y #accessibilité
focus.hteumeuleu.com
ALT Aperçu du jeu d'horreur et d'accessibilité créé par @HTeuMeuLeu avec des cases représentant divers éléments d'Halloween (crâne, chauve-souris, citrouille...).
1
1
Le W3C a récemment publié son design system. 🎉
C'est beau, c'est propre, c'est accessible et c'est inspiré par la communauté.
design-system.w3.org/
ALT Aperçu du style des tableaux du design system du W3C, disponible à cette adresse : https://design-system.w3.org/styles/tables.html
Nouvel article sur le blog. 📣
On s'est penché sur l'accessibilité de la balise <time> pour représenter des données temporelles. 📅
#a11y #html
slash-tmp.dev/blog/accessibi…
3
Ça rejoint d'ailleurs un peu l'article et la présentation de @WalterStephanie sur les "cas (trop souvent) oubliés" : erreurs, chargements, faible connexion...
stephaniewalter.design/fr/bl…
3