mstdn.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A general-purpose Mastodon server with a 500 character limit. All languages are welcome.

Administered by:

Server stats:

8.8K
active users

#accessibiliteweb

0 posts0 participants0 posts today
Emmanuel 🌱<p>Tiens, une question <a href="https://mamot.fr/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilité</span></a>, tant que je suis sur le sujet&nbsp;:</p><p>Quel intérêt verriez-vous (s'il en existe un) à mettre un aria-label="…" sur la balise &lt;main&gt; d'un document&nbsp;?</p><p>Le cas échéant, quel genre de valeur à ce label&nbsp;?</p><p><a href="https://mamot.fr/tags/aria" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>aria</span></a> <a href="https://mamot.fr/tags/AccessibiliteWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibiliteWeb</span></a></p>
Emmanuel 🌱<p>Question accessibilité&nbsp;:<br>Dites, une navigation principale (trois niveaux), puis un fil d'Ariane, puis une sous-nav (sous forme graphique d'onglets),</p><p>ça fait autant de &lt;nav&gt; mais aussi autant d'aria-current ou pas, pour vous&nbsp;?</p><p>Parce que j'imagine que trop de nav et aria-current tue les nav et l'aria-current, non&nbsp;?</p><p><a href="https://mamot.fr/tags/accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilitéWeb</span></a> <a href="https://mamot.fr/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a></p>
le Morse<p>À l'hiver 2025 le Regroupement des aveugles et amblyopes du Montréal métropolitain (<a href="https://mastodon.quebec/tags/RAAM" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RAAM</span></a>) lance sa première cohorte de la «Formation Participer à la conception de sites Web universellement accessibles»...</p><p>&gt; «Cette formation de spécialisation de 30 heures vous permettra d’intervenir dans le développement et le maintien de sites Web accessibles en collaboration avec des professionnels techniques de conception et de programmation.»</p><p><a href="https://mastodon.quebec/tags/DesignInclusif" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignInclusif</span></a> <a href="https://mastodon.quebec/tags/Accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéWeb</span></a></p><p>~ <a href="https://raamm.org/services-grand-public/accessibilite-numerique/formation-participer-conception-web-universellement-accessibles/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">raamm.org/services-grand-publi</span><span class="invisible">c/accessibilite-numerique/formation-participer-conception-web-universellement-accessibles/</span></a></p>
Emmanuel 🌱<p>Critère 10.11 sur le débordement éventuel du contenu dans des écrans de 256&nbsp;px de haut ou 320&nbsp;px de large.</p><p>Je me demande ce qui a présidé au choix de ces valeurs. Certes, on parle de taille d'écrans «&nbsp;standards&nbsp;», mais pourquoi pas la même valeur pour les deux sens&nbsp;? Orientation du même terminal non&nbsp;?<br>Une question de taille de menu des navigateurs&nbsp;?</p><p><a href="https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/#10.11" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">accessibilite.numerique.gouv.f</span><span class="invisible">r/methode/criteres-et-tests/#10.11</span></a></p><p><a href="https://mamot.fr/tags/RGAA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RGAA</span></a> <a href="https://mamot.fr/tags/Accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéWeb</span></a></p>
Emmanuel 🌱<p>Étonnant que «&nbsp;média temporel&nbsp;» et «&nbsp;non temporel&nbsp;» soient si différemment décrits.</p><p>«&nbsp;Média temporel&nbsp;» donne entre autre «&nbsp;Fichier à télécharger consultable avec un logiciel externe à la page web&nbsp;»,</p><p>mais le «&nbsp;non temporel&nbsp;», non, alors qu'il peut tout aussi bien être en téléchargement lui aussi.</p><p><a href="https://accessibilite.numerique.gouv.fr/methode/glossaire/#media-non-temporel" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">accessibilite.numerique.gouv.f</span><span class="invisible">r/methode/glossaire/#media-non-temporel</span></a></p><p>Pourquoi ne serait-il pas concerné&nbsp;? 🤔 </p><p><a href="https://mamot.fr/tags/RGAA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RGAA</span></a> <a href="https://mamot.fr/tags/Accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéWeb</span></a></p>
Emmanuel 🌱<p>Ah&nbsp;? On parle encore de Flash dans le <a href="https://mamot.fr/tags/RGAA" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RGAA</span></a>&nbsp;!?</p><p>Flash est mort depuis des lustres, pourquoi en parlent-ils encore&nbsp;? 🤔 </p><p><a href="https://accessibilite.numerique.gouv.fr/methode/glossaire/#media-temporel-type-son-video-et-synchronise" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">accessibilite.numerique.gouv.f</span><span class="invisible">r/methode/glossaire/#media-temporel-type-son-video-et-synchronise</span></a></p><p><a href="https://mamot.fr/tags/Accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéWeb</span></a></p>
Le Monolecte 😷🤬🐧 :oc:<p><span class="h-card" translate="no"><a href="https://piaille.fr/@auposte" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>auposte</span></a></span> </p><p>Bonjour, les gens qui sont en charge du design du site.</p><p>Juste pour dire que le thème sombre ne convient pas à tout le monde pour de simples raisons de <a href="https://framapiaf.org/tags/AccessibiliteWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibiliteWeb</span></a>. En effet, les astigmates peuvent difficilement lire des caractères clairs sur fond foncé. Je suis, vous êtes contents de votre charte graphique, mais l’idée générale, c’est quand même de diffuser de l’information, pas de la rendre difficile, voir rebutante à lire.</p>
Guillaume<p>Hello les Mastos,<br>Dites il y a parmi vous des spécialistes de l' <a href="https://mamot.fr/tags/accessibilite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilite</span></a> web ? </p><p>Sur un site comme celui-ci <a href="https://www.digitalacademy.fr/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">digitalacademy.fr/</span><span class="invisible"></span></a> on a sur la droite un petit plugin qui permet de régler certaines options d'accessibilité. <br>Sur le papier ca m'a l'air pas mal, mais j'ai un doute sur l'accessibilité du plugin lui-même...</p><p>Qu'en dites-vous ? <br>Est-ce à garder, à améliorer ou à virer ? </p><p>Merci :) </p><p><a href="https://mamot.fr/tags/AccessibiliteWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibiliteWeb</span></a></p>
ImaCrea<p>Hello ! 👋 </p><p>Je cherche à améliorer mes connaissances en accessibilité web ! Je vois que ça ne manque pas de ressources en ligne et de livres mais difficile de s'y retrouver...</p><p>Je crois qu'il y a pas mal de fédinautes compétent·e·s en la matière dans le coin, je suis preneur de vos lumières 🙏 !</p><p>Ne pas hésiter à booster, j'ai pas l'impression que je suis le seul dans cette situation 😅 🙇</p><p><a href="https://mamot.fr/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://mamot.fr/tags/AccessibiliteWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibiliteWeb</span></a> <a href="https://mamot.fr/tags/rgaa" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>rgaa</span></a></p>
Timothée Goguely<p>📝 Nouvel article sur mon blog&nbsp;! Je vous partage une sélection de quelques formations et ressources en accessibilité web et numérique qui m’ont accompagnées, et qui continuent de le faire pour certaines, dans ma découverte et mon apprentissage des enjeux et des bonnes pratiques de ce domaine, malheureusement encore trop méconnu.</p><p>Feat.&nbsp;<span class="h-card" translate="no"><a href="https://front-end.social/@heydon" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>heydon</span></a></span> <span class="h-card" translate="no"><a href="https://social.a11y.fr/@access42" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>access42</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.laurakalbag.com/@laura" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>laura</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@matuzo" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>matuzo</span></a></span> <span class="h-card" translate="no"><a href="https://toot.cafe/@aardrian" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>aardrian</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@stephaniewalter" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>stephaniewalter</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@SaraSoueidan" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>SaraSoueidan</span></a></span> <span class="h-card" translate="no"><a href="https://front-end.social/@a11ycollective" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>a11ycollective</span></a></span></p><p><a href="https://timothee.goguely.com/blog/formations-ressources-a11y-web-numerique/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">timothee.goguely.com/blog/form</span><span class="invisible">ations-ressources-a11y-web-numerique/</span></a></p><p><a href="https://mastodon.design/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.design/tags/Accessibilit%C3%A9Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéWeb</span></a> <a href="https://mastodon.design/tags/Accessibilit%C3%A9Num%C3%A9rique" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibilitéNumérique</span></a></p>
Hypra<p><span class="h-card" translate="no"><a href="https://respublicae.eu/@UEfrance" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>UEfrance</span></a></span> comment pouvez-vous exiger des États-membres l'accessbilité des serivces publics tout en faisant vous-même des services immondéent inaccessibles&nbsp;? <a href="https://mamot.fr/tags/commissioneuropeenne" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commissioneuropeenne</span></a> <a href="https://mamot.fr/tags/commission_europ%C3%A9enne" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commission_européenne</span></a> <a href="https://mamot.fr/tags/commission_europeenne" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>commission_europeenne</span></a> <a href="https://mamot.fr/tags/accessibilitenumerique" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilitenumerique</span></a> <a href="https://mamot.fr/tags/accessibilite" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilite</span></a> <a href="https://mamot.fr/tags/accessibilitenum" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilitenum</span></a> <a href="https://mamot.fr/tags/AccessibiliteWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>AccessibiliteWeb</span></a> <a href="https://mamot.fr/tags/accessibilit%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilité</span></a> <a href="https://mamot.fr/tags/accessibilit%C3%A9it" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibilitéit</span></a> <a href="https://mamot.fr/tags/CitoyenneteNumerique" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CitoyenneteNumerique</span></a> <a href="https://mamot.fr/tags/Citoyennete" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Citoyennete</span></a> <a href="https://mamot.fr/tags/citoyennet%C3%A9" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>citoyenneté</span></a> <a href="https://mamot.fr/tags/citoyennet%C3%A9num%C3%A9rique" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>citoyenneténumérique</span></a> <a href="https://mamot.fr/tags/Citoyennet%C3%A9R%C3%A9prim%C3%A9e" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CitoyennetéRéprimée</span></a> <a href="https://mamot.fr/tags/CitoyenneteReprimee" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CitoyenneteReprimee</span></a> <a href="https://mamot.fr/tags/europeanunion" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>europeanunion</span></a> <span class="h-card" translate="no"><a href="https://tiphon.nerv-project.eu/@kujiu" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>kujiu</span></a></span></p>
Sanku<p><a href="https://cfp.capitoledulibre.org/cdl-2023/talk/3ZQZTR/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cfp.capitoledulibre.org/cdl-20</span><span class="invisible">23/talk/3ZQZTR/</span></a></p><p>- L'extension Lingua Libre SignIt Firefox est un prototype démonstratif permettant la traduction d'un mot (français) en vidéos en langue des signes (fr:LSF) sur n'importe quelle page Web.-</p><p><a href="https://mastodon.zaclys.com/tags/lsf" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lsf</span></a> <a href="https://mastodon.zaclys.com/tags/contribution" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>contribution</span></a> <a href="https://mastodon.zaclys.com/tags/accessibiliteweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibiliteweb</span></a> <a href="https://mastodon.zaclys.com/tags/capitoledulibre" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>capitoledulibre</span></a> <a href="https://mastodon.zaclys.com/tags/lingualibresignlt" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lingualibresignlt</span></a></p>
Sanku<p>Bingo! :blobcatyes: </p><p><a href="https://mastodon.zaclys.com/tags/%C3%A9critureInclusive" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>écritureInclusive</span></a> <a href="https://mastodon.zaclys.com/tags/accessibiliteweb" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>accessibiliteweb</span></a> <a href="https://mastodon.zaclys.com/tags/Bingo" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Bingo</span></a> <a href="https://mastodon.zaclys.com/tags/jeux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>jeux</span></a> <br><a href="https://mastodon.zaclys.com/tags/ui" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>ui</span></a> <a href="https://mastodon.zaclys.com/tags/interface" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>interface</span></a> <a href="https://mastodon.zaclys.com/tags/uxdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uxdesign</span></a> <a href="https://mastodon.zaclys.com/tags/uiux" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>uiux</span></a> <a href="https://mastodon.zaclys.com/tags/webdesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webdesign</span></a></p>