跳至內容

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

曾經使用過哪些無障礙功能？

Group by:

Sort by:

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

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.

使用者障礙

在製作網站時，你會考慮哪些類型的使用者障礙？
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

Answers matching “Technical issues” 400
2

Company issues

Answers matching “Company issues” 251
3

Implementation issues

Answers matching “Implementation issues” 171
4

Screen reader issues

Answers matching “Screen reader issues” 143
5

Lack of best practices

6

Lack of tools

Answers matching “Lack of tools” 124
7

Lack of knowledge

8

Lack of documentation

9

Browser support

10

WCAG issues

Answers matching “WCAG issues” 44
11

Other Answers

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