Intinya...
Dulu, HTML harus memiliki struktur yang tepat dan tanpa kesalahan markup yang kritis (seperti tag yang hilang atau ID yang duplikat).
Persyaratan ini telah dihapus tapi tetap membantu menjaga kompatibilitas.
Apa itu WCAG 4.1.1?
Tujuan dari kriteria keberhasilan ini adalah untuk memastikan bahwa browser dan teknologi bantu dapat membaca dan memahami konten halaman web dengan benar. Jika konten diprogram dengan buruk, teknologi bantu mungkin akan menampilkannya dengan cara yang berbeda atau gagal membacanya sama sekali.
Untuk menghindari hal ini, konten perlu valid dan terstruktur dengan baik dalam hal pengkodeannya. Misalnya, dalam HTML, kesalahan seperti tag yang rusak dapat merusak upaya teknologi bantu dalam mem-parsing atau membaca konten.
Namun, perlu diingat bahwa kriteria ini telah dihapus dari WCAG 2.2. HTML dan browser kini telah berkembang dalam menangani kesalahan pengkodean. Teknologi bantu sekarang tidak lagi mem-parsing kode secara langsung, tetapi mengandalkan browser untuk melakukannya, menjadikan panduan ini usang. Sebagian besar masalah yang dicakup oleh kriteria ini sekarang akan jatuh di bawah kriteria WCAG 1.3.1 Informasi dan Relasi atau WCAG 4.1.2 Name, Role, Value.
Mengapa ini penting?
Ketika kriteria keberhasilan ini diterapkan dengan benar, ini akan memastikan bahwa teknologi bantu seperti screen reader dapat memahami dan menginterpretasikan konten tanpa kesalahan.
Jika halaman diprogram dengan salah, seperti memiliki tag yang hilang atau disusun secara salah, ini dapat menyebabkan teknologi bantu salah menginterpretasikan halaman atau bahkan menyebabkan kerusakan.
Siapa yang terpengaruh?
Pengguna screen reader atau teknologi bantu lainnya.
Pengguna yang bergantung pada screen reader, pembesar layar, atau teknologi pengenalan suara. Alat-alat ini bergantung pada kode yang terstruktur dengan baik untuk berfungsi dengan benar, dan ketika kode tersebut tidak terstruktur dengan baik, alat tersebut bisa salah menginterpretasikan konten, membacanya dalam urutan yang salah, melewatkan bagian penting, atau gagal menyampaikan makna yang dimaksud. Dalam skenario yang lebih buruk, ini bisa menyebabkan teknologi bantu mengalami kerusakan atau bertindak secara tidak terduga.
Cara menerapkan WCAG 4.1.1
Markup atau HTML digunakan sesuai spesifikasi
Cara utama untuk memenuhi pedoman ini adalah memastikan bahwa kode mengikuti spesifikasi resmi untuk kode yang digunakan, seperti HTML. Menggunakan validator membantu menangkap kesalahan dan ketidakjelasan dalam kode, memastikan kode berfungsi dengan benar di berbagai browser dan teknologi bantu.
Penggunaan tag pembuka dan penutup dengan benar
Pastikan bahwa setiap elemen dalam kode halaman mencakup tag pembuka dan penutup yang sesuai. Misalnya, paragraf yang dimulai dengan <p> harus memiliki tag penutup yang sesuai yaitu </p>.
Atribut ID yang unik
Pastikan setiap atribut ID di halaman memiliki nilai yang unik. Kamu bisa memeriksa ID duplikat secara manual atau menggunakan alat validasi untuk menandai masalah ini.
Contoh: Dua elemen <a> yang berbeda menggunakan nilai atribut ID yang sama, yaitu "mylink".
<a id="mylink" href=#>One of my links</a>
<a id="mylink" href=#>My other link!</a>Atribut duplikat dalam satu elemen
Periksa dan pastikan bahwa elemen HTML yang sama tidak mencakup atribut yang duplikat, karena ini bisa membingungkan teknologi bantu. Misalnya, perhatikan heading berikut yang mendeklarasikan atribut ID dua kali:
<h1 id="myHeading" id="heading1">Page Heading</h1>
Kesimpulan
WCAG 4.1.1 dirancang untuk memastikan bahwa konten web dikodekan dengan benar sehingga teknologi bantu seperti screen reader dapat menginterpretasikan konten dengan akurat. Meskipun kriteria ini telah dihapus dalam WCAG 2.2 karena kemajuan dalam HTML, browser, dan teknologi bantu, prinsip yang dipromosikan tetap penting. Pengkodean yang benar,seperti menggunakan tag pembuka dan penutup yang benar, ID yang unik, dan menghindari atribut duplikat, tetap krusial untuk aksesibilitas web.