跳至內容

親和力

讓所有人都能無障礙地能使用網站和應用程式。

Accessibility Experience & Sentiment

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.

Group by:

Sort by:

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
曾經使用過哪些無障礙功能?

使用者障礙

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

🚫 None

693
9

Other Answers

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

可見 Focus Ring

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

🚫 None

1,362
12

Other Answers

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

Answers matching “Technical issues” 148
2

Company issues

Answers matching “Company issues” 108
3

Screen reader issues

Answers matching “Screen reader issues” 62
4

Implementation issues

Answers matching “Implementation issues” 55
5

Lack of knowledge

6

Lack of best practices

7

Browser support

8

Lack of tools

Answers matching “Lack of tools” 31
9

Lack of documentation

10

WCAG issues

Answers matching “WCAG issues” 16
11

too_time_consuming

12

Discoverability

13

Other Answers

Answers matching “Other Answers” 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.
感謝贊助我們的伙伴! 深入瞭解。