Перейти до вмісту

State of HTML 2023

Доступність

This was our first survey to study accessibility in such depth. What we found is that while respondents clearly care about accessibility, they struggle to implement it in practice as they lack technical, educational, and organizational support.

Accessibility Experience & Sentiment

Які з наведених функцій доступності ви використовували?

Групувати за:

Сортувати за:

1

95.6%
3.2%
13,191
2

81.8%
11.5%
6.3%
13,164
3

11.8%
27.3%
60.6%
13,156
4

18.3%
79.6%
13,108

Досвід

  • Використовував(-ла): Респонденти, які це використовували.
  • Чув(-ла) про це: Респонденти, які чули про це, але не використовували.
  • Вперше чую: Респонденти, які не чули про це.

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.

Порушення здоров'я користувача

Які порушення здоров'я користувачів ви враховуєте під час створення вебсайтів?
0%
13%
26%
40%
53%
66%
1

low_vision

8,351
2

atypical_vision

6,671
3

mobility_impairments

3,504
4

vestibular_disorders

2,546
5

hearing_impairments

2,417
6

learning_disabilities

1,783
7

cognitive_impairments

1,552
8

Нічого

3,088
0%
13%
26%
40%
53%
66%
% від тих, хто відповів на питання
12,648
61%

Інші методи забезпечення доступності

Які ще методи складають вашу звичну стратегію забезпечення доступності?
0%
17%
35%
52%
69%
86%
1

descriptive_alt_text

11,219
2

headings_hierarchy

10,180
3

form_control_label

9,921
4

meaningful_link_text

8,709
5

good_color_contrast

8,023
6

Keyboard navigation

7,396
7

visible_focus

7,337
8

color_alternative

6,535
9

pointer_alternative

6,201
10

fieldset_and_legend

6,052
11

skip_to_content

4,396
12

3,676
13

1,341
14

Нічого

654
0%
17%
35%
52%
69%
86%
% від тих, хто відповів на питання
12,975
62%

Екранні зчитувальні пристрої

Які екранні зчитувальні пристрої ви використовуєте для тестування доступності?
0%
13%
26%
38%
51%
64%
1

VoiceOver

3,153
2

NVDA

1,501
3

JAWS

1,026
4

TalkBack

529
5

Нічого

7,583
0%
13%
26%
38%
51%
64%
% від тих, хто відповів на питання
11,819
57%

Інструменти доступності

Які інструменти ви використовуєте для тестування доступності?
0%
10%
20%
31%
41%
51%
1

Lighthouse

6,127
2

Axe

2,769
3

VoiceOver.js

206
4

Assistiv Labs

172
5

Guidepup

16
6

Нічого

5,145
0%
10%
20%
31%
41%
51%
% від тих, хто відповів на питання
12,004
57%

Проблеми доступності

Які проблеми доступності вебплатформи найбільше вас розчаровують?
Довільна форма
0%
14%
28%
41%
55%
69%
1

Technical issues

Відповіді, що відповідають ключу “Technical issues” 400
2

Company issues

Відповіді, що відповідають ключу “Company issues” 251
3

Implementation issues

Відповіді, що відповідають ключу “Implementation issues” 171
4

Screen reader issues

Відповіді, що відповідають ключу “Screen reader issues” 143
5

Lack of best practices

6

Lack of tools

Відповіді, що відповідають ключу “Lack of tools” 124
7

Lack of knowledge

8

Lack of documentation

9

Browser support

10

WCAG issues

Відповіді, що відповідають ключу “WCAG issues” 44
11

Інші відповіді

Відповіді, що відповідають ключу “Інші відповіді” 1,293
0%
14%
28%
41%
55%
69%
% від тих, хто відповів на питання
1,869
9%

Рекомендовані джерела

Web App Accessibility (feat. React)
Marcy Sutton Todd
Principle Studios

Web App Accessibility (feat. React)

Solve the most common accessibility issues in React apps using testing tools, semantic HTML, and ARIA attributes to make interactive elements accessible.
Дякуємо нашим партнерам за підтримку! Детальніше.