跳到内容

无障碍

让所有人都能访问网站和应用程序。

无障碍功能的使用经验与态度

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

经验

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

情绪(态度)

  • 积极: 有兴趣了解此技术,或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣,或者使用此技术有糟糕体验的受访者
您使用过哪些无障碍功能?

用户残疾情况

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%
受访者百分比
在制作网站时,您会考虑到哪些用户残疾问题?

其他无障碍技术

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%
受访者百分比
在您的常规无障碍策略中,还有哪些其他技巧?

屏幕阅读器

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
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

1,362
12

其他答案

34
0%
8%
15%
23%
31%
39%
受访者百分比
您使用哪种屏幕阅读器进行无障碍性测试?

无障碍工具

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

browser_devtools

915
887
4

Firefox Accessibility Inspector

830
5

574
496
163
159
0%
10%
21%
31%
42%
52%
受访者百分比
您使用什么工具进行无障碍性测试?

无障碍痛点

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%
受访者百分比
在网络无障碍方面,您最大的痛点是什么?
(自由提问)
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.
感谢合作伙伴对我们的支持! 了解更多。