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

Доступність

Як зробити сайти та застосунки доступними для всіх.

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

The accessibility features mentioned in this year's survey proved to be straightforward enough to use, which translated into a very low negative sentiment overall.

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

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

1

96.3%
3,951
2

87.3%
8.7%
3,954
3

24.8%
31.5%
43.3%
3,946
4

8.1%
20.5%
66.8%
3,939

Досвід

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

Ставлення

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

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

It was comforting to see developers account for a wide range of disabilities while making websites, with visual disabilities taking the top ranks.

Які порушення здоров'я користувачів ви враховуєте під час створення вебсайтів?
[ua-UA] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Слабкий зір

2,659
2

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

2,014
3

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

1,244
4

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

882
5

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

758
6

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

569
7

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

497
8

🚫 Нічого

692
9

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

50
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

It's nice to see that alt text is widely implemented, and if nothing else this chart can serve as a handy shortlist of accessibility patterns to implement in your own projects.

Які ще методи складають вашу звичну стратегію забезпечення доступності?
[ua-UA] blocks.multiple
0%
20%
40%
60%
80%
100%
1

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

3,370
2

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

3,164
3

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

3,115
4

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

2,716
5

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

2,686
6

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

2,524
7

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

2,447
8

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

2,096
9

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

2,009
10

<fieldset> та <legend>

1,999
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

It should come as no surprise that developers are more likely to use screenreaders if they come bundled with their browser or OS.

Які екранні зчитувальні пристрої ви використовуєте для тестування доступності?
[ua-UA] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Chrome DevTools

1,240
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

🚫 Нічого

1,361
12

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

34
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

Lighthouse and browser devtools in general topped the rankings, overtaking more specialized tools such as Axe or WAVE.

Які інструменти ви використовуєте для тестування доступності?
[ua-UA] blocks.multiple
0%
20%
40%
60%
80%
100%
1,798
2

Browser Devtools

915
887
4

Firefox Accessibility Inspector

830
5

574
496
163
159
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

Accessibility presents a unique challenge in that developers must not only overcome technical issues such as testing difficulties, but also organizational obstacles such as low prioritization or lack of client demand.

Які проблеми доступності вебплатформи найбільше вас розчаровують?
Довільна форма
[ua-UA] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Testing

2

Low priority

3

4

Lack of knowledge

5

Lack of best practices

6

Browser support

7

Lack of documentation

8

Excessive complexity

9

Screen readers inconsistencies

10

Company issues

0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання

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

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