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

 
  • #w
  • #wc
RSS: #wcag

#wcag

  • #wcag_2.0
  • @cy_altern
    cy_altern @cy_altern CC BY-SA 7/04/2022
    1
    @rastapopoulos
    1

    5 Accessibility Quick Wins | CSS-Tricks - CSS-Tricks
    ▻https://css-tricks.com/5-accessibility-quick-wins-you-can-implement-today

    5 astuces pour améliorer l’accessibilité d’un site web

    #accessibilité #WCAG

    cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 27/08/2021
    6
    @tofulm
    @rastapopoulos
    @ericw
    @suske
    @gblin
    @astier
    6

    Discover the best Apps for GNOME – Apps for GNOME
    ▻https://apps.gnome.org/en
    ▻https://apps.gnome.org/assets/overview.svg

    Discover the best applications in the GNOME ecosystem and learn how to get involved.
    Apps featured in this curated overview are all built with the GNOME philosophy in mind. They are easy to understand and simple to use, feature a consistent and polished design and provide a noticeable attention to details.

    Wow, un site de présentation des applications “à la gnome” dans lequel je découvre quelques trucs que je ne connaissais pas :

    Curtail is an useful #image #compressor, supporting PNG, JPEG and WEBP file types.
    ▻https://apps.gnome.org/app/com.github.huluti.Curtail

    Apostrophe is a GTK based distraction free #Markdown #editor, originally created by Wolf Vollprecht and maintained by Manuel Genovés. It uses pandoc as backend for markdown parsing and offers a very clean and sleek user interface.
    ▻https://apps.gnome.org/app/org.gnome.gitlab.somas.Apostrophe

    #Webfont Kit #Generator is a simple utility that allows you to generate woff, woff2 and the necessary CSS boilerplate from non-web font formats (otf and ttf).
    ▻https://apps.gnome.org/app/com.rafaelmardojai.WebfontKitGenerator

    #Contrast checks whether the contrast between two colors meet the #WCAG requirements.
    ▻https://apps.gnome.org/app/org.gnome.design.Contrast

    Et plein d’autres à découvrir !

    b_b @b_b PUBLIC DOMAIN
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 28/08/2021

      Trop bien pour Apostrophe, j’ai utilisé pendant des années un éditeur MD du même auteur mais qu’il n’avait pas fait du tout en GTK, donc là trop bien c’est plus fluide et rapide

      RastaPopoulos @rastapopoulos CC BY-NC
    • @rastapopoulos
      RastaPopoulos @rastapopoulos CC BY-NC 28/08/2021

      Par contre tout est en flatpak, et du coup faut l’installer en plus pour la logithèque (ce qui n’est pas le cas par défaut sur Ubuntu). Et ça prend cent fois plus de place.

      RastaPopoulos @rastapopoulos CC BY-NC
    Écrire un commentaire
  • @tetue
    tetue @tetue CC BY 30/07/2021
    1
    @jeanmarie
    1

    Les racines de l’accessibilité web
    ▻https://blog.octo.com/les-racines-de-laccessibilite-web
    ▻http://romy.tetue.net/les-racines-de-l-accessibilite-web

    L’accessibilité est une préoccupation ancienne, qui s’enracine dans la volonté de partage et l’ambition d’universalité qui motivent le Web depuis ses débuts. Revenons à la source…

    #WebForAll #W3C #WAI #a11y #WCAG #accessibilité #Web #Tim_Berners-Lee #histoire

    https://blog.octo.com/wp-content/uploads/2021/07/frise-chrono-28-07.png

    tetue @tetue CC BY
    É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
  • @b_b
    b_b @b_b PUBLIC DOMAIN 9/03/2015
    1
    @contrastfinder
    1

    colorable
    ▻http://jxnblk.com/colorable

    Color combination contrast tester

    Takes a set #color palette and shows contrast values for every possible combination. This is useful for finding safe color combinations with predefined colors and includes pass/fail scores for the #WCAG #accessibility guidelines.

    #couleurs #accessibilite

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 7/10/2013

    F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa
    ▻http://www.w3.org/TR/WCAG-TECHS/F24.html

    Tags: #background-#color color #CSS accessibilité #WCAG #couleur #fond

    #accessibilité

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @cyberbaloo
    cyberbaloo @cyberbaloo CC BY-NC 2/09/2011

    Règles pour l’accessibilité des contenus Web (WCAG) 2.0
    ►http://www.w3.org/Translations/WCAG20-fr/#visual-audio-contrast-visual-presentation #WCAG #a11y

    cyberbaloo @cyberbaloo CC BY-NC
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 22/06/2011

    PDF Techniques | Techniques for WCAG 2.0
    ►http://www.w3.org/WAI/GL/2011/WD-WCAG20-TECHS-20110621/pdf.html

    PDF files may be produced either directly by application programs or indirectly by conversion from other file formats or imaging models. In addition, tools exist for inspecting, checking, and repairing PDF files for accessibility. The following sections provide representative lists of applications and tools typically used for these functions.

    #accessibilité #PDF #WCAG #W3C

    • #PDF
    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 10/12/2010

    WCAG 2.0 | AccessibilitéWeb
    ►http://accessibiliteweb.com/fr/accessibilite/repartitions/wcag-2-0.html
    « Les Web content Accessibility Guidelines (WCAG) 2.0 présentent soixante et un (61) critères de succès qui incarnent autant de bonnes pratiques visant à favoriser la mise en accessibilité des contenus pour les personnes handicapées. Ces critères de succès ont des impacts sur toutes les étapes d’un projet de site Web. Les responsabilités qui en découlent doivent donc être réparties à travers les différents intervenants concernés afin d’assurer le succès de la démarche de mise en accessibilité des contenus. C’est doublement vrai dans des contextes d’obligations de conformité, si de telles obligations sont en vigueur sur votre territoire. »
    #wcag #accessibilité #WCAG_2.0 #projet #tâche #organisation #clevermarks

    Nicolas Hoizey @nhoizey CC BY-NC-SA
    Écrire un commentaire
  • @nhoizey
    Nicolas Hoizey @nhoizey CC BY-NC-SA 27/01/2009

    WebAIM: WCAG 2.0 Checklist
    ►http://webaim.org/standards/wcag/checklist

    The following is NOT WCAG 2.0. It is, however, a simple checklist that presents the principles and techniques of WCAG 2.0 in a more user-friendly, understandable format.

    #WCAG #accessibilité #checklist #dev #webdev #clevermarks

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

Thèmes liés

  • #accessibilité
  • #wcag
  • #a11y
  • #clevermarks
  • #couleur
  • #color
  • industryterm: contenus web
  • #pdf
  • #w3c
  • technology: pdf
  • #wcag_2.0
  • #projet
  • #tâche
  • #organisation
  • #checklist
  • #dev
  • #webdev