Apa itu Pembantu Teks Alternatif?

Pilih jenis gambar, tulis teks alternatif dengan bantuan panduan khusus tiap jenis, lalu periksa dengan daftar periksa aksesibilitas. Dilengkapi tips dan contoh untuk deskripsi yang ramah pembaca layar.

Pilih salah satu dari enam jenis gambar — foto, ikon, grafik, dekoratif, informatif, atau gambar tautan — dan kolom akan beralih ke panduan spesifik yang mengarahkan ke apa yang sungguh dibutuhkan pengguna pembaca layar. Penghitung karakter memberi peringatan saat melewati 125 karakter, dan daftar enam poin memverifikasi deskripsi yang spesifik, ringkas, sadar konteks, bebas dari kalimat seperti 'image of', mengedepankan informasi paling penting, serta tidak penuh koma atau kata kunci yang diulang. Gambar dekoratif mendapat pengingat alt="" agar teknologi bantu melewatkannya.

Cara menggunakan

1. Pilih jenis gambar yang sedang Anda deskripsikan: foto, ikon, grafik, dekoratif, informatif, atau gambar tautan.
2. Gunakan panduan sesuai jenis gambar untuk menulis deskripsi yang ringkas.
3. Tinjau teks alt Anda berdasarkan daftar periksa aksesibilitas, lalu salin untuk digunakan di HTML atau CMS Anda.

Kapan menggunakan

• Mengisi atribut alt pada galeri produk Shopify atau WordPress sebelum dirilis.
• Menulis alt untuk grafik di laporan kuartalan agar pengguna pembaca layar tetap menangkap angkanya.
• Mengaudit situs terhadap WCAG 1.1.1 sebelum tinjauan aksesibilitas.

Hasil

Untuk grafik batang yang menampilkan penjualan Q1: alih-alih 'chart.png', tulis 'Grafik batang penjualan Q1 2024 berdasarkan wilayah: Amerika Utara $2,1 juta, Eropa $1,8 juta, Asia $1,4 juta'.

FAQ

Mengapa alt text dianggap atribut aksesibilitas paling penting?

Ia adalah kriteria pertama WCAG (1.1.1 konten non-teks, Level A) dan satu-satunya keharusan yang ditemui pengguna pembaca layar tunanetra di setiap halaman. Hilangnya merugikan aksesibilitas, juga mesin pencari dan crawler pratinjau yang memakainya sebagai keterangan gambar.

Seberapa pendek alt text? Apakah 125 karakter batas mutlak?

Secara teknis bukan. Browser dan pembaca layar tetap mampu memproses string lebih panjang. Patokan 125 karakter berasal dari JAWS versi lama yang memotong teks panjang secara aneh; sudah diperbaiki, tetapi deskripsi pendek tetap lebih nyaman didengar.

Bagaimana dengan gambar dekoratif murni seperti garis pemisah atau ornamen?

Gunakan alt="" (string kosong), jangan menghilangkan atributnya. alt kosong memberi tahu pembaca layar untuk melompati gambar. Bila atribut alt dihapus seluruhnya, sebagian pembaca layar akan membacakan nama file, lebih buruk daripada hening.

Bagaimana mendeskripsikan grafik kompleks dalam 125 karakter?

Mulai dengan jenis grafik dan temuan utama, bukan tiap data. 'Grafik garis, mobile melewati desktop pada Q3 2024' lebih berguna daripada daftar angka bulanan. Data lengkap bisa ditaruh dalam deskripsi teks panjang di tempat lain di halaman.

Apakah perlu memulai dengan 'foto' atau 'gambar'?

Tidak. Pembaca layar sudah mengumumkan bahwa ia sedang membaca gambar, sehingga 'gambar seekor kucing' menjadi 'gambar, gambar seekor kucing'. Mulai dari subjeknya: 'Seekor kucing abu-abu di sofa biru'. Checklist di alat ini menyorot pola tersebut otomatis.

Alat terkait