chargement des résultats
Accessibilité
Expérience utilisateur (UX)

Accessibilité

Un groupe pour poser vos questions et partager vos astuces, ressources, outils, et actualités sur l'accessibilité numérique.

A propos
19 Abonnés
Responsables · Postuler
  • Posts Récents
  • Tendances
  • Plus populaire
  • ·
  • ·
  • Guide d'ateliers pour un design universel et inclusif
    Vous est-il déjà arrivé de faciliter des ateliers avec des personnes en situation de handicap ? Pour l'avoir fait assez souvent, il est important de préparer ses ateliers en conséquence pour éviter d'exclure certaines personnes. Le Playbook for Universal Design détaille un certain nombre d'ateliers et energizers classiques en donnant quelques astuces pour les mener à bien en fonction des handicaps des participants. Par exemple, pour l'atelier "Actor Network" qui nécessite d'écrire et de communiquer entre participants, le site donne des astuces pour que des participants qui ne peuvent pas ou ont des difficultés à voir, se concentrer, toucher, réfléchir ou tenir puissent participer au mieux. (lire la suite)
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Quand Accessibilité rime avec $$!
    "L'accessibilité n'est pas une priorité...", "Nous n'avons pas les resources nécessaires...", "Ca représente un marché trop restreint, oublie!", sont autant d'excuses bancales qui m'ont été présentées pour faire passer le sujet de l'accessibilité à la trappe. Botter en touche est une technique assez répandue dans les équipes produit, lorsque l'on évoque le sujet et l'une des raisons avancées met en lumière le "retour sur investissement" limité. Cet article peut servir de levier pour mettre l'accent sur le manque à gagner justement, lorsque l'on fait l'impasse sur l'accessibilité. Billie Geena, l'auteure de cet article (en Anglais), publié par Moz, liste les arguments suivants:  accès à une audience plus vaste fidélisation accrue des clients développement de la communauté respect de la legislation (!) meilleur classement sur Google avantage sur la concurrence (il y a de fortes chances que vos concurrents dénigrent aussi le sujet) potentiel d'augmentation des revenus jusqu'à 18,9% Ce chiffre est basé sur les statistiques sur le handicap aux États Unis. Suivant le modèle de calcul proposé par l'auteure dans l'article, on peut aisément l'adapter à notre marché. Attention, il s'agit bien sûr du TAM (Total Addressable Market) mais cela permet tout de même de rendre compte du potentiel! En France, les chiffres sont tout aussi édifiants (voir statistiques complètes  sur ce site) — à noter que ce chiffre, datant de 2021, ne prend en compte que les limitations sévères, mais pas les limitations temporelles ou circonstantielles: En 2021, 6,8 millions (13 %) de personnes de 15 ans ou plus vivant à leur domicile déclarent avoir au moins une limitation sévère dans une fonction physique, sensorielle ou cognitive et 3,4 millions (6 %) déclarent être fortement restreintes dans des activités habituelles, en raison d’un problème de santé. Et si votre équipe a vraiment du mal, ce graphique (publié ici) peut les amener à réfléchir: wikihero-image-id: 1169 Les données datent de 2019, mais ce qui est clair, et ne vas pas changer de si tôt au vu de la population vieillissante, c'est que le taux de handicap augmente dès l'âge de 40 ans... coeur de cible pour beaucoup, non? En somme, l'accessibilité, ce n'est pas seulement "une intention louable" mais bel et bien une stratégie de croissance.
    • merci! Utile
    • Pas utile
    • Pas sûr
  • DesignOps Meetup #9 : Accessibilité Numérique, l’affaire de tous !
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Guide sur l'UX des screen readers et comment le documenter.
    Superbe ressource de la BBC, sur la partie non visible de l'expérience qui vous explique pas à pas comment faire pour documenter l'accessibilité de vos composants et écrans. https://bbc.github.io/accessibility-news-and-you/guides/screen-reader-ux.html
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Playstation sort un joystick spécial accessibilité
    C'est la news de la semaine - Même les constructeurs hardware de jeux vidéos s'y mettent. https://www.playstation.com/en-gb/accessories/access-controller/ wikihero-image-id: 1103 Je suis surtout curieux de voir l'impact que cela aura sur les joueurs existants. Si cela améliore leurs quotidiens comme avec la question des sous-titres pour Netflix. Affaire à suivre !
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Meet Up - Comment intégrer l'inclusivité dans chaque étape de la conception
    5 Juillet à 18H en ligne et sur paris https://www.linkedin.com/events/7075453537974931456/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Comment les utilisateurs de screen readers naviguent-ils sur leur mobile?
    Dans cette vidéo d'une trentaine de minutes, Samuel Proulx, utilisateur de screen readers et expert dans la promotion de ces derniers auprès du public novice (personnes non utilisatrices) fait une démonstration de l'utilisation du screen reader natif sur iOS. Ce type d'intervention, menée par des utilisateurs de technologie d'assistance, sont cruciales pour nous, UXers. Il nous est absolument impossible d'appréhender les contraintes réelles de leurs utilisateurs (donc de développer cette fameuse empathie pour nos utilisateurs handicapés). https://rosenfeldmedia.com/enterprise-ux-2023/sessions/understanding-screen-readers-on-mobile/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Nouvelle update de Stark, qui le process de suivi de vos projets d'accessibilité plus collaboratif
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Ostendo, extension pour avoir le niveau de compliance d'un site FR dans vos résultats de recherche
    Ostendo permet d'afficher, dans vos résultats de recherches Bing et Google, le niveau d'accessibilité des sites français.  wikihero-image-id: 1065 https://chrome.google.com/webstore/detail/ostendo-laccessibilit%C3%A9-de/hfbgfmeddkaplomgloehmhollecglldo?hl=fr
    • merci! Utile
    • Pas utile
    • Pas sûr
  • L’importance de la sensibilisation à l’accessibilité dans l’industrie du luxe

    Il y a eu plein de problématiques, mais je crois que ça a été pour moi l’un des plus beaux défis, et surtout de réussir à le relever, à faire en sorte que tout le monde soit content à la fin.

    C’était pour un gros site vitrine, qui présentait la marque.

    Pour présenter la marque, il fallait forcément quelque chose de très qualitatif, luxueux, avec – je déteste ça mais pour le coup, c’était exactement la demande - créer un effet « Waouh ».

    Ils étaient vraiment dans ce truc-là. Il fallait un site très beau, très épuré. Ils étaient typiquement dans le fameux “texte gris clair sur blanc” que beaucoup trouvaient très élégant mais qui est illisible. 

    On a réussi, on a répondu à leurs demandes en étant accessibles ! Finir par y arriver, rien que ça, c’est déjà super gratifiant. 

    Ce que j'adore sur des projets comme ça, c’est qu’il y a des défis. C’est beaucoup plus intéressant. Plutôt que des projets où il n’y a pas de débats, donc pas défi, sans grosse recherche de solution derrière.

    J’aime bien devoir dénouer, identifier comment on va faire pour correspondre à tous les besoins, c’est plus intéressant.

    Pour le coup, je pense que c'est avec ce projet-là justement que j'ai appris la nécessité de sensibiliser et de former.  Au départ, il était difficile de trouver comment aborder les équipes. Il a donc fallu que je trouve des moyens pour pouvoir discuter avec eux, en faisant en sorte que la discussion soit agréable et constructive. Ce projet-là m’a permis d’évoluer dans ma façon de faire. Avec eux, je testais des choses que je n’avais pas trop faites avant. Il y a certains trucs qui n’ont pas marché. Par exemple, j'avais eu l'idée de partir dans un atelier audit et co-conception – je n'avais pas fait de sensibilisation et de formation au préalable, rien. Sauf que, quand les gens ne sont pas formés aux sujets, c’est compliqué de travailler dessus. Il faut savoir que la plupart des gens n’aiment pas faire de l’audit. Déjà, je partais sur un truc pas hyper glamour, sur un sujet, l’accessibilité, qu’ils ne connaissaient pas et sur lequel ils avaient des à prioris. Et en plus, ils auditent eux-mêmes, ils voient qu’ils ont fait des erreurs mais ils ne comprennent pas trop pourquoi c’est une erreur parce qu’ils n’ont pas été formés, pour eux c’est la bonne manière de faire. Bref, en tant que consultante, ça, c’est typiquement une erreur. Avant de lancer ce type d’ateliers, il y a des choses à faire pour que ça se passe bien.                               Ça m’a pris un peu de temps pour le comprendre mais je pense qu’il faut le prévoir, ce temps en amont. Aussi, ce que je ne faisais pas forcément, et c’est la deuxième erreur que je faisais et que je veux rectifier : Prendre le temps Qu’il va y avoir justement de discussion et d’appropriation des équipes. Quand on arrive avec un nouveau sujet, un sujet que les équipes ne connaissent pas, on ne peut pas se dire qu’on va tout révolutionner en une semaine. Il est important de faire comprendre aux équipes ; ne pas débarquer avec les référentiels, par exemple ; en tout cas moi c’est ma manière de faire. Je ne débarque pas avec les WCAG ou les RGAA , qui peuvent paraître être l’Everest. Quand on ne connaît pas, c’est hyper abstrait. Souvent à la fin des formations que j’anime et où l’on a vu plein de choses à faire autour du numérique responsable, je fais un petit atelier : je leur demande « On a vu tous ces critères, chacun si vous en retenez 3 à appliquer dès le demain, vous prenez quoi ? » Chacun sélectionne, et en fait, que je leur propose de mettre en place dans leurs prochains projets et 1 mois, 2 mois plus tard etc je leur demande d’en prendre 3 de plus. Avec cette méthode-là, on sait qu’on ne va pas changer le monde. En revanche, on sait qu’au fur et à mesure, les équipes vont prendre en compte les choses, ça va entrer dans leur process, ça va devenir automatique et ça va se retrouver dans tous les projets après. Finalement, l’impact sera beaucoup plus important, parce que ce ne sera pas juste sur un projet donné mais sur tous projets futurs. On aura pu faire en sorte que chacun s'approprie ces sujets. C’est ce qu’on dit souvent en tant que consultant : « le jour où on n’aura plus besoin de nous, ce sera le rêve ». On en est loin, mais c’est la meilleure des perspectives.

    • merci! Utile
    • Pas utile
    • Pas sûr
  • Le projet dont je suis la plus fière.

    Le contexte : une grosse entreprise avec une activité en France et à l’étranger. 

    Un impact qu’on ne soupçonne pas des fois, ce sont les salariés de l'entreprise.

    En l’occurrence là, le contexte est une grosse boîte, où ils ont plein de formations en e-learning, en interne. Ces formations peuvent être suivies par tous les salariés de l’entreprise, ils sont des milliers dans des métiers très divers. Ce n’était pas du tout une entreprise qui est dans le domaine du numérique. Et potentiellement, il y a plein de salariés en situation de handicap différents et des personnes qui ne sont pas à l’aise avec le numérique.

    Ces formations doivent être suivies par l’ensemble des salarié·e mais c’est de l’e-learning et l’accessibilité, l’inclusion, le numérique responsable n’ont pas été des sujets pris en compte. 

    Tout l’enjeu a été de savoir par quelle porte entrer.

    La porte ici, ça a été les responsables de formation, c'est-à-dire toutes les personnes qui conçoivent ces formations, tous ceux qui créent ces contenus. 

    Il y avait deux enjeux : 

  • Il y a à la fois les former pour que quand ils créent des formations, les contenus soient directement accessibles, par exemple quand ils diffusent, quand ils créent un Quiz, quand ils créent des vidéos, qu’ils mettent en place des sous-titres par exemple sur les vidéos. Si on n’est pas formé à le faire, on ne le fait pas. 
  • Et deuxième enjeu, c’est de faire en sorte que la plateforme grâce à laquelle on fait ces formations - ces e-learnings - puissent elles-mêmes proposer des contenus accessibles (si le player vidéo ne propose pas de fonctionnalité pour activer des sous-titres, c’est compliqué). 

    Donc il y a deux enjeux, je dois m’adresser à plein de publics différents, à la fois les équipes qui conçoivent la plateforme e-learning et ceux qui créent tous les contenus.

    C'était hyper intéressant parce qu’à la fois je m’adresse à des équipes de concepteurs, des devs, des UX, des UI, soit ceux avec qui j’ai l’habitude de travailler ; et en même temps, des responsables de formation, des personnes qui créent des formations de sur plein de sujets différents.

    J’adore cette variété de publics auxquels je m’adresse, c’est hyper intéressant. 

    La difficulté est de suivre l’impact de ce type de projet, c’est toujours compliqué. Ici, je me suis basée sur les retours en interne.

    J’ai eu deux types de retours : 

  • D’abord, par les personnes que j’ai formées et accompagnées notamment celles qui créent les formations justement. Plusieurs m’ont envoyé des mails, tout simplement, où ils viennent me dire : « Wow, ça a vraiment changé ma pratique, c’est génial ». Ils sont super contents de faire évoluer leur propre pratique. 
  • Et les deuxièmes retours, c’est les apprenant·es, les utilisateur·ices finaux, qui me sont transmis par les personnes qui créent ces formations. J’ai eu des retours qui étaient très positifs, les formations sont plus agréables pour tout le monde.

    Grâce à tous ces retours, tous ces témoignages, je sais que ça a vraiment changé des choses sur toute la chaîne, c’est tout ce je peux espérer dans mon métier !

  • merci! Utile
  • Pas utile
  • Pas sûr
  • Disability Visibility: First-Person Stories from the Twenty-first Century
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Reimagining Design: Unlocking Strategic Innovation
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Demystifying Disability: What to Know, What to Say, and How to Be an Ally
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Giving a damn about accessibility par UX design.cc
    • merci! Utile
    • Pas utile
    • Pas sûr
  • IS THAT CLEAR? : Effective communication in a neurodiverse world
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Livre: Color Accessibility Workflows
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Livre en ligne: Building Accessible Websites
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Web Accessibility: Web Standards and Regulatory Compliance
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Livre Just Ask: Integrating Accessibility Throughout Design
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Inclusive Design Patterns - Coding Accessibility Into Web Design
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Livre: Accessibility for Everyone
    • merci! Utile
    • Pas utile
    • Pas sûr
  • A Web for Everyone: Designing Accessible User Experiences
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Marie Guillaumet, consultante en accessibilité numérique chez Access42
    Lien épisode: https://soundcloud.com/agence-lunaweb/sld-5-marie-guillaumet-consultante-accessibilite-numerique-access42 Pour ce nouvel épisode de notre podcast Salut les Designers ! nous discutons avec la passionnante Marie Guillaumet, consultante en accessibilité numérique chez Access42. Réalisé en novembre 2017 au moment de l'UX Deiz #7 sur le Design inclusif, explorons ensemble ce sujet très lié à l'UX et pourtant encore très souvent mis de côté : l'accessibilité. L'occasion pour nous de vous rappeler qu'une transcription complète de chaque épisode est disponible dans les articles du blog de l'agence, sous le lecteur audio. Transcription : blog.lunaweb.fr/interview-de-marie-guillaumet/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • L'accessibilité numérique, un droit pour tous | Anne-Sophie Tranchet
    Souvenez-vous : dans l’épisode 14, je parlais d’inclusion et de design inclusif avec Gladys Diandoki. On avait abordé la notion d’accessibilité numérique sans réellement s’y attarder. D’ailleurs, les deux sont bien souvent confondus. Personnellement, je trouve que l’accessibilité devient un terme un peu galvaudé, utilisé à tort et à travers, sans réellement comprendre ce que cela veut dire. Moi-même, je n’en avais qu’une vague notion avant de m’intéresser à l’UX Writing. Et justement, à ce moment-là, j’ai croisé la route d’Anne-Sophie Tranchet, qui a fait de l’accessibilité son cheval de bataille. Anne-Sophie est UX/UI designer indépendante. Elle travaille notamment pour BetaGouv, l’incubateur de services de l’État. Pour elle, l’accessibilité, c’est une évidence. Ça fait partie de son métier de designer. Elle veille à concevoir des produits inclusifs et accessibles à toutes et à tous. Et, l’accessibilité numérique ne signifie pas seulement l’accessibilité d’une interface pour les personnes en situation de handicap. Mais Anne-Sophie vous en parle bien mieux que moi dans ce nouvel épisode ! Bonne écoute ! L'épisode est aussi accessible en format écrite sur mon site. Lien de l'épisode Vous y retrouverez également toutes les notes et ressources citées. Merci à @10deDer pour la musique. Vous voulez améliorer la lisibilité et les contenus de votre interface web ou mobile ? Abonnez-vous à ma newsletter et recevez, deux fois par mois, des tips, des ressources et du contenu exclusif.
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Mixité & Diversité
    Pour cette deuxième rencontre nous avons eu le plaisir d'accueillir Léa Mendes da Silva (Head of Design @ Everoad) et Eleonore de Lusignan (Senior UX designer @ WeDigital.Garden) pour discuter de la mixité et de la diversité dans l'univers de la tech et plus particulièrement dans celui du design. Le design a un impact énorme sur les produits et leurs usages, dont certains façonnent notre quotidien. Il est donc indispensable aujourd’hui de questionner sa diversité en tant que milieu professionnel, mais aussi en tant que discipline capable d’inclure comme d’exclure les utilisateurs. Partant de leur expérience et en s’appuyant sur les questions du public, Léa et Eleonore on traité les principaux enjeux liés à cette problématique. En voici quelques extraits : Les designers doivent repérer et prendre en compte les biais qui limitent l’accessibilité, et qui sont de facto excluants, et trop souvent sous-estimés (usage trans-générationnel, agnosticisme technologique, lisibilité des interfaces, spécificités locales). La user research doit aussi servir la diversité et pas uniquement des impératifs business : - En considérant les personas qui génèrent du feed-back d’usage (et pas uniquement du chiffre d’affaire) et qui aident à lever un maximum de pain points. - En regardant le plus possible vers l’extérieur (problématiques et besoins utilisateurs, réalité terrain, enjeux sociétaux, etc.) pour ensuite sensibiliser toutes les personnes liées au produit. Les recruteurs doivent favoriser la diversité des équipes et la complémentarité des profils : - En intégrant des profils qui vont enrichir la mentalité du groupe et pas uniquement des perfect fits qui adhèrent à toutes les valeurs de l’entreprise au pied de la lettre. - En adoptant une communication RH inclusive et réaliste pour attirer des profils mixtes à la hauteur des compétences requises. - La diversité dans le design est aussi un problème qui doit être analysé au niveau des formations (accessibilité socio-économique, importance des réseaux dans l’insertion professionnelle, diversité des mentors, etc.). Il ne faut pas perdre de vue que les enjeux d’intégration sociale dépassent les seuls métiers de la tech et façonnent la société dans son ensemble. La valeur de l’inclusion et l’importance de la diversité doivent être inculquées à tous les profils décideurs, qui pour la plupart ne sont pas sensibles à ces questions. Les entreprises doivent prendre leurs responsabilités et s’engager ouvertement sur la parité homme-femmes à tous les niveaux de l’entreprise (non-discrimination salariale, représentation aux postes décisionnels, ascension professionnelle, aide à la maternité, conditions de travail, etc.). Cela est d’autant plus indispensable pour le secteur des startup qui se veut en avance par rapport aux modèles d’entreprises classiques. Enregistré au Liberté Living Lab, le 28 mars 2019. Lien de l'épisode: https://podcast.designmasterclass.fr/episode/2/mixite-et-diversite
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Design Accessible. Une priorité ?
    Doit-on faire de l’accessibilité une priorité dans le design ? C'est la question que nous avons explorée dans cet épisode.  En France, 12 millions de personnes sont en situation de handicap selon l’INSEE. Ce qui représente 1 personne sur 6. Avec le vieillissement de la population et les problèmes de santé associés, on estime que ce chiffre est beaucoup plus important. Dans cet épisode nous avons voulu comprendre l'impact de nos designs sur les personnes en situation de handicap. Pour cela, nous avons invité Céline Boeuf, Egon Ghestem et Vincent Le Goff. Puis, nous avons parlé avec des UX qui ont mis l'accessibilité au cœur de leurs projets. Vous entendrez donc les expertises d'Anne-Sophie Tranchet, de Marie Guillaumet et d’Antoine Garcia Suarez. Au sommaire de cet épisode : 1:52 • Dans le premier chapitre : vous écouterez 3 personnes qui ont pour point commun de vivre avec un handicap. Vous découvrirez la place d’internet dans leur quotidien. 16:08 • Le second chapitre vous permettra de comprendre les principaux freins rencontrés par les designeuses et designeurs que nous avons interrogés. 36:25 • Dans une troisième partie : nous écouterons comment nos invités mettent en œuvre l'accessibilité dans leur travail. 51:38 • Pour conclure, nous verrons dans le quatrième chapitre quelles sont les erreurs à éviter et les conseils prodigués par nos invité.e.s pour bien débuter. Cet épisode à été réalisé et monté par Gladys Diandoki avec l’aide de Anthony ADAM. Lien pour écouter l'épisode: https://podcast.designmasterclass.fr/episode/28/design-accessible-une-priorite Les voix-off sont de Loulou Hanssen. Musique de fin : Yseult • Corps Ecouter le morceau 
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Vidéo sur les problèmes des emojis, majuscules et faux gras lorsque vous publiez des messages.
    Vidéo publiée par Julie moynat et je met le descriptif ci-dessous: Pour mettre en forme leurs messages sur les réseaux sociaux, beaucoup de gens utilisent des générateurs de texte en faux gras, faux italique, caractères fantaisistes et abusent des émojis. Cela constitue, la plupart du temps, un détournement d'usage des caractères Unicode. Ce n'est pas sans poser des problèmes d'accessibilité pour les personnes handicapées et, notamment, pour les personnes aveugles utilisant un lecteur d'écran. Le texte ne sera pas lu correctement et sera totalement incompréhensible. Démonstrations et explications. https://www.youtube.com/watch?v=OO1G70if4RU&ab_channel=LaLutineduWeb
    • merci! Utile
    • Pas utile
    • Pas sûr
  • La réalité sur les outils automatique à l'accesibilité: Par le NYT
    Belle investigation du NYT qui nous explique l'impact que tout ces outils avec Intelligence articielle ont sur les usagers avec un handicap. https://www.nytimes.com/2022/07/13/technology/ai-web-accessibility.html
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Mastercard et la création d'une feature inclusive pour leur carte de crédit
    Sandra partage avec nous cette semaine le cas de Mastercard et leur carte "True Name" où il était possible de changer le nom sur votre carte sans avoir à changer de nom légalement, ce qui était un problème vécu aux quotidiens par les personnes LGBT et transgenres. https://newsletter.sandrabydesign.com/posts/lgbtqia-inclusive-design-done-right-inclusive-design-digest-30-june-2022
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Très bel article sur documenter l'accessibilité en interne
    Avec un template sketch à la clé, mais aussi plein d'exemples concrets de ce que les designers peuvent (et devraient documenter) en relation avec les devs. https://stephaniewalter.design/blog/a-designers-guide-to-documenting-accessibility-user-interactions/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Rendre des formulaires accessibles
    Petit post utile qui reprend quelques bases importantes au niveau du HTML pour vos formulaires. https://racheleditullio.com/blog/2021/09/structuring-accessible-forms/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Utiliser des emojis de manière "accessible"
    Les personnes atteintes d'handicap (notamment avec des déficiences visuelles) ne perçoivent pas les emojis de la même manière qu'un utilisateur sans problème quelconque. Voici quelques bonnes pratiques pour utiliser des emojis à bon escient et de manière accessible à tous : > Utiliser des emojis de temps en temps (pas tout le temps !) ✅. > Placer l’émoji à la fin d’une phrase ou d’un message 👍. > Mettre les informations importantes avant l’émoji ⬅️. > Choisir un emoji pertinent (par son apparence mais aussi par sa description, pour les lecteurs d'écran). > S’assurer que le message a du sens même sans emoji 😇.
    Voici le lien d'un article très interessant de Anne-Sophie Tranchet qui relate les nombreuses bonnes et mauvaises pratiques à ce sujet : https://blog.hello-bokeh.fr/2020/07/23/des-emoji-accessibles/ morg.clerget@gm
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Liste de sites et applications accessibles
    Je repost ici une liste de sites accessible dans le but d'en faire une compilation qui s'agrandira avec le temps. Expedia https://www.expedia.com/ Source Gatsby Design https://www.gatsby.design/ Source Google Maps Et oui, Maps est accessible ! Source Le site de A11y: Accessibility project https://www.a11yproject.com/ Source Le site public pour les Autrichiens vivant à l'étranger https://www.internationalerfreiwilligeneinsatz.at/ Source Le site Spectrum de Adobe Le site du design system accessible d'adobe. https://spectrum.adobe.com/ Source Service-public.fr https://www.service-public.fr/ Site personnel de Tatiana Mac Qui a dit qu’accessible = ennuyant ? https://tatianamac.com/ Source TV pour tous - Allemagne https://tvfueralle.de/ Source
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Extension Chrome pour modifier l'aspect de votre navigateur selon votre handicap
    Valmiki est un plug-in pour les navigateurs Web basés sur Chromium qui modifie l'aspect et la convivialité de l'ensemble d'Internet en fonction de vos préférences. (Personnes âgées, problèmes de vues, Dyslexie) https://oswaldlabs.com/platform/valmiki/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Testez vos pages automatiquement: Cynthiasays
    Outil gratuit pour tester les pages de votre site selon les critères WCAG et 508 d'accessibilité. https://www.cynthiasays.com/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Pour tester l'accessibilité du contenu

    Sa11

    Un outil d'assurance qualité de l'accessibilité qui met visuellement en évidence les problèmes d'accessibilité et d'utilisabilité courants. Destiné aux auteurs de contenu, Sa11y signale des erreurs ou des avertissements à la source avec un info-bulle expliquant comment les corriger. https://ryersondmp.github.io/sa11y/#install JuicyStudio En anglais malheureusement, mais ce site permet de tester la facilité de compréhension de votre contenu. https://juicystudio.com/services/readability.php
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Outil freemium: Tenon
    Se décrit comme Accessibility as a Service. https://tenon.io/ Bon outil gratuit, mais limité car il ne vous donne que 3 problèmes avec détails gratuits. Mais ils sont priorisés.
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Hearo pour les malentendants
    Hearo est une application qui peut aider les personnes malentendantes à mieux communiquer avec leurs amis entendants en traduisant de manière transparente la voix. https://hearo.id/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Une solution qui aide la navigation de vos utilisateurs ayant un handicap.
    Très smart - FACIL'iti offre une expérience de navigation considérablement améliorée et personnalisée pour les personnes âgées et les personnes handicapées. Il permet au site Web de répondre aux besoins de chaque condition particulière. https://www.facil-iti.com/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Extension qui test automatiquement votre accessibilité.
    AXE Ne teste que les problèmes d'accessibilité qui peuvent être détectés avec précision via l'automatisation,et les composants qui existent réellement sur la page ou l'application que vous testez. https://chrome.google.com/webstore/detail/axe-web-accessibility-tes/lhdoppojpmngadmnindnejefpokejbdd Accessibility Insights Une autre extension qui test la page sur laquelle vous naviguez https://chrome.google.com/webstore/detail/accessibility-insights-fo/pbjjkligggfmakdaogkfomddhfmpjeni
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Extension pour tester la dyslexie
    Helperbird fourni des fonctionnalités telles que les polices en dyslexique, modifier la police et la couleur d'arrière-plan, la synthèse vocale avec des voix naturelles, des superpositions, des règles de dyslexie, un lecteur immersif, un mode de lecture et bien plus encore pour adapter le Web à vos besoins. https://chrome.google.com/webstore/detail/helperbird-accessibility/ahmapmilbkfamljbpgphfndeemhnajme
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Extension pour tester votre accessibilité sur chrome
    Outil open source d'IBM qui utilise le moteur de règles d'accessibilité d'IBM. Détecte les problèmes d'accessibilité pour les pages Web et les applications Web. L'extension s'intègre dans les outils de développement du navigateur, offrant une expérience de vérification intégrée, aidant les utilisateurs à identifier rapidement la source des problèmes d'accessibilité et à essayer des correctifs. https://chrome.google.com/webstore/detail/ibm-equal-access-accessib/lkcagbfjnkomcinoddgooolagloogehp
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Outils pour tester vos contrastes
    Colorblind Filter Un outil sympa pour prendre n'importe quelle page existante sur le web et la visualiser avec ce que des personnes avec des déficiences voient. https://www.toptal.com/designers/colorfilter Contrast Finder Pour aller plus loin sur les contrastes. Sélectionner 2 couleurs et laisser le programme vous proposer les meilleurs choix selon les couleurs que vous avez choisies. https://contrast-finder.tanaguru.com/ Contrast ratio  Un outil simple pour tester le contraste entre votre background et un élément. Totalement customisable et simple d'utilisation. https://contrast-ratio.com/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Une application faite à destination des non-voyants pour la vie de tous les jours.
    Visib11y est une application d'aide quotidienne pour les personnes malvoyantes ou aveugles. Reconnaissez instantanément les objets tout autour de vous, lisez du texte, trouvez votre emplacement et naviguez. https://oswaldlabs.com/platform/shravan/apps/visib11y/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Tester son site live aux erreurs d'accessibilité
    Wave - Mettez votre url et naviguez en temps réel pour détecter vos erreurs. Super pratique, mais ça ne résoudra pas tout. https://wave.webaim.org/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Simuler des handicaps visuels
    Colorblind Filter Un outil sympa pour prendre n'importe quelle page existante sur le web et la visualiser avec ce que des personnes avec des handicaps visuels voient. https://www.toptal.com/designers/colorfilter Extension Colorblinding Cette extension simule le site Web comme le verrait une personne ayant une déficience visuelle des couleurs. Colorblinding peut simuler: Aveugle rouge / Protanopie Green-Blind / Deutéranopie Bleu-aveugle / Tritanopie Rouge-faible / Protanomalie Vert-faible / Deutéranomalie Bleu-faible / Tritanomalie Monochromie / achromatopsie Monochromie à cône bleu
    De plus, il s'agit d'un projet open source hébergé sur https://github.com/LeonardoCardoso/Colorblinding NoCoffee NoCoffee peut être utile pour comprendre les problèmes rencontrés par les personnes ayant des problèmes de vision légers à extrêmes, tels que: Faible acuité: certaines pages Web utilisent du texte très petit ou des cibles de clic. S'il est vrai que les utilisateurs utilisent un zoom de navigateur intégré ou des loupes d'écran comme ZoomText (http://www.aisquared.com/zoomtext/), de nombreux utilisateurs non techniques ne savent pas comment faire. Faible sensibilité au contraste: de nombreux concepteurs utilisent du texte avec un contraste très faible, par exemple texte gris clair sur blanc. Soit dit en passant, voici quelques excellents outils pour analyser le contraste sur le Web, et mon préféré est le Snook Color Contrast Check à http://snook.ca/technical/colour_contrast/colour.html. Daltonisme: bien que l'utilisation de la couleur dans la conception soit définitivement une bonne chose, il est important de se souvenir de la maxime «ne vous fiez pas uniquement à la couleur», car 7 à 10% des hommes souffrent d'une forme de daltonisme. Chris Campbell a un excellent article décrivant les problèmes et solutions de conception liés aux couleurs. Voir http://www.particletree.com/features/interfaces-and-color-blindness/. Eblouissement, fantômes et cataractes. Nystagmus (mouvement oscillatoire rapide, involontaire des yeux). Champ visuel obstrué: corps flottants, obstruction d'un côté (décollement de la rétine ou hémanopie), vision centrale obstruée (glaucome), vision inégale (rétinopathie diabétique) ou vision périphérique obstruée (rétinite pigmentaire ou dégénérescence maculaire). Remarque: les simulations de champs visuels partiels ne peuvent pas suivre votre regard comme elles le feraient dans le monde réel. https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US Spectrum extension  Vous aide à tester des pages Web pour des personnes présentant différents types de déficit de vision des couleurs (CVD). https://chrome.google.com/webstore/detail/spectrum/ofclemegkcmilinpcimpjkfhjfgmhieb?hl=en
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Simuler ce que les non-voyants voient sur les lecteurs d'écrans
    Permet aux ingénieurs, designers, enseignants et étudiants d'obscurcir temporairement les technologies Web en utilisant des lecteurs d'écran afin de simuler l'expérience des non-voyants. http://whatsock.com/training/matrices/screen_curtain.htm
    • merci! Utile
    • Pas utile
    • Pas sûr
  • h123: pour voir comment un lecteur d'écran "voit"
    Un bookmarklet qui affiche les titres comme un lecteur d'écran.
    https://hinderlingvolkart.github.io/h123/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • Simuler la dyslexie
    Ce bookmarklet réorganise les lettres dans les mots d'une page, pour montrer à quoi ressemble la lecture avec la dyslexie. https://data.qz.com/2016/dyslexia/
    • merci! Utile
    • Pas utile
    • Pas sûr
  • A propos
    19 Abonnés
    Responsables · Postuler