Gå til innhold

Accessibility

Making sites and apps accessible by all.

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.

Gruppér etter:

Sorter etter:

1

96.3%
3,951
2

87.3%
8.7%
3,954
3

24.8%
31.5%
43.3%
3,946
4

8.1%
20.5%
66.8%
3,939

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

It was comforting to see developers account for a wide range of disabilities while making websites, with visual disabilities taking the top ranks.

What kind of user disabilities do you account for when making websites?
[nb-NO] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Low vision

2,659
2

Atypical color vision

2,014
3

Mobility impairments

1,244
4

Vestibular disorders

882
5

Hearing impairments

758
6

Learning disabilities

569
7

Other cognitive impairments

497
8

🚫 Ingen

692
9

Andre svar

50
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Other Accessibility Techniques

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.

What other techniques are part of your regular accessibility strategy?
[nb-NO] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Descriptive alt text

3,370
2

Information Hierarchy

3,164
3

Form Control Labels

3,115
4

Intuitive keyboard navigation

2,716
5

Meaningful Link Text

2,686
6

Sufficient Contrast

2,524
7

Visible Focus Ring

2,447
8

Not Relying on Color Only

2,096
9

Not Relying on Pointer Only

2,009
10

<fieldset> and <legend>

1,999
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Screen Readers

It should come as no surprise that developers are more likely to use screenreaders if they come bundled with their browser or OS.

Which screen readers do you use for accessibility testing?
[nb-NO] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Chrome DevTools

1,240
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

🚫 Ingen

1,361
12

Andre svar

34
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Accessibility Tools

Lighthouse and browser devtools in general topped the rankings, overtaking more specialized tools such as Axe or WAVE.

What tools do you use for accessibility testing?
[nb-NO] blocks.multiple
0%
20%
40%
60%
80%
100%
1,798
2

Browser Devtools

915
887
4

Firefox Accessibility Inspector

830
5

574
496
163
159
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Accessibility Pain Points

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.

What are your biggest pain points around web accessibility?
Fritekstformat
[nb-NO] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Testing

2

Low priority

3

4

Lack of knowledge

5

Lack of best practices

6

Browser support

7

Lack of documentation

8

Excessive complexity

9

Screen readers inconsistencies

10

Company issues

0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

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.