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

State of HTML 2024

Доступність

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

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

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,952
2

87.3%
8.7%
3,955
3

24.8%
31.5%
43.3%
3,947
4

8.1%
20.5%
66.8%
3,940

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
“Used” average:54%
“Positive” average:38%
“Negative” average:2%

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

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

0%
15%
29%
44%
58%
73%
1

Слабкий зір

2,659
2

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

2,014
3

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

1,244
4

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

882
5

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

758
6

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

569
7

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

497
8

🚫 Нічого

693
9

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

50
0%
15%
29%
44%
58%
73%
% від тих, хто відповів на питання
3,651
68%
Які порушення здоров'я користувачів ви враховуєте під час створення вебсайтів?

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

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.

0%
18%
36%
53%
71%
89%
1

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

3,371
2

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

3,165
3

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

3,116
4

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

2,717
5

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

2,687
6

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

2,524
7

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

2,447
8

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

2,097
9

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

2,009
10

<fieldset> та <legend>

1,999
0%
18%
36%
53%
71%
89%
% від тих, хто відповів на питання
3,793
70%
Які ще методи складають вашу звичну стратегію забезпечення доступності?

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

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

0%
8%
15%
23%
31%
39%
1

Chrome DevTools

1,240
2

VoiceOver

1,094
3

NVDA

568
4

JAWS

319
5

WAVE

300
6

TalkBack

153
7

Narrator

147
8

Orca

108
9

Chromevox

101
10

Firefox Accessibility Inspector

11

🚫 Нічого

1,362
12

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

34
0%
8%
15%
23%
31%
39%
% від тих, хто відповів на питання
3,530
65%
Які екранні зчитувальні пристрої ви використовуєте для тестування доступності?

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

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

0%
10%
21%
31%
42%
52%
1

Lighthouse

1,798
2

browser_devtools

915
3

Axe

887
4

Firefox Accessibility Inspector

830
5

574
6

WAVE

496
7

Accessibility Insights

419
8

Arc

163
9

Pa11y

159
10

Siteimprove

96
0%
10%
21%
31%
42%
52%
% від тих, хто відповів на питання
3,430
64%
Які інструменти ви використовуєте для тестування доступності?

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

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.

0%
11%
21%
32%
43%
54%
1

Technical issues

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

Company issues

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

Screen reader issues

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

Implementation issues

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

Lack of knowledge

6

Lack of best practices

7

Browser support

8

Lack of tools

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

Lack of documentation

10

WCAG issues

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

too_time_consuming

12

Discoverability

13

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

Відповіді, що відповідають ключу “Інші відповіді” 353
0%
11%
21%
32%
43%
54%
% від тих, хто відповів на питання
659
12%
Які проблеми доступності вебплатформи найбільше вас розчаровують?
Довільна форма

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

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