SlideShare a Scribd company logo
1 of 13
Download to read offline
Universal design - wprowadzenie do
tematu dostępności w oparciu o WCAG
Joanna Falkowska
1
To be on the same page...
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
W3C - World Wide Web Consortium
WCAG - Web Content Accessibility Guidelines
...ponad miliard osób… 285 milionów osób...
...do 2030 roku około 19% osób w USA…
...ok. 1 na 12 mężczyzn i 1 na 200 kobiet...
2
trwała vs czasowa...
Source: https://pixabay.com/en/overcoming-victory-crutch-crippled-1673170/
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
3
WCAG 2.0
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
4
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
Priorytety: A (musi) - AA (powinien) - AAA (może)
61 kryteriów
sukcesu
12 wytycznych
4 zasady
5
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
1 Percepcja
Informacje oraz komponenty
interfejsu użytkownika muszą być
przedstawione użytkownikom w
dostępny dla nich sposób.
Source: https://pixabay.com/en/communication-icons-3253476/
6
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
2 Funkcjonalność
Komponenty interfejsu
użytkownika oraz nawigacja
muszą być funkcjonalne
Source: https://pixabay.com/en/read-reading-book-reader-education-1342499/
7
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
3 Zrozumiałość
Treść oraz obsługa interfejsu użytkownika musi być zrozumiała.
Source: https://pixabay.com/en/head-understanding-communication-3269125/
8
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
4 Rzetelność
Treść musi być wystarczająco rzetelna, aby
mogła być poprawnie interpretowana przez
wielu różnych klientów użytkownika,
włączając technologie asystujące.
Source: https://pixabay.com/en/ticket-machine-ticket-vending-machine-2830876/
9
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
Czyli muszę zrobić kolejną checklistę?
Source: https://pixabay.com/en/burrowing-owl-little-owl-bird-2532410/ 10
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
Zacznij od prostych narzędzi
Accessibility Developer Tools
Koa11y
A11y
Tota11y
...i wiele innych!
Source: https://pixabay.com/en/electrician-wiring-installation-3273340/
11
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
Czy to nas będzie dotyczyć?
USA
EU
Polska
ISO
Source: https://pixabay.com/en/globe-continents-world-clause-1033435/ 12
Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG
Joanna Falkowska
Quality Assurance Specialist
joanna.falkowska@netguru.co
13

More Related Content

More from Future Processing

