Lompat menuju konten

State of HTML 2025

Accessibility

Membuat aplikasi dan situs yang dapat diakses semua orang.

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: <search>

The <search> element is one of those easy wins that take very little effort to add to your list of best practices. Step 1: use it to denote any search field in your apps. Step 2: well that's it really!

And now that it's supported in all four major browsers, there's really no reason not to be using it.

Baseline: Newly Available

Learn more

Useful Resources

Pengalaman Akesibilitas & Sentimen

Landmark elements (<main>, <nav>, etc.) aren't very new or exciting but they remain a foundation of web accessibility.

Kelompokkan berdasarkan:

Urutkan berdasarkan:

1
Accessibility
96.7%
4,383
2
Accessibility
88.2%
8%
4,381
3
Accessibility
29.3%
29.1%
41.2%
4,377
4
Accessibility
13%
22.5%
64.3%
4,378

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

Teknik-teknik aksesibilitas lainnya

While things like alt text or proper heading hierarchy have become second nature to most front-end developers, newer tools like the prefers- set of media queries have yet to truly become mainstream.

Teknik-teknik lain apa saja yang menjadi bagian dari strategi aksesibilitas anda?
Multiple
0%
20%
40%
60%
80%
100%
1
Teks alt yang deskriptif
3,647
2
Hierarki Informasi
3,452
3
Label Kontrol Form
3,331
4
Teks Pranala Yang Berarti
+1
2,827
5
Kontras yang Cukup
+1
2,778
6
Focus Ring yang Terlihat
+1
2,725
7
Navigasi papan tik yang intuitif
-3
2,454
8
<fieldset> dan <legend>
+2
2,250
9
Tidak Bergantung Pada Pointer
2,194
10
Tidak Bergantung pada Warna Saja
-2
2,192
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
4,124
66%
10

Disabilitas pengguna

It's nice to see that beyond accounting for users with vision impairments, more developers are also taking atypical color vision and mobility impairments into account compared to last year.

disabilitas pengguna macam apa yang anda pertimbangkan ketika membuat situs web?
Multiple
0%
20%
40%
60%
80%
100%
1
Gangguan penglihatan
2,724
2
Penglihatan warna atipikal
2,163
3
Gangguan mobilitas
1,387
4
Kecacatan Vestibular
920
5
Gangguan pendengaran
687
6
Gangguan pembelajaran
677
7
Tidak ada
665
8
Gangguan kognitif lainnya
600
9
Lainnya
52
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
3,727
60%
10

Pembaca Layar

Once again, easily accessible tools like VoiceOver or the Chrome DevTools win over more specialized options. Although many developers still don't use screen readers of any kind (also note that 39% of survey respondents skipped the question altogether).

Pembaca layar manakah yang anda gunakan untuk pengujian aksesibilitas?
Multiple
0%
20%
40%
60%
80%
100%
1
VoiceOver
+1
1,376
2
Tidak ada
1,358
3
Chrome DevTools
-1
1,306
4
NVDA
742
5
JAWS
414
6
WAVE
366
7
TalkBack
216
8
Narrator
199
9
Orca
137
10
Chromevox
88
11
Firefox Accessibility Inspector
12
Lainnya
51
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
3,784
61%
10

Alat-alat aksesibilitas

Browser devtools have seen a huge jump in usage compared to last year's results, seeing them overtake Lighthouse to become the lead accessibility testing tool.

Alat-alat apa yang anda gunakan untuk menguji aksesibilitas?
Multiple
0%
20%
40%
60%
80%
100%
1
Browser Devtools
+1
2,259
2
Lighthouse
-1
1,983
3
Axe
1,145
4
Firefox Accessibility Inspector
1,033
5
Tidak ada
-1
717
6
WAVE
+1
648
7
-1
544
8
Accessibility Insights
523
9
Pa11y
+1
188
10
Arc
-1
167
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
3,860
62%
10

Titik sakit aksesibilitas

While there are technical gaps when it comes to accessibility (e.g. cross-root ARIA), a recurring theme whenever we ask about it is that the main pain points are around the humans involved with issues around workplace priorities, education, and cognitive overhead topping the list.

Apa saja titik sakit terbesar anda tentang aksesibilitas web?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
1
Education
3
2
workplace
1
3
Cognitive overload
2
4
Debugging
1
5
Environments & Consumers
6
Screen reader issues
2
7
ARIA
1
8
Browser support
1
9
Low priority
-7
10
Tooling
2
11
Excessive complexity
-2
12
Keyboard navigation
13
Standards & Specs
1
14
Focus management
-3
15
16
Missing elements
17
Ecosystem issues
18
Content
1
19
Accessible visual design
20
Reliance on JavaScript
21
Access to screen readers
+3
22
Component-Based Architecture
23
Invalid/Spam
24
CSS Integration
25
26
Lainnya
0%
20%
40%
60%
80%
100%
% dari pertanyaan responden
606
10%
25
5

Rekomendasi Sumber

Website Accessibility, v3
Jon Kuperman
Bloomberg

Website Accessibility, v3

Build content for everyone and become your company's accessibility expert! Learn the importance of semantic HTML and alt text for ensuring screen readers can navigate your site.
Terima kasih kepada semua Mitra yang telah mendukung Kami! Pelajari lebih lanjut.