Ugrás a tartalomhoz

State of HTML 2025

Akadálymentesítés

Weboldalak és appok elérhetővé tétele mindenki számára.

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

Feature Highlight: <search>

The <search> element is one of those easy wins that take very little effort to add to your list of best practices. Step 1: use it to denote any search field in your apps. Step 2: well that's it really!

And now that it's supported in all four major browsers, there's really no reason not to be using it.

Baseline: Newly Available

Learn more

Useful Resources

Akadálymentesítő funkciók

Landmark elements (<main>, <nav>, etc.) aren't very new or exciting but they remain a foundation of web accessibility.

Group by:

Sort by:

1
Akadálymentesítés
Landmark elements
96.7%
4,383
2
Akadálymentesítés
88.2%
8%
4,381
3
Akadálymentesítés
29.3%
29.1%
41.2%
4,377
4
Akadálymentesítés
13%
22.5%
64.3%
4,378

Experience

  • <span aria-hidden="true">🤓</span> Már használtam: Respondents who have used an item.
  • <span aria-hidden="true">👀</span> Hallottam már róla: Respondents who have heard about an item, but haven't used it.
  • <span aria-hidden="true">🤷</span> Nem hallottam még róla: 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.
“Used” average:57%
“Positive” average:37%
“Negative” average:2%

Egyéb akadálymentesítő technikák

While things like alt text or proper heading hierarchy have become second nature to most front-end developers, newer tools like the prefers- set of media queries have yet to truly become mainstream.
Milyen egyéb technikákat alkalmazol rendszerint az akadálymentesítéshez?
Multiple
0%
20%
40%
60%
80%
100%
01
Kifejező alt szöveg
3,647
02
Információs hierarchia
3,452
03
Űrlap irányítóelemek leírása
3,331
04
Jelentőségteljes link szöveg
+1
2,827
05
Elégséges kontraszt
+1
2,778
06
Látható fókuszgyűrű
+1
2,725
07
Intuitív billentyűzetes navigáció
-3
2,454
08
<fieldset> és <legend>
+2
2,250
09
Ne támaszkodjunk csak és kizárólag az egér mutatójára
2,194
10
Ne csak a színekre támaszkodjunk
-2
2,192
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
4,124
66%
10

A felhasználók fogyatákosságai

It's nice to see that beyond accounting for users with vision impairments, more developers are also taking atypical color vision and mobility impairments into account compared to last year.
Mely fogyatákosságokkal számolsz egy weboldal készítésekor?
Multiple
0%
20%
40%
60%
80%
100%
1
Gyenge látás
2,724
2
Atipikus színlátás
2,163
3
Mozgási nehézségek
1,387
4
Vesztibulária zavarok
920
5
Hallási nehézségek
687
6
Tanulási nehézségek
677
7
🚫 Egyik sem
665
8
Egyéb kognitív zavarok
600
9
Egyéb
52
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,727
60%
10

Képernyő felolvasók

Once again, easily accessible tools like VoiceOver or the Chrome DevTools win over more specialized options. Although many developers still don't use screen readers of any kind (also note that 39% of survey respondents skipped the question altogether).
Milyen képernyő felolvasókat használsz az akadálymentesítés tesztelésekor?
Multiple
0%
20%
40%
60%
80%
100%
01
VoiceOver
+1
1,376
02
🚫 Egyik sem
1,358
03
Chrome DevTools
-1
1,306
04
NVDA
742
05
JAWS
414
06
WAVE
366
07
TalkBack
216
08
Narrator
199
09
Orca
137
10
Chromevox
88
11
Firefox Accessibility Inspector
12
Egyéb
51
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,784
61%
10

Akadálymentesítő eszközök

Browser devtools have seen a huge jump in usage compared to last year's results, seeing them overtake Lighthouse to become the lead accessibility testing tool.
Milyen eszközöket használtál már az akadálymentesítés tesztelésére?
Multiple
0%
20%
40%
60%
80%
100%
01
Browser Devtools
+1
2,259
02
Lighthouse
-1
1,983
03
Axe
1,145
04
Firefox Accessibility Inspector
1,033
05
🚫 Egyik sem
-1
717
06
WAVE
+1
648
07
-1
544
08
Accessibility Insights
523
09
Pa11y
+1
188
10
Arc
-1
167
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
3,860
62%
10

Akadálymentesítés hiányosságok

While there are technical gaps when it comes to accessibility (e.g. cross-root ARIA), a recurring theme whenever we ask about it is that the main pain points are around the humans involved with issues around workplace priorities, education, and cognitive overhead topping the list.
Mik a legnagyobb hiányosságok a webes akadálymentesítésben?
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
Egyéb
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka
606
10%
25
5

Ajánlott források

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.
Köszönet partnereink támogatásáért! Tudj meg többet.