Accessibility für DeveloperInnen: Hello World!

Accessibility für DeveloperInnen: Hello World!

Vor ziemlich genau einem Jahr habe ich begonnen, mich intensiv mit Web-Accessibility zu beschäftigen. Ich habe viel gelesen, geschrieben, zugehört und gesprochen. Ich konnte mir einen Überblick über die Grundlagen machen. Ich habe herausgefunden, wo man Artikel, Videos und Tools findet und wer die wichtigsten Vertreter sind.
Dieses Wissen und die Erfahrungen, die ich gemacht habe, sind Thema dieses Vortrags und sollen als Starthilfe für Frontend DeveloperInnen dienen, die ihre Projekte inklusiver gestalten möchten und noch am Anfang stehen.

Fee3aee3642c55f15adfcbeab11e6bb6?s=128

Manuel Matuzovic

October 20, 2017
Tweet

Transcript

  1. 4.

    Das erst Mal bewusst und intensiver hatte ich im Zuge

    der 10k Apart Competition mit Webaccessibility zu tun.
  2. 9.

    RESSOURCEN - MEINE TIPPS Aufteilung ▸ Lernmaterial ▸ Blogs/Portale/Newsletter ▸

    VertreterInnen ▸ Events ▸ Plugins/Libraries ▸ Listen
  3. 10.

    RESSOURCEN - MEINE TIPPS Lernmaterial ▸ Udacity Videokurs – Web

    Accessibility by Google ▸ Inclusive Design Patterns (Buch) von Heydon Pickering ▸ A11ycasts (YouTube Channel) von Rob Dodson
  4. 11.

    RESSOURCEN - MEINE TIPPS Lernmaterial ▸ Egghead.io Videokurs – Start

    Building Accessible Web Applications Today ▸ Accessibility for Everyone (Buch) von Laura Kalbag
  5. 12.

    RESSOURCEN - MEINE TIPPS Blogs/Portale/Newsletter ▸ webaim.org - Artikel, Tools,

    Mailinglist, etc. ▸ webaim Newsletter ▸ Web Content Accessibility Guidelines (WCAG) (Liste) ▸ a11yweekly (Newsletter)
  6. 14.

    RESSOURCEN - MEINE TIPPS VertreterInnen auf Twitter ▸ Heydon Pickering

    (@heydonworks) ▸ Adrian Roselli (@aardrian) ▸ Aaron Gustafson (@AaronGustafson) ▸ Léonie Watson (@LeonieWatson) ▸ Marcy Sutton (@marcysutton) ▸ Hugo Giraudel (@HugoGiraudel)
  7. 15.

    RESSOURCEN - MEINE TIPPS VertreterInnen auf Twitter ▸ Steve Faulkner

    (@ stevefaulkner) ▸ Rob Dodson (@ rob_dodson) ▸ Scott O’Hara (@scottohara) ▸ Marco Zehe (@MarcoInEnglish) ▸ Jo Spelbrink (@joville) ▸ Weitere auf Github
  8. 16.

    RESSOURCEN - MEINE TIPPS Events ▸ A-Tag atag.accessiblemedia.at ▸ Meetups

    github.com/t12t/a11y-meetups ▸ role=drinks www.roledrinks.com ▸ Inclusive Design 24 (#ID24) - 24 Stunden Online Konferenz inclusivedesign24.org
  9. 17.

    RESSOURCEN - MEINE TIPPS Plugins/Libraries ▸ a11y-dialog auf GitHub ▸

    Frend frend.co ▸ Inclusive Components inclusive- components.design ▸ a11y.js allyjs.io
  10. 21.

    RESSOURCEN - MEINE TIPPS Listen ▸ A11y style guide a11y-style-guide.com

    ▸ Deque Pattern Library pattern-library.dequelabs.com ▸ The A11Y Project a11yproject.com ▸ Inclusive Design Principles inclusivedesignprinciples.org ▸ Empathy Prompts empathyprompts.net
  11. 22.

    RESSOURCEN - MEINE TIPPS FÜR DESIGNERINNEN Design ▸ Web Accessibility

    for Designers (Liste) ▸ Color Contrast Analyser for Sketch (Plugin) ▸ Farbkontrast Tools (Liste) ▸ 7 Things Every Designer Needs to Know about Accessibility (Artikel)
  12. 25.

    Bei a11y geht es um mehr als nur um blinde

    Menschen und Screenreader (SR) User.
  13. 30.

    MENSCHEN WOLLEN ÜBERZEUGT WERDEN Fragen, die ich gehört habe. ▸

    Wie viel kostet Barrierefreiheit im Web? ▸ Kann man messen, wie viel Prozent der Besucher SR User sind? ▸ Wie kann ich meine/n ChefIn/KollegIn überzeugen?
  14. 32.
  15. 40.

    Writing CSS with Accessibility in Mind Writing HTML with Accessibility

    in Mind Writing JS with Accessibility in Mind