hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

a11y.md (4189B)


      1 Accessibilité web
      2 =================
      3 
      4 Intro
      5 -----
      6 
      7 L'accessibilité signifie que le contenu web tend à être
      8 *universellement* **perceptible**, **utilisable**, **compréhensible**,
      9 et ce, peu importe nos limitations physiologiques, cognitives ou même
     10 technologiques.
     11 
     12 Suivre le fil
     13 -------------
     14 
     15 * [Adrian Roselli](https://adrianroselli.com/) [[RSS](https://adrianroselli.com/feed)]
     16 * [Bruce Lawson](https://brucelawson.co.uk/) [[RSS](https://brucelawson.co.uk/feed/)]
     17 * [Digital A11Y](https://www.digitala11y.com/) [[RSS](https://www.digitala11y.com/feed/)]
     18 * [Laboratoire de promotion de l'accessibilité](https://labo.raamm.org/) [[RSS](https://labo.raamm.org/feed/)]
     19 * [Laura Kalbag](https://laurakalbag.com/) [[RSS](https://laurakalbag.com/posts/index.xml)]
     20 * [Léonie Watson](https://tink.uk/) [[RSS](https://tink.uk/feed.xml)]
     21 * [Sara Soueidan](https://www.sarasoueidan.com/) [[RSS](https://www.sarasoueidan.com/blog/index.xml/)]
     22 * [Steve Faulkner](https://html5accessibility.com/) [[RSS](https://html5accessibility.com/stuff/feed/)]
     23 * [TetraLogical](https://tetralogical.com/) [[RSS](https://tetralogical.com/feed.xml)]
     24 * [The A11Y project](https://www.a11yproject.com/) [[RSS](https://www.a11yproject.com/feed/feed.xml)]
     25 * [WebAIM](https://webaim.org/) [[RSS]](https://webaim.org/blog/feed)
     26 
     27 
     28 Suivre le guide
     29 ---------------
     30 
     31 * [Welcome to the Accessibility Developer Guide!](https://www.accessibility-developer-guide.com/)
     32 * [Formation du Laboratoire de promotion de l'accessibilité](https://labo.raamm.org/formation/)
     33 * [Principes de Conception Inclusive](https://inclusivedesignprinciples.org/fr/)
     34 * [A guide to designing accessible, WCAG-compliant focus indicators](https://evilmartians.com/chronicles/accessible-design-from-the-get-go)
     35 * [G201: Giving users advanced warning when opening a new window](https://www.w3.org/TR/WCAG20-TECHS/G201.html)
     36 * [Keyboard Accessibility](https://webaim.org/techniques/keyboard)
     37 
     38 Suivre le rythme
     39 ----------------
     40 
     41 * [How A Screen Reader User Surfs The Web](https://yewtu.be/watch?v=OUDV1gqs9GA)
     42 * [Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective](https://alistapart.com/article/accessibility-for-vestibular/)
     43 * [Learn to Create Accessible Websites with the Principles of Universal Design ](https://www.interaction-design.org/literature/article/learn-to-create-accessible-websites-with-the-principles-of-universal-design)
     44 * [Factsheet on Persons with Disabilities](https://www.un.org/development/desa/disabilities/resources/factsheet-on-persons-with-disabilities.html)
     45 * [WCAG 3.0: What you need to know about the future of accessibility standards](https://scribe.rip/wcag-3-0-what-you-need-to-know-about-the-future-of-accessibility-standards-2e1f6374f2c7)
     46 * [Designing Inclusive Content Models](https://alistapart.com/article/designing-inclusive-content-models/)
     47 * [Inclusive Design 24](https://invidious.privacydev.net/playlist?list=PLn7dsvRdQEfHjluJsuzNto9PFhAsG3Hwb)
     48 * [The unreasonable effectiveness of simple HTML](https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/)
     49 * [Accessible design from the get-go](https://evilmartians.com/chronicles/accessible-design-from-the-get-go)
     50 * [Foundations: introduction to WAI-ARIA](https://tetralogical.com/blog/2023/02/10/foundations-wai-aria/)
     51 * [Writing great alt text: Emotion matters](https://jakearchibald.com/2021/great-alt-text/)
     52 * [What the Heck Is Inclusive Design?](https://24ways.org/2016/what-the-heck-is-inclusive-design/)
     53 
     54 
     55 Suivre la voix
     56 --------------
     57 
     58 * [An Orca screen reader tutorial](https://techblog.wikimedia.org/2020/07/02/an-orca-screen-reader-tutorial/)
     59 * [Odilia is a new screen reader for the Linux desktop.](https://odilia.app/)
     60 * ...
     61 
     62 Outils
     63 ------
     64 
     65 * [Inclusive Web Design Checklist](https://github.com/Heydon/inclusive-design-checklist)
     66 * [WAVE Web Accessibility Evaluation Tools](https://wave.webaim.org/)
     67 *
     68 
     69 <!-- WAI-ARIA -->
     70 <!-- -------- -->
     71 
     72 <!-- ARIA est là pour enrichir le HTML sémantique, surtout lors -->
     73 <!-- d'interactions. -->
     74 
     75 <!-- Cela consiste en une collection d'attributs HTML qui permettent de -->
     76 <!-- préciser ou définir un role, un état, ou une propriété. -->