Lompat menuju konten

State of HTML 2023

Accessibility

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

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

Pengalaman

  • <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
  • <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
  • <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.

Sentimen

  • Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
  • Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
  • Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
“Used” average:48%
“Positive” average:38%
“Negative” average:2%

Disabilitas pengguna

0%
13%
26%
40%
53%
66%
1

Gangguan penglihatan

8,351
2

Penglihatan warna atipikal

6,671
3

Gangguan mobilitas

3,504
4

Kecacatan Vestibular

2,546
5

Gangguan pendengaran

2,417
6

Gangguan pembelajaran

1,783
7

Gangguan kognitif lainnya

1,552
8

Tidak ada

3,088
9

Lainnya

142
0%
13%
26%
40%
53%
66%
% dari pertanyaan responden
12,648
61%
disabilitas pengguna macam apa yang anda pertimbangkan ketika membuat situs web?

Teknik-teknik aksesibilitas lainnya

0%
17%
35%
52%
69%
86%
1

Teks alt yang deskriptif

11,219
2

Hierarki Informasi

10,180
3

Label Kontrol Form

9,921
4

Teks Pranala Yang Berarti

8,709
5

Kontras yang Cukup

8,023
6

Navigasi papan tik yang intuitif

7,396
7

Focus Ring yang Terlihat

7,337
8

Tidak Bergantung pada Warna Saja

6,535
9

Tidak Bergantung Pada Pointer

6,201
10

<fieldset> dan <legend>

6,052
0%
17%
35%
52%
69%
86%
% dari pertanyaan responden
12,975
62%
Teknik-teknik lain apa saja yang menjadi bagian dari strategi aksesibilitas anda?

Pembaca Layar

0%
13%
26%
38%
51%
64%
1

VoiceOver

3,172
2

NVDA

1,501
3

JAWS

1,026
4

TalkBack

530
5

Narrator

6

Orca

7

Chrome DevTools

8

Chromevox

9

WAVE

10

Tidak ada

7,583
11

Lainnya

154
0%
13%
26%
38%
51%
64%
% dari pertanyaan responden
11,819
57%
Pembaca layar manakah yang anda gunakan untuk pengujian aksesibilitas?

Alat-alat aksesibilitas

0%
10%
20%
31%
41%
51%
1

Lighthouse

6,130
2

Axe

2,777
3

WAVE

4

VoiceOver.js

206
5

Assistiv Labs

172
6

Browser Devtools

7

Firefox Accessibility Inspector

8

Siteimprove

9

Accessibility Insights

10

Contrast checkers

0%
10%
20%
31%
41%
51%
% dari pertanyaan responden
12,004
57%
Alat-alat apa yang anda gunakan untuk menguji aksesibilitas?

Titik sakit aksesibilitas

0%
14%
29%
43%
57%
71%
1

Technical issues

Jawaban yang cocok dengan “Technical issues” 400
2

Company issues

Jawaban yang cocok dengan “Company issues” 191
3

Implementation issues

Jawaban yang cocok dengan “Implementation issues” 171
4

Screen reader issues

Jawaban yang cocok dengan “Screen reader issues” 143
5

Lack of best practices

6

Lack of knowledge

7

Lack of documentation

8

Browser support

9

Lack of tools

10

Company issues

11

Lainnya

Jawaban yang cocok dengan “Lainnya” 1,337
0%
14%
29%
43%
57%
71%
% dari pertanyaan responden
1,869
9%
Apa saja titik sakit terbesar anda tentang aksesibilitas web?
(Pertanyaan bebas)

Rekomendasi Sumber

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.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.