İçeriğe atla

Erişilebilirlik

Tüm kullanıcılar için siteleri ve uygulamaları erişilebilir hale getirme.

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.

Group by:

Sort by:

1

96.3%
3,952
2

87.3%
8.7%
3,955
3

24.8%
31.5%
43.3%
3,947
4

8.1%
20.5%
66.8%
3,940

Deneyim

  • 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.

Duygu

  • Pozitif: Bir teknoloji hakkında daha fazla bilgi edinmek isteyen veya bu teknolojiyi tekrar kullanmak isteyen katılımcılar.
  • Nötr: Bir teknoloji hakkında herhangi bir duygu belirtmeyen yanıtlayıcılar.
  • Negatif: Bir teknoloji hakkında daha fazla bilgi edinmekle ilgilenmeyen veya bu teknolojiyi kullanmış ve olumsuz bir deneyim yaşamış katılımcılar.
Aşağıdaki erişilebilirlik özelliklerinden hangilerini kullandınız?

Engelli Kullanıcılar

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

0%
15%
29%
44%
58%
73%
1

Görme bozuklukları

2,659
2

Atipik görme

2,014
3

Hareketlilik engelliler

1,244
4

Denge bozuklukları

882
5

İşitme engelliler

758
6

Öğrenme zorluğu olanlar

569
7

Diğer bilişsel engelliler

497
8

🚫 Yok

693
9

Other Answers

50
0%
15%
29%
44%
58%
73%
% of question respondents
Web siteleri yaparken hangi tür engelli kullanıcıları hesaba katıyorsunuz?

Diğer Erişilebilirlik Teknikleri

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.

0%
18%
36%
53%
71%
89%
1

Açıklayıcı alt metni

3,371
2

Bilgi Hiyerarşisi

3,165
3

Form Kontrol Etiketleri

3,116
4

Klavye gezinmesi

2,717
5

Anlamlı Link Metni

2,687
6

Yeterli Kontrast

2,524
7

Odaklanma Halkasının Görünürlüğü

2,447
8

Renklerin Tek Başına Kullanılmaması

2,097
9

Pointer etkileşimlerine (örn. hover) klavye alternatifi sağlama.

2,009
10

<fieldset> and <legend>

1,999
0%
18%
36%
53%
71%
89%
% of question respondents
Erişilebilirlik stratejinizin bir parçası olan diğer teknikler nelerdir?

Ekran Okuyucular

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

0%
8%
15%
23%
31%
39%
1

Chrome DevTools

1,240
1,094
568
319
300
108
10

Firefox Accessibility Inspector

11

🚫 Yok

1,362
12

Other Answers

34
0%
8%
15%
23%
31%
39%
% of question respondents
Erişilebilirlik testleri için hangi ekran okuyucuları kullanıyorsunuz?

Erişilebilirlik Araçları

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

0%
10%
21%
31%
42%
52%
1,798
2

browser_devtools

915
887
4

Firefox Accessibility Inspector

830
5

574
496
163
159
0%
10%
21%
31%
42%
52%
% of question respondents
Erişilebilirlik testleri için hangi araçları kullandınız?

Erişilebilirlik Sıkıntı Yaratan Noktalar

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.

0%
11%
21%
32%
43%
54%
1

Technical issues

Answers matching “Technical issues” 148
2

Company issues

Answers matching “Company issues” 108
3

Screen reader issues

Answers matching “Screen reader issues” 62
4

Implementation issues

Answers matching “Implementation issues” 55
5

Lack of knowledge

6

Lack of best practices

7

Browser support

8

Lack of tools

Answers matching “Lack of tools” 31
9

Lack of documentation

10

WCAG issues

Answers matching “WCAG issues” 16
11

too_time_consuming

12

Discoverability

13

Other Answers

Answers matching “Other Answers” 353
0%
11%
21%
32%
43%
54%
% of question respondents
Web erişilebilirliğiyle ilgili sıkıntı yaratan noktalar nelerdir?
Freeform

Recommended Resources

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.
Thanks to our partners for supporting us! Learn more.