跳到内容

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

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

  • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者

用户残疾情况

在制作网站时，您会考虑到哪些用户残疾问题？
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

None

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

None

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

None

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

None

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.
感谢合作伙伴对我们的支持! 了解更多。