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

State of HTML 2025

Доступність

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

Ми виокремлюємо нові функції або бібліотеки, про які, на нашу думку, вам варто знати.

Функція від нас: <search>

The <search> element is one of those easy wins that take very little effort to add to your list of best practices. Step 1: use it to denote any search field in your apps. Step 2: well that's it really!

And now that it's supported in all four major browsers, there's really no reason not to be using it.

База сумісності: Віднедавна доступно

Дізнатися більше

Корисні джерела

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

Landmark elements (<main>, <nav>, etc.) aren't very new or exciting but they remain a foundation of web accessibility.

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

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

1
Доступність
96.7%
4,383
2
Доступність
88.2%
8%
4,381
3
Доступність
29.3%
29.1%
41.2%
4,377
4
Доступність
13%
22.5%
64.3%
4,378

Досвід

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

Ставлення

  • Позитивно: Респонденти, які зацікавлені у вивченні технології або хочуть використовувати її ще.
  • Нейтрально: Респонденти, які не висловили жодного ставлення до технології.
  • Негативно: Респонденти, які не зацікавлені у вивченні технології або використовували її і мали негативний досвід.
Середнє: "Використовував(-ла)":57%
Середнє: "Позитивно":37%
Середнє: "Негативно":2%

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

While things like alt text or proper heading hierarchy have become second nature to most front-end developers, newer tools like the prefers- set of media queries have yet to truly become mainstream.

Які ще методи складають вашу звичну стратегію забезпечення доступності?
Множинний вибір
0%
20%
40%
60%
80%
100%
01
Описовий alt-текст
3,647
02
Ієрархія інформації
3,452
03
Мітки для елементів керування формою
3,331
04
Змістовний текст посилання
+1
2,827
05
Достатній контраст
+1
2,778
06
Видиме кільце фокусування
+1
2,725
07
Інтуїтивна навігація за допомогою клавіатури
-3
2,454
08
<fieldset> та <legend>
+2
2,250
09
Непокладання лише на вказівний пристрій
2,194
10
Непокладання лише на колір
-2
2,192
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
4,124
66%
10

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

It's nice to see that beyond accounting for users with vision impairments, more developers are also taking atypical color vision and mobility impairments into account compared to last year.

Які порушення здоров'я користувачів ви враховуєте під час створення вебсайтів?
Множинний вибір
0%
20%
40%
60%
80%
100%
1
Слабкий зір
2,724
2
Атиповий колірний зір
2,163
3
Порушення рухових функцій
1,387
4
Вестибулярні розлади
920
5
Порушення слуху
687
6
Розлади навчання
677
7
🚫 Нічого
665
8
Інші когнітивні порушення
600
9
Інші відповіді
52
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,727
60%
10

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

Once again, easily accessible tools like VoiceOver or the Chrome DevTools win over more specialized options. Although many developers still don't use screen readers of any kind (also note that 39% of survey respondents skipped the question altogether).

Які екранні зчитувальні пристрої ви використовуєте для тестування доступності?
Множинний вибір
0%
20%
40%
60%
80%
100%
01
VoiceOver
+1
1,376
02
🚫 Нічого
1,358
03
Chrome DevTools
-1
1,306
04
NVDA
742
05
JAWS
414
06
WAVE
366
07
TalkBack
216
08
Narrator
199
09
Orca
137
10
Chromevox
88
11
Firefox Accessibility Inspector
12
Інші відповіді
51
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,784
61%
10

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

Browser devtools have seen a huge jump in usage compared to last year's results, seeing them overtake Lighthouse to become the lead accessibility testing tool.

Які інструменти ви використовуєте для тестування доступності?
Множинний вибір
0%
20%
40%
60%
80%
100%
01
Browser Devtools
+1
2,259
02
Lighthouse
-1
1,983
03
Axe
1,145
04
Firefox Accessibility Inspector
1,033
05
🚫 Нічого
-1
717
06
WAVE
+1
648
07
-1
544
08
Accessibility Insights
523
09
Pa11y
+1
188
10
Arc
-1
167
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
3,860
62%
10

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

While there are technical gaps when it comes to accessibility (e.g. cross-root ARIA), a recurring theme whenever we ask about it is that the main pain points are around the humans involved with issues around workplace priorities, education, and cognitive overhead topping the list.

Які проблеми доступності вебплатформи найбільше вас розчаровують?
Множинний вибір
Головні проблеми загалом.

Вигляд:

Елементи, що не є одним(-ою) із “limitations”
0%
20%
40%
60%
80%
100%
01
Education
3
02
workplace
1
03
Cognitive overload
2
04
Debugging
1
05
Environments & Consumers
06
Screen reader issues
2
07
ARIA
1
08
Browser support
1
09
Low priority
-7
10
Tooling
2
11
Excessive complexity
-2
12
Keyboard navigation
13
Standards & Specs
1
14
Focus management
-3
15
16
Missing elements
17
Ecosystem issues
18
Content
1
19
Accessible visual design
20
Reliance on JavaScript
21
Access to screen readers
+3
22
Component-Based Architecture
23
Invalid/Spam
24
CSS Integration
25
26
Інші відповіді
0%
20%
40%
60%
80%
100%
% від тих, хто відповів на питання
606
10%
25
5

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

Website Accessibility, v3
Jon Kuperman
Bloomberg

Website Accessibility, v3

Build content for everyone and become your company's accessibility expert! Learn the importance of semantic HTML and alt text for ensuring screen readers can navigate your site.
Спонсорований вміст від наших партнерів. Детальніше.