draftBlog {draftprint} Theme - Responsive Blogger Template - Ini adalah blank theme dengan Bootstrap CSS, cocok untuk anda yang mau meng-eksplor membangun template blogger.
Warning: Element nav does not need a role attribute.
From line 285, column 1; to line 285, column 163
a>↩</div>↩<nav class='collapse navbar-collapse' id='bs-example-navbar-collapse-1' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>↩<ul c
Apakah anda pernah mengalami peringatan seperti di atas saat cek validator.w3.org?,
kalo saya sering banget bro hehehehe.
Ini adalah dokumentasi dari pemahaman pribadi mengenai HTML5 Accessibility,
Accessibility sendiri dibuat untuk membatu saudara kita yang memiliki keterbatasan (Difabel) dalam mengakses webside. Karena kita mau membantu mereka, maka perlu memahami konsep dasar untuk memberitahu kepada saudara kita yang memiliki keterbatasan.
Contohnya begini, kita mau kasih tau:
ini adalah kepala dan ini kepala
bila kita terjemahkan ke tag html5 maka akan seperti ini:
<header role="header"> ... </header> atau <header role="banner"> ... </header>
Arti tag html diatas adalah; kita sudah tau saudara kita memiliki keterbatasan, lalu kita beri penjelasan seperti diatas yang artinya;
ini kepala bro ini aturan kepala bro,
nah itu namanya ngerjain mereka alias membuat bingung, kata lainnya menimbulkan ambigu dalam tag html untuk penjelasan accessibility.
Sekarang bila kita menjelaskan seperti ini
Ini adalah area kepala, didalam kepala ada mata, hidung dst-nya, bila kita terjemahkan dalam bahasa html, maka:
<div role="header">
<header> penjelasan </header>
<mata> penjelasan </mata>
dst-nya
</div>
{Karena ini penjelasan untuk pribadi, jadi sekarang saya sudah mengerti, makasi masbro.}
Untuk tahap selanjutnya adalah metode penulisan ARIA
tag <div> lalu isi role=" " dilanjutkan dengan tag html5 <header> , <nav> , <main> , <article> , <section> dan <footer>
contoh:
<div role="banner">
<header> isi </header>
</div>
tag html5 <header> , <nav> , <main> , <article> , <section> dan <footer> lalu di lanjutkan dengan <div> lalu isi role=" "
contoh:
<header>
<div role="banner">
isi
</div>
</header>
tag html5 <header> , <nav> , <main> , <article> , <section> dan <footer> pada dasarnya sudah mengandung accessibility aturan html5, penambahan penjelasan role tidak boleh di dalam tag tersebut karena akan menimbulkan ambigu atau membingungkan. Untuk aturan role, sangat cocok digunakan pada html generasi sebelumnya yang masih mengunakan pola tag <div>.