Gå til innhold

Accessibility

Making sites and apps accessible by all.

We're highlighting interesting features or libraries we think you should know about.

Feature Highlight: <search>

Elementet <search> er ett av disse enkle triumfene som tar veldig lite innsats å legge til listen over beste praksis. Trinn 1: bruk det til å betegne ethvert søkefelt i appene dine. Trinn 2: så er det egentlig det!

Og nå som det er støttet i alle fire store nettlesere, er det virkelig ingen grunn til ikke å bruke det.

Baseline: Newly Available

Learn more

Tilgjengelighet Erfaring & Følelser

Landemerkeelementer (<main>, <nav> osv.) er ikke veldig nye eller spennende, men de forblir et grunnlag for webtilgjengelighet.

Gruppér etter:

Sorter etter:

1
Accessibility
96.7%
4,383
2
Accessibility
88.2%
8%
4,381
3
Accessibility
29.3%
29.1%
41.2%
4,377
4
Accessibility
13%
22.5%
64.3%
4,378

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.

Other Accessibility Techniques

Mens ting som alt-tekst eller riktig overskriftshierarki har blitt andre natur for de fleste front-end-utviklere, er nyere verktøy som settet prefers- for mediespørsmål ennå ikke virkelig blitt mainstream.
What other techniques are part of your regular accessibility strategy?
Multiple
0%
20%
40%
60%
80%
100%
01
Descriptive alt text
3,647
02
Information Hierarchy
3,452
03
Form Control Labels
3,331
04
Meaningful Link Text
+1
2,827
05
Sufficient Contrast
+1
2,778
06
Visible Focus Ring
+1
2,725
07
Intuitive keyboard navigation
-3
2,454
08
<fieldset> and <legend>
+2
2,250
09
Not Relying on Pointer Only
2,194
10
Not Relying on Color Only
-2
2,192
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

User Disabilities

Det er fint å se at utover reg for brukere med synshemninger, tar flere utviklere også hensyn til atypisk fargesyn og mobilitetssvikt sammenlignet med i fjor.
What kind of user disabilities do you account for when making websites?
Multiple
0%
20%
40%
60%
80%
100%
1
Low vision
2,724
2
Atypical color vision
2,163
3
Mobility impairments
1,387
4
Vestibular disorders
920
5
Hearing impairments
687
6
Learning disabilities
677
7
🚫 Ingen
665
8
Other cognitive impairments
600
9
Andre svar
52
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Screen Readers

Igjen vinner lett tilgjengelige verktøy som VoiceOver eller Chrome DevTools over mer spesialiserte alternativer. Selv om mange utviklere fortsatt ikke bruker skjermleseres av noe slag (merk også at 39% av undersøkelsesrespondentene hoppet over spørsmålet helt).
Which screen readers do you use for accessibility testing?
Multiple
0%
20%
40%
60%
80%
100%
+1
1,376
02
🚫 Ingen
1,358
03
Chrome DevTools
-1
1,306
742
414
366
216
199
137
11
Firefox Accessibility Inspector
12
Andre svar
51
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Accessibility Tools

Nettleserdevtools har sett et enormt hopp i bruk sammenlignet med fjorårets resultater, og de passerer Lighthouse til å bli det ledende tilgjengelighetstestingsverktøyet.
What tools do you use for accessibility testing?
Multiple
0%
20%
40%
60%
80%
100%
01
Browser Devtools
+1
2,259
-1
1,983
03
1,145
04
Firefox Accessibility Inspector
1,033
05
🚫 Ingen
-1
717
+1
648
07
-1
544
+1
188
10
-1
167
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Accessibility Pain Points

Selv om det er tekniske hull når det kommer til tilgjengelighet (for eksempel cross-root ARIA), er et gjentakende tema når vi spør om det at hovedsmertepunktene er omkring menneskene som er involvert med problemer omkring arbeidsplassprioriteringer, utdanning og kognitiv overbelastning topplisten.
What are your biggest pain points around web accessibility?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
01
Education
3
02
workplace
1
03
Cognitive overload
2
04
Debugging
1
05
Environments & Consumers
06
Screen reader issues
2
07
ARIA
1
08
Browser support
1
09
Low priority
-7
10
Tooling
2
11
Excessive complexity
-2
12
Keyboard navigation
13
Standards & Specs
1
14
Focus management
-3
15
16
Missing elements
17
Ecosystem issues
18
Content
1
19
Accessible visual design
20
Reliance on JavaScript
21
Access to screen readers
+3
22
Component-Based Architecture
23
Invalid/Spam
24
CSS Integration
25
26
Andre svar
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål

Anbefalte ressurser

Website Accessibility, v3
Jon Kuperman
Bloomberg

Website Accessibility, v3

Build content for everyone and become your company's accessibility expert! Learn the importance of semantic HTML and alt text for ensuring screen readers can navigate your site.
Takk til våre partnere for deres bidrag! Lær mer.