The truth about who needs web accessibility, why people without any limitations end up in accessibility situations, and how to help them. It's not every day that a developer explores accessibility, but it would be cool to understand how to do it and what applications could be used. Overview, discussion, for Saturday evening.

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

2. ХТО Я
Infopulse, frontend service line lead
TietoEvry, web, mobile service lead
BeerJS Zhytomyr, co-founder
"Житомирська Політехніка",
викладач, аспірант
2

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

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

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

6. ЧОМУ ЦЕ ТАК ВАЖЛИВО
15% людей з обмеженими можливостями (1 176 780
000)
В Україні 2 450 000 людей з інвалідністю, з них 162,9
тис діти
4.2

7. ЧОМУ ЦЕ ТАК ВАЖЛИВО
15% людей з обмеженими можливостями (1 176 780
000)
В Україні 2 450 000 людей з інвалідністю, з них 162,9
тис діти
Ситуативна доступність
4.3

8. КАТЕГОРІЇ ВЕБ-ДОСТУПНОСТІ
Слухові
Зорові
Треморні
Опорно-рухові
Когнітивні
5

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

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

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

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

13. ЗАКОНОДАВЧІ ДОКУМЕНТИ
10

14. ЗАКОНОДАВЧІ ДОКУМЕНТИ
Accessibility 508 Standards (США)
10.1

15. ЗАКОНОДАВЧІ ДОКУМЕНТИ
Accessibility 508 Standards (США)
EU European Accessability Act 2019/2025 // EN 301 549
10.2

16. ЗАКОНОДАВЧІ ДОКУМЕНТИ
Accessibility 508 Standards (США)
EU European Accessability Act 2019/2025 // EN 301 549
A11y for Ontarians with Dis. Act (Канада)
10.3

17. СТАНДАРТИ
11

18. СТАНДАРТИ
WCAG 2.2
11.1

19. СТАНДАРТИ
WCAG 2.2
WCAG 3.0
11.2

20. СТАНДАРТИ
WCAG 2.2
WCAG 3.0
WAI-ARIA
Authoring Tool AG
(ATAG)
User Agent AG (UAAG)
Web Content AG
(WCAG)
11.3

21. WCAG 2.2 / 3.0
12

22. WCAG 2.2 / 3.0
Сприйняття
12.1

23. WCAG 2.2 / 3.0
Сприйняття
Управління
12.2

24. WCAG 2.2 / 3.0
Сприйняття
Управління
Зрозумілість
12.3

25. WCAG 2.2 / 3.0
Сприйняття
Управління
Зрозумілість
Надійність
12.4

26. АУДИТ ВЕБДОСТУПНОСТІ
13

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

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

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

30. ACCESSIBILITY CHECKPOINTS
https://www.w3.org/TR/WAI-WEBCONTENT/full-checklist
[gu
Checklist of Checkpoints for Web Content Accessibility Guide
This version:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505/full-checklist
(plain text, postscript, pdf)
This document is an appendix to:
http://www.w3.org/TR/1999/WAI-WEBCONTENT-19990505
Latest version of Web Content Accessibility Guidelines 1.0:
http://www.w3.org/TR/WAI-WEBCONTENT
Editors:
Wendy Chisholm, Trace R & D Center, University of Wisconsin -- Madison
Gregg Vanderheiden, Trace R & D Center, University of Wisconsin -- Madison
Ian Jacobs, W3C
Copyright © 1999 W3C (MIT, INRIA, Keio), All Rights Reserved. W3C liability, trademark, document use and software licensing
14

31. ACCESSIBILITY API
15

32. ACCESSIBILITY API
Microsoft Active Accessibility - MSAA
15.1

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

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

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

36. 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

37. 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

38. WEBAIM
https://webaim.org/
Accessibility Training
WebAIM can provide web, document, Zoom,
and strategic accessibility training to fit your
needs.
Technical As
Need assistance
WebAIM's expe
assistance you n
We have web accessibilit
Expanding the potential of the web for people with disabilities
accessible content.
16

39. TOOLS
https://www.w3.org/WAI/ER/tools/
Web Accessibility Evaluation Tools List
Web accessibility evaluation tools are software programs or online services that help you determine if web content meets ac
needs. To determine what kind of tool you need and how they are able to assist you, see Selecting Web Accessibility Evalua
Information on this page is provided by vendors and others. W3C does not endorse specific products. See Important
Note: We are currently revising the Evaluation Tool List and will be deploying a new version before the end of 2023.
Filters:
17

40. AXE CORE
https://www.deque.com/axe/
18

41. WAVE
https://wave.webaim.org/
Browser Extensions Stand-alone API/Testing En
Web page
WAVE Web Accessibility Evalua
19

42. РЕКОМЕНДАЦІЇ
20

43. СЕМАНТИКА
A - картинки, додатковий
текст
A - аудіо, відео
AA - субтитри, якість
відображення
AАА - мова жестів
21

44. НАВІГАЦІЯ
A - користуватись
лише клавіатурою
A - фокус
AA - гарячі клавіши
AАА - миготіння,
анімація
22

45. ЛЕЙБЛИ
A - вірна ієрархія
заголовків
A - коректні лейбли
AA - наявність
рекомендаційних лейблів
23

46. КОНТЕНТ
A - розмір тексту
AА - текст в
картинках
AА - адаптивність
24

47. КОЛЬОРИ
25

48. ACCESSIBILITY CHEATSHEET
https://moritzgiessmann.de/accessibility-cheatsheet/
26

49. WEB ACADEMY TEST
https://wave.webaim.org/report#/https://web-
academy.com.ua/
Address: https://fwdays.com/event/javascript-fwdays
Summary
Summary Details Reference Order Structure Contrast
47
Errors
24
Contrast Errors
9
Alerts
53
Features
powered by
WebAIM
Styles: OFF ON
ПОДІЇ ВАК
Конференція
fwdays’23
Full Stack конференція з JavaScript
16 & 20 травня 2023 Online
27

50. ЗАПИТАННЯ
28