İçeriğe atla

State of HTML 2023

Erişilebilirlik

This was our first survey to study accessibility in such depth. What we found is that while respondents clearly care about accessibility, they struggle to implement it in practice as they lack technical, educational, and organizational support.

Accessibility Experience & Sentiment

Aşağıdaki erişilebilirlik özelliklerinden hangilerini kullandınız?

Group by:

Sort by:

1

95.6%
3.2%
13,191
2

81.8%
11.5%
6.3%
13,164
3

11.8%
27.3%
60.6%
13,156
4

18.3%
79.6%
13,108

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.

Engelli Kullanıcılar

Web siteleri yaparken hangi tür engelli kullanıcıları hesaba katıyorsunuz?
0%
13%
26%
40%
53%
66%
1

low_vision

8,351
2

atypical_vision

6,671
3

mobility_impairments

3,504
4

vestibular_disorders

2,546
5

hearing_impairments

2,417
6

learning_disabilities

1,783
7

cognitive_impairments

1,552
8

None

3,088
0%
13%
26%
40%
53%
66%
% of question respondents
12,648
61%

Diğer Erişilebilirlik Teknikleri

Erişilebilirlik stratejinizin bir parçası olan diğer teknikler nelerdir?
0%
17%
35%
52%
69%
86%
1

descriptive_alt_text

11,219
2

headings_hierarchy

10,180
3

form_control_label

9,921
4

meaningful_link_text

8,709
5

good_color_contrast

8,023
6

Keyboard navigation

7,396
7

visible_focus

7,337
8

color_alternative

6,535
9

pointer_alternative

6,201
10

fieldset_and_legend

6,052
11

skip_to_content

4,396
12

3,676
13

1,341
14

None

654
0%
17%
35%
52%
69%
86%
% of question respondents
12,975
62%

Ekran Okuyucular

Erişilebilirlik testleri için hangi ekran okuyucuları kullanıyorsunuz?
0%
13%
26%
38%
51%
64%
1

VoiceOver

3,153
2

NVDA

1,501
3

JAWS

1,026
4

TalkBack

529
5

None

7,583
0%
13%
26%
38%
51%
64%
% of question respondents
11,819
57%

Erişilebilirlik Araçları

Erişilebilirlik testleri için hangi araçları kullandınız?
0%
10%
20%
31%
41%
51%
1

Lighthouse

6,127
2

Axe

2,769
3

VoiceOver.js

206
4

Assistiv Labs

172
5

Guidepup

16
6

None

5,145
0%
10%
20%
31%
41%
51%
% of question respondents
12,004
57%

Erişilebilirlik Sıkıntı Yaratan Noktalar

Web erişilebilirliğiyle ilgili sıkıntı yaratan noktalar nelerdir?
Freeform
0%
14%
28%
41%
55%
69%
1

Technical issues

Answers matching “Technical issues” 400
2

Company issues

Answers matching “Company issues” 251
3

Implementation issues

Answers matching “Implementation issues” 171
4

Screen reader issues

Answers matching “Screen reader issues” 143
5

Lack of best practices

6

Lack of tools

Answers matching “Lack of tools” 124
7

Lack of knowledge

8

Lack of documentation

9

Browser support

10

WCAG issues

Answers matching “WCAG issues” 44
11

Other Answers

Answers matching “Other Answers” 1,293
0%
14%
28%
41%
55%
69%
% of question respondents
1,869
9%

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.