Lompat menuju konten

State of HTML 2024

Accessibility

Membuat aplikasi dan situs yang dapat diakses semua orang.

Pengalaman Akesibilitas & Sentimen

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.

Kelompokkan berdasarkan:

Urutkan berdasarkan:

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

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:54%
“Positive” average:38%
“Negative” average:2%

Disabilitas pengguna

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

Gangguan penglihatan

2,659
2

Penglihatan warna atipikal

2,014
3

Gangguan mobilitas

1,244
4

Kecacatan Vestibular

882
5

Gangguan pendengaran

758
6

Gangguan pembelajaran

569
7

Gangguan kognitif lainnya

497
8

Tidak ada

693
9

Lainnya

50
0%
15%
29%
44%
58%
73%
% dari pertanyaan responden
3,651
68%
disabilitas pengguna macam apa yang anda pertimbangkan ketika membuat situs web?

Teknik-teknik aksesibilitas lainnya

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

Teks alt yang deskriptif

3,371
2

Hierarki Informasi

3,165
3

Label Kontrol Form

3,116
4

Navigasi papan tik yang intuitif

2,717
5

Teks Pranala Yang Berarti

2,687
6

Kontras yang Cukup

2,524
7

Focus Ring yang Terlihat

2,447
8

Tidak Bergantung pada Warna Saja

2,097
9

Tidak Bergantung Pada Pointer

2,009
10

<fieldset> dan <legend>

1,999
0%
18%
36%
53%
71%
89%
% dari pertanyaan responden
3,793
70%
Teknik-teknik lain apa saja yang menjadi bagian dari strategi aksesibilitas anda?

Pembaca Layar

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
2

VoiceOver

1,094
3

NVDA

568
4

JAWS

319
5

WAVE

300
6

TalkBack

153
7

Narrator

147
8

Orca

108
9

Chromevox

101
10

Firefox Accessibility Inspector

11

Tidak ada

1,362
12

Lainnya

34
0%
8%
15%
23%
31%
39%
% dari pertanyaan responden
3,530
65%
Pembaca layar manakah yang anda gunakan untuk pengujian aksesibilitas?

Alat-alat aksesibilitas

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

Lighthouse

1,798
2

browser_devtools

915
3

Axe

887
4

Firefox Accessibility Inspector

830
5

574
6

WAVE

496
7

Accessibility Insights

419
8

Arc

163
9

Pa11y

159
10

Siteimprove

96
0%
10%
21%
31%
42%
52%
% dari pertanyaan responden
3,430
64%
Alat-alat apa yang anda gunakan untuk menguji aksesibilitas?

Titik sakit aksesibilitas

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

Jawaban yang cocok dengan “Technical issues” 148
2

Company issues

Jawaban yang cocok dengan “Company issues” 108
3

Screen reader issues

Jawaban yang cocok dengan “Screen reader issues” 62
4

Implementation issues

Jawaban yang cocok dengan “Implementation issues” 55
5

Lack of knowledge

6

Lack of best practices

7

Browser support

8

Lack of tools

Jawaban yang cocok dengan “Lack of tools” 31
9

Lack of documentation

10

WCAG issues

Jawaban yang cocok dengan “WCAG issues” 16
11

too_time_consuming

12

Discoverability

13

Lainnya

Jawaban yang cocok dengan “Lainnya” 353
0%
11%
21%
32%
43%
54%
% dari pertanyaan responden
659
12%
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.