Ugrás a tartalomhoz

Akadálymentesítés

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

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.

Az alábbiak közül mely akadálymentesítő funkciókat használtad már?

Group by:

Sort by:

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

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: 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.

A felhasználók fogyatákosságai

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

Mely fogyatákosságokkal számolsz egy weboldal készítésekor?
[hu-HU] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Gyenge látás

2,659
2

Atipikus színlátás

2,014
3

Mozgási nehézségek

1,244
4

Vesztibulária zavarok

882
5

Hallási nehézségek

758
6

Tanulási nehézségek

569
7

Egyéb kognitív zavarok

497
8

🚫 Egyik sem

692
9

Egyéb

50
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka

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

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.

Milyen egyéb technikákat alkalmazol rendszerint az akadálymentesítéshez?
[hu-HU] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Kifejező alt szöveg

3,370
2

Információs hierarchia

3,164
3

Űrlap irányítóelemek leírása

3,115
4

Intuitív billentyűzetes navigáció

2,716
5

Jelentőségteljes link szöveg

2,686
6

Elégséges kontraszt

2,524
7

Látható fókuszgyűrű

2,447
8

Ne csak a színekre támaszkodjunk

2,096
9

Ne támaszkodjunk csak és kizárólag az egér mutatójára

2,009
10

<fieldset> és <legend>

1,999
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka

Képernyő felolvasók

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

Milyen képernyő felolvasókat használsz az akadálymentesítés tesztelésekor?
[hu-HU] blocks.multiple
0%
20%
40%
60%
80%
100%
1

Chrome DevTools

1,240
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

🚫 Egyik sem

1,361
12

Egyéb

34
0%
20%
40%
60%
80%
100%
A kérdésre válaszolók százaléka

Akadálymentesítő eszközök

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

Milyen eszközöket használtál már az akadálymentesítés tesztelésére?
[hu-HU] 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%
A kérdésre válaszolók százaléka

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

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.

Mik a legnagyobb hiányosságok a webes akadálymentesítésben?
(szabad formátumú válasz)
[hu-HU] 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%
A kérdésre válaszolók százaléka

Ajánlott források

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