Gå til innhold

State of HTML 2023

Accessibility

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

Gruppér etter:

Sorter etter:

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

Erfaring

  • Brukt det: Respondents who have used an item.
  • Hørt om det: Respondents who have heard about an item, but haven't used it.
  • Aldri hørt om det: Respondents who have never heard about an item.

Oppfatning

  • Positiv: Respondenter som er interessert i å lære mer om en teknologi; eller er villige til å bruke den igjen.
  • Nøytral: Respondenter som hadde en nøytral oppfatning av en teknologi.
  • Negativ: Respondenter som ikke er interessert i å lære mer om en teknologi; eller har brukt den og hatt en negativ opplevelse.
“Used” average:48%
“Positive” average:38%
“Negative” average:2%

User Disabilities

0%
13%
26%
40%
53%
66%
1

Low vision

8,351
2

Atypical color vision

6,671
3

Mobility impairments

3,504
4

Vestibular disorders

2,546
5

Hearing impairments

2,417
6

Learning disabilities

1,783
7

Other cognitive impairments

1,552
8

🚫 Ingen

3,088
9

Andre svar

142
0%
13%
26%
40%
53%
66%
% besvarelser på spørsmål
12,648
61%
What kind of user disabilities do you account for when making websites?

Other Accessibility Techniques

0%
17%
35%
52%
69%
86%
1

Descriptive alt text

11,219
2

Information Hierarchy

10,180
3

Form Control Labels

9,921
4

Meaningful Link Text

8,709
5

Sufficient Contrast

8,023
6

Intuitive keyboard navigation

7,396
7

Visible Focus Ring

7,337
8

Not Relying on Color Only

6,535
9

Not Relying on Pointer Only

6,201
10

<fieldset> and <legend>

6,052
0%
17%
35%
52%
69%
86%
% besvarelser på spørsmål
12,975
62%
What other techniques are part of your regular accessibility strategy?

Screen Readers

0%
13%
26%
38%
51%
64%
1

VoiceOver

3,172
2

NVDA

1,501
3

JAWS

1,026
4

TalkBack

530
5

Narrator

6

Orca

7

Chrome DevTools

8

Chromevox

9

WAVE

10

🚫 Ingen

7,583
11

Andre svar

154
0%
13%
26%
38%
51%
64%
% besvarelser på spørsmål
11,819
57%
Which screen readers do you use for accessibility testing?

Accessibility Tools

0%
10%
20%
31%
41%
51%
1

Lighthouse

6,130
2

Axe

2,777
3

WAVE

4

VoiceOver.js

206
5

Assistiv Labs

172
6

Browser Devtools

7

Firefox Accessibility Inspector

8

Siteimprove

9

Accessibility Insights

10

Contrast checkers

0%
10%
20%
31%
41%
51%
% besvarelser på spørsmål
12,004
57%
What tools do you use for accessibility testing?

Accessibility Pain Points

0%
14%
29%
43%
57%
71%
1

Technical issues

Svar som matcher “Technical issues” 400
2

Company issues

Svar som matcher “Company issues” 191
3

Implementation issues

Svar som matcher “Implementation issues” 171
4

Screen reader issues

Svar som matcher “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

Andre svar

Svar som matcher “Andre svar” 1,337
0%
14%
29%
43%
57%
71%
% besvarelser på spørsmål
1,869
9%
What are your biggest pain points around web accessibility?
Fritekstformat

Anbefalte ressurser

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.
Takk til våre partnere for deres bidrag! Lær mer.