Online WDDay 2022 js РОМАН САВІЦЬКИЙ «Web Accesability» Сайт: https://wdday.org/ Facebook: https://www.facebook.com/wdday.org Linkedin: https://www.linkedin.com/company/wdday

1. WEB ACCESSABILITY
ДОСТУПНІСТЬ? ЦЕ НЕ ПРО МЕНЕ
1

2. ХТО Я
Infopulse frontend service line lead
TietoEvry web, mobile, online services lead
BeerJS Zhytomyr co-founder
OdessaJS / Frontend://zt
Суддя DEV Challenge
Спікер
2

3. ТУТ МАЛА БУТИ ПРЕЗЕНТАЦІЯ, АЛЕ...
ХЕРСОН ВДОМА!
3

4. ACCESSABILITY
А11У
Вебдоступність - це можливість сайту чи іншого вебресурсу
забезпечувати потреби користувачів із постійними, тимчасовими або
ситуаційними обмеженнями.
Тімоті Джон Бернерс-Лі, головний розробник Всесвітньої павутини,
сказав, що її сила - в універсальності, а найголовніший аспект - це
доступ людей, незалежно від обмежень та можливостей.
4

5. ЧОМУ ЦЕ ТАК ВАЖЛИВО
5

6. ЧОМУ ЦЕ ТАК ВАЖЛИВО
15% людей з обмеженими можливостями (1 176 780 000)
5.1

7. ЧОМУ ЦЕ ТАК ВАЖЛИВО
15% людей з обмеженими можливостями (1 176 780 000)
6 різних груп доступностей
5.2

8. ЧОМУ ЦЕ ТАК ВАЖЛИВО
15% людей з обмеженими можливостями (1 176 780 000)
6 різних груп доступностей
Ситуативна доступність
5.3

9. КАТЕГОРІЇ ВЕБ-ДОСТУПНОСТІ
6

10. СИТУАТИВНІ ОБМЕЖЕННЯ. ПРИКЛАДИ
БІГ, РУХ
7

11. СИТУАТИВНІ ОБМЕЖЕННЯ. ПРИКЛАДИ
НАВЧАННЯ
8

12. СИТУАТИВНІ ОБМЕЖЕННЯ. ПРИКЛАДИ
КЕРУВАННЯ АВТОМОБІЛЕМ
9

13. СИТУАТИВНІ ОБМЕЖЕННЯ. ПРИКЛАДИ
ОФЛАЙН. БЛЕКАУТ
10

14. ЗАКОНОДАВЧІ ДОКУМЕНТИ
11

15. ЗАКОНОДАВЧІ ДОКУМЕНТИ
USA Section 508, ADA
11.1

16. ЗАКОНОДАВЧІ ДОКУМЕНТИ
USA Section 508, ADA
EU European Accessability Act 2019/2025
11.2

17. ЗАКОНОДАВЧІ ДОКУМЕНТИ
USA Section 508, ADA
EU European Accessability Act 2019/2025
Canada AODA 2021
11.3

18. СТАНДАРТИ
12

19. СТАНДАРТИ
WCAG 2.2
12.1

20. СТАНДАРТИ
WCAG 2.2
WCAG3.0
12.2

21. СТАНДАРТИ
WCAG 2.2
WCAG3.0
WAI-ARIA
12.3

22. WCAG 2.2 / 3.0
13

23. АУДИТ ВЕБДОСТУПНОСТІ
14

24. АУДИТ ВЕБДОСТУПНОСТІ
WCAG-EM (Website Accessibility Conformance Evaluation Methodology)
14.1

25. АУДИТ ВЕБДОСТУПНОСТІ
WCAG-EM (Website Accessibility Conformance Evaluation Methodology)
Level-of-effort / Risk Audit / Validation Audit / Detailed Audit
14.2

26. АУДИТ ВЕБДОСТУПНОСТІ
WCAG-EM (Website Accessibility Conformance Evaluation Methodology)
Level-of-effort / Risk Audit / Validation Audit / Detailed Audit
Accessibility Checkpoints
14.3

27. ACCESSIBILITY API
15

28. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
15.1

29. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
IAccessible та IAccessible2
15.2

30. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
IAccessible та IAccessible2
Microsoft User Interface Automation – UI Automation
15.3

31. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
IAccessible та IAccessible2
Microsoft User Interface Automation – UI Automation
The IAccessibleEx Interface - UIA-EXPRESS
15.4

32. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
IAccessible та IAccessible2
Microsoft User Interface Automation – UI Automation
The IAccessibleEx Interface - UIA-EXPRESS
The NSAccessibility Protocol - AXAPI
15.5

33. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
IAccessible та IAccessible2
Microsoft User Interface Automation – UI Automation
The IAccessibleEx Interface - UIA-EXPRESS
The NSAccessibility Protocol - AXAPI
UIAccessibility
15.6

34. WEBAIM
https://webaim.org/

35. services articles resources projects community
Accessibility Training
WebAIM can provide web, document, Zoom, and
strategic accessibility training to fit your needs.
Technical Assistance
Need assistance implementing accessibility?
WebAIM's expert staff can provide the assistance
you need.
Accessible Site Certification
As a respected third party accessibility expert,
WebAIM can evaluate and document the
accessibility of your site.
Evaluation and Reporting
We can provide reports to help you know how
accessible your site is and how to make it better.
WebAIM Blog Newsletter E-mail Discussion List Twitter
Community
We have web accessibility in mind
Expanding the potential of the web for people with disabilities by empowering individuals and
organizations to create accessible content.
16

36. РЕКОМЕНДАЦІЇ
17

37. СЕМАНТИКА
18

38. НАВІГАЦІЯ
19

39. ЛЕЙБЛИ
20

40. ІКОНКИ
21

41. КОЛЬОРИ
22

42. ACCESSIBILITY CHEATSHEET
https://moritzgiessmann.de/accessibility-cheatsheet/
23

43. ЗАПИТАННЯ
24