[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...
[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...
[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...Future Processing
 
[FDD 2018] Lech Kalinowski - Prywatny Blockchain
[FDD 2018] Lech Kalinowski - Prywatny Blockchain[FDD 2018] Lech Kalinowski - Prywatny Blockchain
[FDD 2018] Lech Kalinowski - Prywatny BlockchainFuture Processing
 
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈XFuture Processing
 
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...Future Processing
 
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...Future Processing
 
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NETFuture Processing
 
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...Future Processing
 
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...Future Processing
 
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark ApplicationsFuture Processing
 
[QE 2018] Marek Puchalski – Web Application Security Test Automation
[QE 2018] Marek Puchalski – Web Application Security Test Automation[QE 2018] Marek Puchalski – Web Application Security Test Automation
[QE 2018] Marek Puchalski – Web Application Security Test AutomationFuture Processing
 
[QE 2018] Rob Lambert – How to Thrive as a Software Tester
[QE 2018] Rob Lambert – How to Thrive as a Software Tester[QE 2018] Rob Lambert – How to Thrive as a Software Tester
[QE 2018] Rob Lambert – How to Thrive as a Software TesterFuture Processing
 
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOpsFuture Processing
 
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)Future Processing
 
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minutFuture Processing
 
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...Future Processing
 
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...Future Processing
 
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczneFuture Processing
 
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDDFuture Processing
 
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...Future Processing
 
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończeniaFuture Processing
 

More from Future Processing (20)

[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...
[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...
[FDD 2018] Ł. Turchan, A. Hulist, M. Duchnowski - CUDA - results over coffee ...
 
[FDD 2018] Lech Kalinowski - Prywatny Blockchain
[FDD 2018] Lech Kalinowski - Prywatny Blockchain[FDD 2018] Lech Kalinowski - Prywatny Blockchain
[FDD 2018] Lech Kalinowski - Prywatny Blockchain
 
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X
[FDD 2018] W. Malara, K. Kotowski - Autoenkodery – czyli zalety funkcji F(X)≈X
 
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...
[FDD 2018] Jarosław Ogiegło - Ludzie, zabezpieczajcie się! Wprowadzenie do OA...
 
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...
[JuraSIC! Meetup] Krzysztof Sikora- Jak Service Fabric rozwiąże twoje problem...
 
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET
[JuraSIC! Meetup] Mateusz Stasch - Monady w .NET
 
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...
[QE 2018] Aleksandra Kornecka – Kognitywne podejście do testowania aplikacji ...
 
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...
[QE 2018] Adam Stasiak – Nadchodzi React Native – czyli o testowaniu mobilnyc...
 
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications
[QE 2018] Łukasz Gawron – Testing Batch and Streaming Spark Applications
 
[QE 2018] Marek Puchalski – Web Application Security Test Automation
[QE 2018] Marek Puchalski – Web Application Security Test Automation[QE 2018] Marek Puchalski – Web Application Security Test Automation
[QE 2018] Marek Puchalski – Web Application Security Test Automation
 
[QE 2018] Rob Lambert – How to Thrive as a Software Tester
[QE 2018] Rob Lambert – How to Thrive as a Software Tester[QE 2018] Rob Lambert – How to Thrive as a Software Tester
[QE 2018] Rob Lambert – How to Thrive as a Software Tester
 
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps
[QE 2018] Paul Gerrard – Automating Assurance: Tools, Collaboration and DevOps
 
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)
[QE 2018] Arnika Hryszko – Testy, które tworzą się same (prawie)
 
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut
[QE 2018] Przemysław Sech – Software Quality Assistance w 40 minut
 
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...
[Quality Meetup] M. Witas, D. Młynek – Tabnabbing – bug czy feature twojej pr...
 
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...
[Quality Meetup] Jacek Sowiński – SecDevOps – w codziennej pracy każdego deve...
 
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne
[Quality Meetup] Przemek Podsiadlik - Scenariusze BDD != testy automatyczne
 
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD
[Quality Meetup] Łukasz Pietrucha - Pułapki automatyzacji przy użyciu BDD
 
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...
[DPTO] Michał Pogorzelski - Testy jednostkowe – narzędzie, które pozwala prac...
 
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia
[DPTO] Marta Miszczyk - Z życia taska – od stworzenia do zakończenia
 

[QE 2018] Joanna Falkowska – Uniwersal Design – wprowadzenie do tematu dostępności w oparciu o WCAG

  • 1. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Joanna Falkowska 1
  • 2. To be on the same page... Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG W3C - World Wide Web Consortium WCAG - Web Content Accessibility Guidelines ...ponad miliard osób… 285 milionów osób... ...do 2030 roku około 19% osób w USA… ...ok. 1 na 12 mężczyzn i 1 na 200 kobiet... 2
  • 3. trwała vs czasowa... Source: https://pixabay.com/en/overcoming-victory-crutch-crippled-1673170/ Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 3
  • 4. WCAG 2.0 Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 4
  • 5. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Priorytety: A (musi) - AA (powinien) - AAA (może) 61 kryteriów sukcesu 12 wytycznych 4 zasady 5
  • 6. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 1 Percepcja Informacje oraz komponenty interfejsu użytkownika muszą być przedstawione użytkownikom w dostępny dla nich sposób. Source: https://pixabay.com/en/communication-icons-3253476/ 6
  • 7. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 2 Funkcjonalność Komponenty interfejsu użytkownika oraz nawigacja muszą być funkcjonalne Source: https://pixabay.com/en/read-reading-book-reader-education-1342499/ 7
  • 8. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 3 Zrozumiałość Treść oraz obsługa interfejsu użytkownika musi być zrozumiała. Source: https://pixabay.com/en/head-understanding-communication-3269125/ 8
  • 9. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG 4 Rzetelność Treść musi być wystarczająco rzetelna, aby mogła być poprawnie interpretowana przez wielu różnych klientów użytkownika, włączając technologie asystujące. Source: https://pixabay.com/en/ticket-machine-ticket-vending-machine-2830876/ 9
  • 10. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Czyli muszę zrobić kolejną checklistę? Source: https://pixabay.com/en/burrowing-owl-little-owl-bird-2532410/ 10
  • 11. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Zacznij od prostych narzędzi Accessibility Developer Tools Koa11y A11y Tota11y ...i wiele innych! Source: https://pixabay.com/en/electrician-wiring-installation-3273340/ 11
  • 12. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Czy to nas będzie dotyczyć? USA EU Polska ISO Source: https://pixabay.com/en/globe-continents-world-clause-1033435/ 12
  • 13. Universal design - wprowadzenie do tematu dostępności w oparciu o WCAG Joanna Falkowska Quality Assurance Specialist joanna.falkowska@netguru.co 13