HTML Accessibility Features

📝 Basic Tables

💡 Dasar Aksesibilitas

Gunakan atribut dan elemen HTML yang membantu pembaca layar dan pengguna berkebutuhan khusus memahami konten.

accessibility.html

          
            <img src="logo.png" alt="Logo perusahaan">

            <button aria-label="Tutup menu">✖</button>

            <nav aria-labelledby="mainmenu">

              <h2 id="mainmenu">Main Menu</h2>

              <ul>

                <li>Home</li>

                <li>About</li>

              </ul>

            </nav>

🔍 Penjelasan Detail:

• alt pada <img> membantu pembaca layar mendeskripsikan gambar.
• aria-label memberi label yang jelas untuk tombol tanpa teks.
• aria-labelledby menghubungkan elemen navigasi dengan judulnya.
• Heading di dalam <nav> membuat struktur lebih jelas.

⚡ Pro Tips

Selalu pastikan semua gambar memiliki alt yang deskriptif dan gunakan atribut ARIA seperlunya, tidak berlebihan.