Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #a
  • #a1
RSS: #a11y

#a11y

  • #a11ydesign
  • #a11y_clevermarks
  • #a11y_poster_clevermarks
  • #a11y_pattern_library_ebay_component_clevermarks
  • #a11y_siri_voiceover_clevermarks
  • #a11y_screen_reader_jaws_clevermarks
  • #a11y_webperf_checklist_web_css_javascript_html_clevermarks
0 | 25 | 50
  • @tetue
    tetue @tetue CC BY 8/12/2020
    1
    @reka
    1

    Comptoir OCTO : accessibilité en agilité
    ▻http://romy.tetue.net/comptoir-octo-accessibilite-en-agilite
    ▻https://blog.octo.com/le-comptoir-octo-laccessibilite-en-agilite-retour-dexperience-sur-ile-de-

    Comment pratiquer l’accessibilité en contexte agile, avec une équipe et un commanditaire peu familiers de l’accessibilité numérique ? Comment l’incorporer au sein de chaque itération, faire progressivement monter développeurs et designers en compétence, impliquer le commanditaire, prioriser les actions, préparer l’audit de conformité, ventiler les correctifs…

    Retour d’expérience sur une année de pratique opérationnelle de l’accessibilité en contexte agile, au sein de l’équipe produit qui fabrique le portail des transports en commun d’Île-de-France Mobilités à destination de 11 millions d’usagers — ou comment nous avons gravi les échelons jusqu’à atteindre le seuil honorable « partiellement conforme » du nouveau RGAA 4.

    http://romy.tetue.net/IMG/png/rex-a11y-idfm-comptoir-20201126-33.png

    #Web_et_compagnie #méthodologie #transports #accessibilité #agilité #a11y #RGAA #IDFM

    ▻https://fr2.slideshare.net/OCTOTechnology/le-comptoir-octo-accessibilit-en-agilit-rex-sur-idf-mobilits
    ▻https://www.twitch.tv/videos/814441502?t=00h09m20s

    tetue @tetue CC BY
    Écrire un commentaire

  • @stephane
    Stéphane Bortzmeyer @stephane CC BY-SA 24/07/2020
    1
    @sandburg
    1

    « Des #émojis accessibles »

    "La synthèse vocale de mon téléphone le lit ainsi : « Singe qui se cache les yeux main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair main avec index et majeur croisé teint clair okok bon bah bon courage visage envoyant un baiser visage envoyant un baiser visage envoyant une baiser »."

    ▻https://blog.hello-bokeh.fr/2020/07/23/des-emoji-accessibles

    #accessibilité #a11y #Unicode

    Stéphane Bortzmeyer @stephane CC BY-SA
    • @sandburg
      Sandburg @sandburg CC BY-SA 24/07/2020

      En 2003, un pote écrivait un mémoire sur les pauses dans la synthèse vocale… apparemment, c’est pas implémenté ici.

      #ergonomie #ux

      Sandburg @sandburg CC BY-SA
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 30/05/2020
    5
    @monolecte
    @rezo
    @7h36
    @antonin1
    @simplicissimus
    5

    Illisible carte du déconfinement - romy.tetue.net
    ▻http://romy.tetue.net/illisible-carte-du-deconfinement

    Rouge, vert, orange… En cette période de crise sanitaire, le gouvernement communique sur le déconfinement progressif de chaque département à l’aide d’une carte colorée… malheureusement difficile à comprendre.

    « Hier, mon fils de 24 ans, humilié, m’a demandé la couleur de notre département… Le codage des départements en vert, orange et rouge n’a pas été pensé pour les personnes avec daltonisme : 2 500 000 personnes en France, 4 % de la population »

    http://romy.tetue.net/IMG/png/carte-deconfinement-officielle-daltonisme.png

    #MapFail #cartographie #geocovid #daltonisme #sémiologie #accessibilité #a11y #RGAA

    tetue @tetue CC BY
    • @reka
      Reka @reka CC BY-NC-SA 31/05/2020

      #dragons #cartoexperiment #sémiologie #cartographie #déconfinement

      Reka @reka CC BY-NC-SA
    • @perline
      Perline @perline CC BY-SA 31/05/2020

      “Humilié” ?

      Perline @perline CC BY-SA
    • @antonin1
      Antonin @antonin1 CC BY-NC-SA 31/05/2020

      J’avais tiqué aussi sur ce choix lexical mais cette dame s’en est tellement pris dans la gueule sur Twitter que je lui ai plutôt témoigné mon soutien. Affreux.
      #handicap #daltonisme #couleur

      Antonin @antonin1 CC BY-NC-SA
    • @tetue
      tetue @tetue CC BY 1/06/2020

      Oui, j’ai préféré me concentrer sur les réponses constructives et la recherche de solution, plutôt que sur la formulation du ressenti (et la violence des critiques qu’il a suscité). Si l’indignation se portait sur la discrimination plutôt que sur la façon dont celui qui la subit la ressent et l’exprime ? D’autant plus qu’un ressenti n’est pas discutable.

      tetue @tetue CC BY
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 14/10/2019
    5
    @reka
    @arno
    @monolecte
    @7h36
    @jeanmarie
    5

    Paris Web 2019
    ▻http://romy.tetue.net/paris-web-2019

    Les conférences qui m’intéressaient le plus cette année portaient sur l’accessibilité : y’a pas que le RGAA dans la vie…

    #accessibilité #a11y #audit #ParisWeb

    tetue @tetue CC BY
    • @reka
      Reka @reka CC BY-NC-SA 14/10/2019
      @tetue

      Merci @tetue

      Reka @reka CC BY-NC-SA
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 22/07/2019
    1
    @monolecte
    1

    Quel design system pour le service public ? | OCTO Talks !
    ▻https://blog.octo.com/quel-design-system-pour-le-service-public
    ▻http://romy.tetue.net/quel-design-system-pour-le-service-public

    Disons-le tout de suite : il n’existe pas de design system pour le service public français. Pas encore. Pas tout à fait. Pour les designers et développeurs qui ont à cœur d’améliorer l’expérience usager, voici un état des lieux, pour mieux s’y retrouver entre documents officiels délaissés, ressources alternatives et initiatives prometteuses, sans oublier de prendre exemple hors de nos frontières. Car le vent tourne. Une révolution s’amorce dans l’histoire du design institutionnel.

    #DesignSystem #GovDesign #a11yDesign #a11y #RGAA

    tetue @tetue CC BY
    • @pierrot
      pierrot @pierrot 22/07/2019

      Bonjour,

      Très intéressant, néanmoins un paragraphe m’a fait tiquer ... celui sur Service Public qui ressemble un peu à de l’auto-congratulation, je cite

      le site Service-public.fr est une réalisation exemplaire qui inspire jusqu’au-delà de nos frontières. Pas de ressource partagée, mais un site et un code remarquables, à examiner de près.

      Exemplaire et remarquable, lire ça sur le blog d’Octo, qui a fait le site Service Public pour ceux qui ne comprendrait pas ma remarque, au bout d’un article qui se veut très informatif et universel amène à se poser la question de l’objectivité globale de l’article et donne l’impression que tout ça a été écrit juste pour placer cette remarque finale ... bon comme je le dis c’est le blog d’Octo donc ils ont le droit, mais je trouve que ça casse un peu l’impression d’expertise que j’avais jusqu’à ce paragraphe.
      Pierre.

      pierrot @pierrot
    • @tetue
      tetue @tetue CC BY 23/07/2019

      Ah wé, non, c’était pas le but. On est un peu beaucoup fier d’avoir participé à ça, alors on le dit, mais c’était pas pour nous en attribuer le mérite. C’est corrigé, du coup :)

      tetue @tetue CC BY
    • @pierrot
      pierrot @pierrot 28/07/2019

      Je pense qu’il n’était pas forcément nécessaire de supprimer ça totalement, une parenthèse genre (réalisé par Octo) identifiait clairement les choses (je n’ai aucun problème avec l’identification de l’auteur, au contraire), je trouvais juste le « exemplaire » et le « remarquable » un peu prétentieux.

      Me donnant jusqu’à l’envie de vérifier ce fameux code « remarquable », sachant que chaque programmeur avec un peu de fierté trouvera son code remarquable jusqu’au premier hack, au premier bug, à la première inspection ou le code « remarquable » semblera tout d’un coup nettement moins exemplaire ...

      Mais oui en tous cas, vu d’ici, vous pouvez être fiers, beau boulot.

      pierrot @pierrot
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 19/10/2018
    2
    @rastapopoulos
    @severo
    2

    Signaler les champs obligatoires
    ▻http://romy.tetue.net/signaler-les-champs-obligatoires

    Comment bien signaler les champs de saisie obligatoire ? Avec l’astérisque conventionnelle, mais attention : c’est moins simple qu’il n’y paraît ! Voyons cela pas à pas… Baliser les champs obligatoires comme tels Cela se fait très simplement avec l’attribut HTML5 dédié, required, qui s’utilise comme suit…

    #required #HTML5 #a11yDesign #a11y #formulaires #forms #astérisque #tutoriel

    tetue @tetue CC BY
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 19/10/2018

      #accessibilité #intégration #web

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @framasoft
    Framasoft.org @framasoft CC BY 18/08/2018
    1
    @02myseenthis01
    1

    Les fourberies du Dark #UX
    ►https://framablog.org/2018/08/18/les-fourberies-du-dark-ux

    L’expérience utilisateur (abrégée en UX pour les professionnels anglophones) est une notion difficile à définir de façon consensuelle, mais qui vise essentiellement à rendre agréable à l’internaute son parcours sur le #Web dans un objectif le plus souvent commercial, ce … Lire la suite­­

    #Non_classé #a11y #Accessibilite #Amazon #DarkUX #Facebook #Utilisabilité

    • #Facebook
    Framasoft.org @framasoft CC BY
    Écrire un commentaire

  • @nicod_
    nicod_ @nicod_ 29/12/2017

    ANDI Help - How To Use
    ▻https://www.ssa.gov/accessibility/andi/help/howtouse.html
    #accessibilité #a11y #bookmarklet

    nicod_ @nicod_
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 29/12/2017
    2
    @rastapopoulos
    @mukt
    2

    inclusive-design-checklist: Aims to be the biggest checklist of inclusive design considerations ever
    ▻https://github.com/Heydon/inclusive-design-checklist

    “Aims to be the biggest checklist of inclusive design considerations for the web ever. Includes items for accessibility, performance, device support, interoperability, and language.”

    #a11y_webperf_checklist_Web_CSS_JavaScript_HTML_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 30/12/2017

      #accessibilité #webperf #html #css #intégration #web #checklist #bonnes_pratiques

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @nicod_
    nicod_ @nicod_ 22/11/2017
    1
    @mukt
    1

    Ressources #rgaa
    ▻http://gta2017.access42.net/2/ressources

    Tableau récapitulatif des ressources RGAA

    #référence #ressource #accessibilité #a11y

    nicod_ @nicod_
    Écrire un commentaire

  • @nicod_
    nicod_ @nicod_ 3/11/2017
    4
    @rastapopoulos
    @spip
    @tofulm
    @mukt
    4

    Cache-cache #css – La vie en #ffoodd
    ▻http://www.ffoodd.fr/cache-cache-css
    #webdev #masquer #hidden #focus #a11y

    nicod_ @nicod_
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 3/11/2017

      #idée_pour_spip, à intégrer dans le thème/framework CSS des choses disponibles dans l’admin

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @asqatasun
    Asqatasun @asqatasun CC BY-SA 12/09/2017
    5
    @asqatasun
    @rastapopoulos
    @tofulm
    @nicod_
    @mukt
    5

    L’outil en ligne #Asqatasun est un logiciel libre pour commencer rapidement un audit d’accessibilité (#wcag, #rgaa) d’un site web ou d’une webapp.

    La démo pour auditer vos pages web
    ▻https://app.asqatasun.org

    Présentation de l’instance de démo
    ▻https://forum.asqatasun.org/t/la-demo-asqatasun-accessibilite-tester-facilement-vos-sites-web/311

    pour contribuer c’est par ici :
    ▻https://github.com/Asqatasun/Asqatasun

    pour l’histoire du projet #Asqatasun, c’est par là :
    ▻http://asqatasun.org/#asqatasun-history

    #a11y #accessibilité

    Asqatasun @asqatasun CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/09/2017

      Questions :
      – Est-ce que c’est un outil de « checklists » où on peut cocher à la main en vérifiant humainement ?
      – Est-ce qu’il y a des tests automatisés, à ce que je comprends oui ? (comme vérifier « alt » sur les images ou plus complexe)
      – Est-ce qu’on peut ajouter des checklists personnalisées ?
      – Est-ce qu’on peut ajouter des nouveaux tests automatisés ?

      Du coup, vu que les ckecklists Opquast (qui ne sont pas que pour l’accessibilité) sont en licence libre, si la communauté peut ajouter des nouvelles checklists dans cet outil logiciel libre, alors on peut se passer d’Opquast, en ajouter ici la checklist des bonnes pratiques, celle de webperf, etc, etc ?

      #audit

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/09/2017

      Aaaah mais je ne lis qu’à moitié, c’est la suite de Tanaguru que j’avais épinglé moi-même l’année dernière avec… le même genre de questions ! :)
      ▻https://seenthis.net/messages/540617

      Et le nouveau nom vient de l’euskara, huhu parfait :p
      (Et bienvenue sur Seenthis du coup.)

      RastaPopoulos @rastapopoulos CC BY-NC
    • @asqatasun
      Asqatasun @asqatasun CC BY-SA 12/09/2017
      @rastapopoulos

      merci @rastapopoulos pour l’accueil et les questions ! :)
      oui, c’est bien un fork de Tanaguru par les créateurs de Tanaguru.

      Asqatasun @asqatasun CC BY-SA
    • @asqatasun
      Asqatasun @asqatasun CC BY-SA 12/09/2017
      @rastapopoulos

      @rastapopoulos, «  cocher à la main en vérifiant humainement  », c’est bien sûr disponible : en gros tu lances un audit de la page, Asqatasun réalise les nombreux tests automatisés et ensuite tu lance un audit manuel déjà pré-remplie. L’interface pourrait être améliorée, mais cela fait le job.
      ▻https://doc.asqatasun.org/en/20_User_doc/userdoc-06-assisted-audit.html

      La 2ᵉ solution, est d’exporter l’audit automatique (.csv ou .ods) et finir l’audit manuellement directement dans un tableur.
      ▻https://doc.asqatasun.org/en/20_User_doc/userdoc-09-export.html

      Asqatasun @asqatasun CC BY-SA
    • @asqatasun
      Asqatasun @asqatasun CC BY-SA 12/09/2017
      @rastapopoulos

      @rastapopoulos, pour «  ajouter des checklists personnalisées […] des nouveaux tests automatisés ?  », c’est possible mais pas pour l’utilisateur via un simple formulaire. Il faut sortir les outils de compilation et ajouter une nouvelle classe java (et les tests unitaires qui vont bien) pour chaque test de la checklist. C’est plutôt bien fait, et les briques utilisables sont nombreuses, mais cela reste du code java.

      Une proposition, pour avoir des checklists personnalisés pour l’utilisateur à partir d’une checklist déjà existant dans Asqatasun, a été évoquée mais pour le moment aucun développement n’est en cours sur ce point.

      Pour les check-lists Opquast, c’est bien sûr possible de l’intégrer. Il faut vérifier si les licences sont compatibles et surtout si coller pour implémenter chaque item. Donc en résumé, il y a un peu de travail…

      Asqatasun @asqatasun CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/09/2017
      @asqatasun

      Super, merci pour ces infos @asqatasun :)

      Toutes les licences des checklists Opquast sont affichées là : CC BY SA (et on peut les récup en PDF et surtout en tableur donc utilisable programmatiquement) :
      ▻https://checklists.opquast.com/fr

      Le principe d’Opquast c’est que les checklists sont un travail communautaire publié en libre, et qu’ensuite la boite gère un logiciel pour faire des audits avec.

      Tu parles d’ajouter en classe Java et d’implémenter chaque entrée, mais peut-être est-il possible de faire par étape. Par exemple, peut-on imaginer ajouter toutes les checklists Opquast, déjà en insérant tous les critères de toutes les listes (en masse puisqu’on a les listes en tableur déjà). Ce qui permet déjà de les utiliser manuellement mais par l’interface d’@asqatasun. Et ensuite dans un deuxième temps, petit à petit, implémenter les tests qui sont faisables par la machine (et parfois réutiliser des tests déjà existants, puisque dans certains critères ce sont des tests que vous avez déjà, qui sont déjà codés).

      RastaPopoulos @rastapopoulos CC BY-NC
    • @asqatasun
      Asqatasun @asqatasun CC BY-SA 12/09/2017

      La licence CC BY SA impose un partage en utilisant la même licence (CC BY SA). Du coup, l’intégrer dans un logiciel qui n’a pas la même licence, ne doit pas être possible. C’est à vérifier…

      Il existe certainement des solutions en distribuant séparément le logiciel et le référentiel implémenté pour le logiciel. Mais ce n’est pas simple, car aucun mécanisme de plugin / module n’est actuellement implémenté.

      un exemple d’ajout d’un référentiel est décrit ici :
      ▻https://forum.asqatasun.org/t/sommaire-coulisse-processus-dajout-dun-nouveau-referentiel-a-asqatasun/189

      Asqatasun @asqatasun CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 12/09/2017

      Il y a une FAQ et même ensuite une page entière dédiée à la compatibilité (dans un seul sens, mais justement celui dont on parle) entre la BY SA et la GPL (en espérant que vous êtes en GPL) :
      ▻https://creativecommons.org/faq/fr/#puis-je-appliquer-une-licence-creative-commons-%C3%A0-un-logiciel

      La version 4.0 de la licence Attribution-ShareAlike (BY-SA) est compatible d’une seule manière avec la version GNU General Public License 3.0 (GPLv3). Ce mécanisme de compatibilité est conçu pour les situations dans lesquelles le contenu est intégré dans le code de logiciel d’une manière qui rend difficile ou impossible de distinguer les deux. Il ya des considérations spéciales nécessaires avant d’utiliser ce mécanisme de compatibilité. En savoir plus à ce sujet ici.

      Et donc là page dédiée :
      ▻https://wiki.creativecommons.org/wiki/ShareAlike_compatibility:_GPLv3

      Ça a été fait explicitement pour le cas exact dont on parle ici :

      It was designed to help solve a specific problem for those working in niche areas where content is adapted and melded with code. Please take advantage of it only when you are adapting BY-SA 4.0 works and incorporating the adaptation into GPLv3 software in ways that make it difficult or impossible for downstream users to distinguish the content from code.

      Donc c’est bien prévu par les deux communautés CC et FSF !
      Et donc même si ce n’est pas en plugin distribué séparément, c’est tout bon. :)

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire

  • @contrastfinder
    Contrast Finder @contrastfinder CC BY-SA 12/09/2017
    10
    @contrastfinder
    @fil
    @asqatasun
    @tartisdm
    @rastapopoulos
    @7h36
    @nicod_
    @lluc
    @02myseenthis01
    @mukt
    10

    Contrast-Finder, c’est un outil en ligne pour trouver les bonnes combinaisons de couleurs (entre le texte et l’arrière plan) afin d’avoir un contraste suffisant pour respecter les critères d’accessibilité (#RGAA, #WCAG).

    la nouvelle version (par les concepteurs de Contrast Finder),
    avec une nouvelle URL :
    ►https://app.contrast-finder.org/?lang=fr

    pour contribuer c’est par ici :
    ►https://github.com/Asqatasun/Contrast-Finder

    pour l’histoire du projet #ContrastFinder, c’est par là :
    ►https://contrast-finder.org/#contrast-finder-history

    #a11y #couleur #contraste #accessibilité

    Contrast Finder @contrastfinder CC BY-SA
    Écrire un commentaire

  • @contrastfinder
    Contrast Finder @contrastfinder CC BY-SA 12/09/2017
    2
    @contrastfinder
    @asqatasun
    2

    #ContrastFinder finds correct #color contrasts for web #accessibility (WCAG) ▻https://app.contrast-finder.org #a11y

    Contrast Finder @contrastfinder CC BY-SA
    Écrire un commentaire

  • @cy_altern
    cy_altern @cy_altern CC BY-SA 10/08/2017
    4
    @rastapopoulos
    @monolecte
    @b_b
    @mukt
    4

    Tanaguru Contrast-Finder
    ▻http://contrast-finder.tanaguru.com/result.html?foreground=%2300C0BD&background=%23FFFFFF&algo

    un outil en ligne pour ajuster les combinaisons de couleurs texte/fond afin d’avoir un contraste suffisant pour passer les tests d’accessibilité

    #accessibilité #RGAA #outil #webdev #contraste

    cy_altern @cy_altern CC BY-SA
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 10/08/2017

      #intégration #conception #web #design

      RastaPopoulos @rastapopoulos CC BY-NC
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 10/08/2017

      Bien ! Dans ma première version de ma nouvelle interface, le contraste était insuffisant, mais je ne l’ai su que parce qu’une lectrice a commencé par dire qu’elle ne me lisait plus. Et parce que je lui ai demandé pourquoi, alors, seulement, elle m’a parlé de ses problèmes de vue et de mon problème de contraste.

      Agnès Maillard @monolecte CC BY-NC-SA
    • @contrastfinder
      Contrast Finder @contrastfinder CC BY-SA 12/09/2017

      la nouvelle version (par les concepteurs de Contrast-Finder),
      avec une nouvelle URL :
      ►https://app.contrast-finder.org/?lang=fr

      pour contribuer c’est par ici :
      ►https://github.com/Asqatasun/Contrast-Finder

      pour l’histoire du projet #ContrastFinder :
      ►https://contrast-finder.org/#contrast-finder-history

      #a11y #couleur #contrast

      Contrast Finder @contrastfinder CC BY-SA
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 12/09/2017

      Très utile, merci !

      Agnès Maillard @monolecte CC BY-NC-SA
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 7/08/2017
    13
    @rastapopoulos
    @_nka
    @cy_altern
    @mad_meg
    @kent1
    @7h36
    @tofulm
    @nicod_
    @ari
    @monolecte
    @02myseenthis01
    @contrastfinder
    @mukt
    13

    Les do-don’t de l’accessibilité - romy.tetue.net
    ▻http://romy.tetue.net/affiches-do-dont-accessibilite

    Cette série d’affiches aide à concevoir pour tou·te·s en expliquant ce qu’il faut faire et ne pas faire (do & don’t) pour chaque type de déficience. Ces conseils simples et compréhensibles, généraux plutôt que trop prescriptifs constituent une excellente entrée en matière. À afficher, sans modération, dans vos locaux !

    http://romy.tetue.net/IMG/jpg/do-dont-accessibilite.jpg

    Sources : ▻https://github.com/UKHomeOffice/posters/tree/master/accessibility

    #accessibilité #a11y #a11yDesign #designForAll #webdesign

    tetue @tetue CC BY
    • @philippe_de_jonckheere
      Philippe De Jonckheere @philippe_de_jonckheere CC BY 11/08/2017
      @tetue

      Chère @tetue , je profite que le sujet est ouvert : je voudrais pouvoir transmettre à mon éditeur, pour mon prochain roman, des recommandations pour qu’il soit plus facilement lisible pour les dyslexiques, c’est une sorte de promesse que j’ai faite à ma fille Adèle qui veut pouvoir lire le prochain. Existe-t-il une charte ? Et dans cette charte quelles sont les recommandations les plus importantes parce que je ne pourrais sans doute pas exiger toute la refonte de la maquette déjà existante.

      Cet été, la discussion est venue avec Adèle en cherchant dans mes livres d’adolescent dans la maison cévenole ceux des livres qu’Adèle trouvait les plus lisibles. La maquette des Folio des années septante par exemple n’était pas sans donner des problèmes tandis qu’un tout petit éditeur qui n’avait pas du beaucoup se donner de mal avait produit quelque chose d’assez parfait du point de vue d’Adèle.

      Par la suite, ayant lu de mon côté Rose-Ronce d’Eric Chevillard, l’ayant bien apprécié et me demandant si d’aventure ce ne serait pas du goût d’Adèle cette espèce d’actualisation d’ Alice au Pays des merveilles , j’ai eu à découvrir de la bouche d’Adèle que la maquette tellement sobre et belle des éditions de Minuit , c’était juste parfait, loué soit Garamond !

      Bref, si tu as quelques ressources sur ce sujet spécifique, je suis ton public captif.

      Amicalement

      Phil

      Philippe De Jonckheere @philippe_de_jonckheere CC BY
    • @tetue
      tetue @tetue CC BY 17/08/2017
      @philippe_de_jonckheere

      @philippe_de_jonckheere : pour en avoir discuté avec des enseignant·e·s, il y a autant de dyslexies, et donc de solutions, que de dyslexiques… Spour ça que l’approche est plutôt de laisser à chacun·e la possibilité d’adapter à ses besoins .

      Il n’y a pas de police recommandée pour les dyslexiques :
      ►http://romy.tetue.net/quelle-police-pour-les-dyslexiques

      Les seules recommandations visent à améliorer la lisibilité (marges, alignements, etc.) :
      ►http://romy.tetue.net/ameliorer-lisibilite-typographique

      Et laisser chacun·e adapter à ses besoins, via des plugins navigateurs, etc. ou cette webapp du CNED :
      ▻https://accessidys.org

      #dyslexie

      tetue @tetue CC BY
    • @philippe_de_jonckheere
      Philippe De Jonckheere @philippe_de_jonckheere CC BY 17/08/2017
      @tetue

      @tetue Mille mercis, je regarde. Dans le cas présent, il s’agirait d’un livre en papier et donc sans plugin. J’avais déjà noté les considérations typographiques (encore que je ne me résouds pas encore à Comic Sans, mais je remarque que le Garamond est généralement bien apprécié d’Adèle) et celles de la mise en page (notamment la justification qui ne serait pas top, j’aurais pourtant cru). Merci d’avoir pris le temps de répondre en tout cas.

      Philippe De Jonckheere @philippe_de_jonckheere CC BY
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 7/07/2017
    2
    @contrastfinder
    @asqatasun
    2

    Des arguments pour l’accessibilité
    ▻http://nota-bene.org/Des-arguments-pour-l-accessibilite

    « nous avons souvent du mal à faire prendre en compte le sujet [de l’accessibilité], et malgré l’idée qu’on ne doit pas faire de chantage affectif à nos interlocuteurs, les faire se retourner sur eux-mêmes est un moyen comme un autre, souvent assez efficace, de leur permettre de comprendre le problème et de se l’approprier en l’abordant sous un autre angle : le leur. »

    #a11y_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 13/06/2017
    1
    @fil
    1

    How Blind People Use YouTube & Twitter on the iPhone
    ▻https://www.youtube.com/watch?v=c0nvdiRdehw

    “Tommy Edison, who has been blind since birth, demonstrates how people who are visually impaired use the iPhone 4S. He shows us how the Accessibility setting on the phone allows him to use the Twitter and You Tube applications.”

    #a11y_Siri_VoiceOver_clevermarks

    • #Twitter
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @nicod_
    nicod_ @nicod_ 8/04/2017

    #wai-ARIA Authoring Practices 1.1
    ▻https://www.w3.org/TR/wai-aria-practices-1.1
    #aria #accessibilité #a11y #html

    nicod_ @nicod_
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 28/02/2017
    3
    @reka
    @monolecte
    @apichat
    3

    Accessibilité bureaucratique
    ▻http://romy.tetue.net/accessibilite-bureaucratique
    ▻http://romy.tetue.net/bureaucratic-accessibility

    Mais pourquoi reste-t-il si difficile d’avoir des alternatives textuelles aux images ? Encore faudrait-il savoir faire un site web… En matière d’accessibilité, vous avez tous et toutes entendu parler du besoin de fournir une alternative textuelle aux images. C’est très loin d’être suffisant pour rendre un site web accessible, mais c’est l’exemple qui revient toujours à ce sujet. Parce que c’est le plus simple à comprendre et à expliquer. Pour rappel, le premier critère d’accessibilité — depuis des…

    #Microsoft #a11y #RGAA #accessibilité

    tetue @tetue CC BY
    • @monolecte
      Agnès Maillard @monolecte CC BY-NC-SA 28/02/2017

      Oui, je connais les bestiaux : « mais non, pour le site web, on se débrouille en interne, ma secrétaire fait ça très bien ! »

      Agnès Maillard @monolecte CC BY-NC-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 25/11/2016

    Listening to the web, part three: working with screen readers
    ▻http://simplyaccessible.com/article/listening-web-part-three-working-screen-readers

    “people who use screen readers are able to scan through and read the headings of a web page […]. This is a great way to quickly gain an understanding of the content available on the page and whether it’s something of interest and worth returning to.”

    #a11y_screen_reader_JAWS_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 24/11/2016

    eBay MIND Patterns - Accessibility Patterns for the Web
    ▻http://ianmcburnie.github.io/mindpatterns

    “This site contains all working examples for the book eBay MIND Patterns - Accessibility Patterns for the Web.

    Each example demonstrates our recommended semantic markup, keyboard interaction design and ARIA roles, states & properties for assistive technology. Each pattern follows a progressive enhancement strategy (where applicable) and aims to conform to WCAG 2.0 Level AA.”

    #a11y_pattern_library_ebay_component_clevermarks

    • #eBay
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 28/09/2016

    Dos and don’ts on designing for accessibility
    ▻https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility

    “The dos and don’ts of designing for accessibility are general guidelines, best design practices for making our services accessible. Currently, we have six different posters in our series that cater to users from these areas: low vision, deaf and hard of hearing, dyslexia, those with motor disabilities, users on the autistic spectrum and users of screen readers.”

    #a11y_poster_clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 2/12/2015

    Signer la pétition… où ça ?
    ▻http://romy.tetue.net/signer-la-petition-ou-ca

    C’est un exemple, parmi tant d’autres, des mauvaises habitudes langagières du Web, où abondent les énigmatiques « Lire la suite », « Pour en savoir plus » et autres « Cliquez ici ». Le pire d’entre eux est, comme ici, le lien sur le seul mot « ici ».

    #accessibilité #a11y #hyperliens #CliquezIci

    tetue @tetue CC BY
    Écrire un commentaire

  • @tetue
    tetue @tetue CC BY 26/10/2015
    1
    @gastlag
    1

    Smile - Blog Pourquoi Ebay est-il si moche ?
    ▻http://blog.smile.fr/Pourquoi-ebay-est-il-si-moche

    Ajoutons que la compatibilité est absolument primordiale pour les sites à très large audience. Une compatibilité totale, sans concession. Savez-vous qu’il y a encore des sites de compagnies aériennes où l’on ne peut acheter un billet si on a un Mac ? Quelqu’un a sans doutes déclaré : « mais ce n’est que 2% des internautes, on ne va pas se priver de toutes ces belles choses pour 2% des internautes ! Ils n’ont qu’à changer de navigateur, de machine, de site ». Quand 2% des internautes, c’est 10 000 internautes, on voit les choses différemment.

    On sait également que beaucoup d’internautes novices ou peu habiles ont du mal avec les dispositifs trop sophistiqués : un simple menu déroulant, qui demande d’ajuster au millimètre le chemin de la souris car il se refermera au moindre écart, devient un obstacle pour une main qui tremble. Chercher les liens à tâtons dans la page parce qu’ils ne sont pas soulignés est fastidieux. Ces sites ont choisi de niveler par le bas : au moins on est sûr que tout le monde y arrivera.

    #a11y

    • #eBay
    tetue @tetue CC BY
    • @fil
      Fil @fil 26/10/2015

      il y a aussi un message sous-jacent derrière ces façades rustiques : l’esthétique est séduction, la séduction est tromperie, ici point de séduction, point de tromperie, nous sommes des bons gars, des braves gens, ce qui nous importe, c’est de vous apporter un service.

      je pense que c’est surtout ça la raison de fond, car il n’est pas impossible de faire joli et accessible. J’ai remarqué aussi que les home page des chercheur·euse·s les plus brillantes semblent souvent venir du fond des années 1990 ; peut-être une légère forme de snobisme :)

      Fil @fil
    Écrire un commentaire

0 | 25 | 50

Thèmes liés

  • #accessibilité
  • #rgaa
  • #rgaa
  • #lisibilité
  • #web
  • #javascript
  • #handicap
  • #webdesign
  • #a11ydesign
  • #contrastfinder
  • #twitter
  • #couleur
  • #accessibility
  • #cartographie
  • #color
  • #intégration
  • #wcag
  • #ergonomie
  • #clavier
  • #contraste
  • technology: pdf
  • industryterm: contenus web
  • #w3c
  • #bilan
  • #déroulant
  • facility: ui widget factory
  • #menu
  • #sub-menus
  • #security
  • #accessible
  • #keyboard
  • person: wai wcag
  • #typographie
  • #lisibilité-web
  • company: twitter
  • #flux-tendus
  • #sms
  • #écriture
  • #100e2r
  • company: accede web