Hari 6: Semantik Lanjutan & Aksesibilitas

Figure, details, time, dan praktik aksesibilitas HTML5 — dicoba langsung di playground plus kuis a11y.

Pengantar

Struktur, konten, form, dan media sudah ada. Di Hari 5 media siap diputar — hari ini kita rapikan makna halaman dan kebiasaan aksesibilitas (a11y).

Figure & figcaption

Gambar berketerangan

Preview

Details & summary (FAQ)

Klik ringkasan di preview untuk membuka/menutup — tanpa JavaScript.

FAQ dengan details

Preview

Time & address

Waktu mesin-readable & kontak

Preview

Checklist aksesibilitas

0/7 selesai

html punya atribut lang
title halaman deskriptif
Heading berurutan (h1 → h2 → h3)
Gambar bermakna punya alt
Setiap input form punya label
Link memakai teks bermakna (bukan hanya “klik di sini”)
Iframe punya title

Kuis hari 6

Elemen mana yang tepat untuk keterangan gambar?

Atribut datetime pada time berguna untuk apa?

Hari 6: Semantik Lanjutan & Aksesibilitas

Pengantar

Figure & figcaption

Details & summary (FAQ)

Time & address

Checklist aksesibilitas

Kuis hari 6

Komentar