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

Доступність

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.

Досвід використання і ставлення до забезпечення доступності

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

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

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

Слабкий зір

8,351
2

Атиповий колірний зір

6,671
3

Порушення рухових функцій

3,504
4

Вестибулярні розлади

2,546
5

Порушення слуху

2,417
6

Розлади навчання

1,783
7

Інші когнітивні порушення

1,552
8

🚫 Нічого

3,088
9

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

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

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

0%
17%
35%
52%
69%
86%
1

Описовий alt-текст

11,219
2

Ієрархія інформації

10,180
3

Мітки для елементів керування формою

9,921
4

Змістовний текст посилання

8,709
5

Достатній контраст

8,023
6

Інтуїтивна навігація за допомогою клавіатури

7,396
7

Видиме кільце фокусування

7,337
8

Непокладання лише на колір

6,535
9

Непокладання лише на вказівний пристрій

6,201
10

<fieldset> та <legend>

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

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

0%
13%
26%
38%
51%
64%
3,172
1,501
1,026
7

Chrome DevTools

10

🚫 Нічого

7,583
11

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

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

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

0%
10%
20%
31%
41%
51%
6,130
2,777
6

Browser Devtools

7

Firefox Accessibility Inspector

10

Contrast checkers

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

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

0%
14%
29%
43%
57%
71%
1

Technical issues

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

Company issues

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

Implementation issues

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

Screen reader issues

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

Lack of best practices

6

Lack of knowledge

7

Lack of documentation

8

Browser support

9

Lack of tools

10

Company issues

11

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

Відповіді, що відповідають ключу “Інші відповіді” 1,337
0%
14%
29%
43%
57%
71%
% від тих, хто відповів на питання
Які проблеми доступності вебплатформи найбільше вас розчаровують?
Довільна форма

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

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.
Дякуємо нашим партнерам за підтримку! Детальніше.