HTML Accessibility

Aksesibilitas Web (dikenal sebagai a11y) adalah praktik memastikan website dapat digunakan oleh sebanyak mungkin orang, termasuk penyandang disabilitas penglihatan, pendengaran, atau motorik.

Praktik Terbaik Aksesibilitas HTML:

Selalu pasangkan <label for="id"> pada setiap kontrol input.
Selalu sertakan atribut alt deskriptif pada gambar.
Gunakan elemen tombol <button> untuk aksi, bukan membuat <div onclick="..."> sembarangan.
Pastikan rasio kontras warna teks terhadap latar belakang minimal 4.5:1.

Contoh Formulir Aksesibel (Ramah Disabilitas):

<!DOCTYPE html>
<html>
<body>

    <form>
        <label for="namaA11y">Nama Lengkap (Label ini membantu pembaca layar):</label><br>
        <input type="text" id="namaA11y" name="nama" aria-required="true">
    </form>

</body>
</html>

Coba Sendiri (Try it Yourself) »

Website yang aksesibel disukai oleh Google dan memenuhi standar kepatuhan hukum digital internasional.

Uji Pemahaman Singkat (Test Yourself):

Elemen apa yang wajib dipasangkan dengan input formulir untuk membantu pengguna pembaca layar tunanetra?

Selesaikan Topik Ini

Tandai modul selesai untuk mencatat progres akun Anda.

HTML Accessibility

Praktik Terbaik Aksesibilitas HTML:

Selesaikan Topik Ini

HTML Tutorial