Demo

Heading

Heading ini melewati satu level:

Heading ini tidak memiliki teks sama sekali:

Blockquote pendek ini mungkin merupakan heading:

Paragraf tebal ini mungkin merupakan heading:

Saya heading palsu

Heading ini sangat panjang:

Alternatif teks untuk gambar

Heading ini terbuat dari gambar teks tanpa alt:

Gambar tanpa atribut alt sama sekali:

Gambar dengan atribut alt yang tidak valid, mis., alt="'"

Gambar dengan nama file sebagai alt

Gambar dengan teks redundan dalam altnya, seperti “gambar dari:”

Gambar tertaut dengan teks redundan dalam altnya, seperti “gambar dari:”

Gambar dengan alt placeholder:

Gambar tertaut dengan alt placeholder:

Gambar dengan alt kode mesin:

Gambar tertaut dengan alt kode mesin:

Gambar dengan teks alt yang sangat panjang:

Gambar dalam tautan di mana teks alt mungkin mendeskripsikan gambar, bukan tautan

Tautan ini memiliki teks dan gambar.

Gambar tertaut mana pun (pengujian nonaktif secara default)

Gambar dalam figure yang ditandai dekoratif:

Gambar dalam figure dengan alt yang sama dengan figcaption:

Gambar dalam korsel tanpa alt:

Kontras

Kombinasi warna yang tidak terbaca:

Warna memerlukan pemeriksaan manual:

Grafik SVG tanpa kontras yang cukup

Grafik SVG di mana kontras memerlukan pemeriksaan manual

Embed & Media

Video ditandai sebagai memerlukan pemeriksaan manual untuk takarir:

Audio memerlukan transkrip:

Iframe yang tidak memiliki judul dan juga memerlukan pemeriksaan manual:

Iframe yang tidak dapat difokus:

Komponen interaktif bersarang

Tautan Bermakna

Tautan tanpa teks sama sekali

Tautan kosong

Tautan yang hanya diberi label dengan URL:

https://www.youtube.com/watch?v=DLzxrzFCyOs

Tautan yang hanya diberi label dengan simbol:

↣

Tautan dengan nama yang sama menuju tempat yang berbeda

Turtles Turtles

Tautan yang hanya diberi label dengan nomor DOI:

doi.org/10.1145/3493612.3520468

Tautan dengan label yang tidak bermakna:

Klik di sini

Ikon tertaut tanpa alternatif teks:

Tautan yang terbuka di jendela baru tanpa ikon tautan eksternal atau peringatan teks

Peringatan untuk pengujian buka-di.

Tautan ke PDF

Selamat bersenang-senang.

Tautan ke dokumen lain

Tautan dokumen palsu.

Tautan dengan atribut judul yang redundan

Hover me

Tautan dengan atribut yang menghapus mereka dari tab index:

Tautan aria-hidden tanpa tabindex negatif.

Tautan aria-labelledby menunjuk ke elemen tanpa teks:

Tautan dengan kata-kata generik dalam label aria mereka:

pelajari lebih lanjut

Gambar tertaut tanpa teks alt:

Gambar tertaut dengan teks alt yang tidak dapat diucapkan:

Gambar tertaut tanpa atribut teks alt:

Gambar tertaut tanpa atribut teks alt dalam tautan dengan teks:

Cari

Gambar tertaut dengan hanya nama file sebagai teks alt:

Gambar tertaut dengan teks alt yang mencurigakan panjang:

Tautan dalam halaman yang rusak

Tidak ada ID seperti itu.

Tautan ke server pengembangan

Oops

Jangkar duplikat

Jangkar 1 Jangkar 2

Tabel

Tabel tanpa header yang valid

Keterbacaan

Teks bergaris bawah

Sedikit huruf miring boleh saja, tetapi blok besar teks yang ditekankan tidak terlalu mudah dibaca. Sedikit tentu saja masih dapat diterima, tetapi ada batasnya, dan satu paragraf penuh terlalu banyak. Ini, misalnya, adalah satu paragraf penuh. Agak sulit dibaca, bukan? Tetapi pengujian ini tidak aktif hingga sepanjang ini, jadi Anda tidak akan melihat hasil positif palsu dalam konten Anda kecuali Anda menulis paragraf yang sangat panjang seperti ini secara rutin.

Teks rata kiri-kanan

Superskrip atau subskrip berlebihan; _{subskrip harus digunakan untuk referensi kecil dan catatan kaki, bukan untuk seluruh kalimat atau paragraf.}

Font yang sangat kecil

Formulir

Tombol tanpa label

Input dengan label tak terlihat, menanyakan apakah ada juga label yang terlihat.

Input dengan hanya label placeholder, menanyakan apakah ada juga label yang terlihat.

Mengacak urutan tab