Intinya...

Setiap halaman harus memiliki sebuah <title> yang unik dan deskriptif yang mencerminkan topik atau tujuannya.

Apa itu WCAG 2.4.2?

Panduan ini memastikan bahwa halaman web memiliki judul yang jelas dan deskriptif sehingga pengguna dapat dengan mudah menavigasi dan memahami halaman tanpa harus membaca kontennya. Judul yang baik membantu pengguna menemukan apa yang mereka butuhkan dan mengetahui tujuan mereka.

Judul situs ditampilkan dengan berbagai cara, termasuk:

  • Peta situs
  • Hasil mesin pencari
  • Nama tab atau window title bar

Mengapa ini penting?

Ketika halaman web tidak memiliki judul yang jelas, akan jauh lebih sulit bagi pengguna untuk menemukan dan memahami konten yang mereka butuhkan. Ini bisa menjadi tantangan khususnya bagi pengguna dengan gangguan penglihatan, disabilitas kognitif, atau mereka yang mengandalkan navigasi audio.

Mereka harus menghabiskan lebih banyak waktu untuk membaca setiap halaman untuk mengetahui apakah itu relevan. Ini juga akan membingungkan saat menavigasi, terutama jika seseorang membuka banyak tab, yang membuatnya sulit untuk melacak posisi mereka.

Beberapa contoh halaman web dengan title samar dan tidak jelas

Tab pada browser di mana setiap halaman menampilkan teks yang samar dan tidak jelas: What's a Title, tanpa Title, dan Page one of Three, menunjukkan betapa sulitnya menavigasi tanpa judul halaman yang baik.

Siapa yang terpengaruh?

Pengguna dengan gangguan penglihatan, pengguna dengan gangguan kognitif, dan pengguna dengan gangguan mobilitas.

Pengguna dengan gangguan penglihatan menggunakan screen reader atau teknologi bantu lainnya untuk membaca judul halaman ketika mereka memiliki banyak tab terbuka dan sebelum membaca konten. Pengguna dapat dengan cepat memfilter daftar judul halaman yang jelas dan menavigasi sesuai kebutuhan.

Pengguna dengan gangguan kognitif mendapat manfaat dari judul halaman yang jelas karena mereka dapat dengan cepat memahami tentang apa halaman tersebut tanpa harus menyaring semua kontennya. Ini mengurangi beban kognitif mereka dan memudahkan mereka mengingat apa yang terkandung dalam setiap halaman.

Pengguna dengan gangguan mobilitas mungkin mengandalkan navigasi suara, menggunakan perintah suara, atau teknologi bantu lainnya untuk menjelajahi web. Judul yang jelas dibaca keras oleh perangkat mereka dan memungkinkan mereka untuk memahami tujuan setiap halaman dengan cepat. Mereka dapat memutuskan apakah sebuah halaman relevan bagi mereka dengan lebih efisien tanpa membuang usaha yang tidak perlu untuk menavigasi.

Cara menerapkan WCAG 2.4.2

Bagian ini menawarkan penjelasan yang disederhanakan dan contoh-contoh untuk membantu kamu memulai. Untuk panduan lengkap, selalu rujuk ke dokumentasi resmi WCAG.

Gunakan elemen <title>

Setiap dokumen HTML, termasuk yang ada di dalam frame, memiliki elemen <title> di bagian <head> yang memberikan frasa sederhana yang menggambarkan tujuan dokumen tersebut. Ini membantu pengguna dengan cepat memahami di mana mereka berada di situs tanpa harus menyaring konten halaman.

Penting untuk dicatat bahwa elemen <title> (yang wajib ada dan hanya muncul sekali per dokumen) berbeda dari atribut title (yang dapat ditambahkan ke hampir semua elemen HTML).

Untuk pedoman ini, pastikan bahwa kode sumber halaman web memiliki elemen <title> yang tidak kosong di bagian head dan menggunakan teks judul yang deskriptif dan unik.

Identifikasi hubungan halaman dengan kumpulan halaman web yang lebih besar

Teknik ini membantu pengguna memahami bagaimana halaman web saat ini terkait dengan halaman lainnya di situs yang sama. Hubungan ini dijelaskan dalam judul halaman.

Misalnya, sebuah buku teks online dibagi menjadi beberapa bab. Judul setiap halaman web mencakup nomor bab dan judul bab serta judul buku teks tersebut.

Contoh peta situs yang dijelaskan pada caption

Sebuah peta situs di mana setiap halaman menggunakan judul halaman yang jelas, unik, dan singkat. Judul halaman tersebut meliputi: 'Cool Agency Homepage', 'Cool Agency Services', 'Web Design Service by Cool Agency', 'Graphic Design Service by Cool Agency', 'SEO Service by Cool Agency', 'Cool Agency Service Pricing', dan 'Features and Benefits to Cool Agency Services'

Kesimpulan

WCAG 2.4.2 mengharuskan halaman web memiliki judul yang jelas dan deskriptif. Hal ini membantu semua orang, terutama mereka yang memiliki gangguan penglihatan, kognitif, dan mobilitas, untuk menemukan dan memahami konten dengan mudah. Untuk mengikuti pedoman ini, gunakan elemen <title> di bagian <head> HTML untuk menjelaskan tujuan halaman dengan jelas dan unik.