跳到内容

无障碍

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

低视力

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