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.

User Disabilities

What kind of user disabilities do you account for when making websites?
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%

Other Accessibility Techniques

What other techniques are part of your regular accessibility strategy?
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%

Screen Readers

Which screen readers do you use for accessibility testing?
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%

Accessibility Tools

What tools do you use for accessibility testing?
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%

Accessibility Pain Points

What are your biggest pain points around web accessibility?
Fritekstformat
0%
14%
28%
41%
55%
69%
1

Technical issues

Svar som matcher “Technical issues” 400
2

Company issues

Svar som matcher “Company issues” 251
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 tools

Svar som matcher “Lack of tools” 124
7

Lack of knowledge

8

Lack of documentation

9

Browser support

10

WCAG issues

Svar som matcher “WCAG issues” 44
11

Andre svar

Svar som matcher “Andre svar” 1,293
0%
14%
28%
41%
55%
69%
% besvarelser på spørsmål
1,869
9%

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.