Iklan

Memperbaiki Mesalah Accessibility Template Median UI 1.6

Accessibility Score median ui versi 1.6 ini belum sepenuhnya sempurna alias score nya belum hijau, kalau yang saya pakai ini score nya adalah 86 Accessibility nya. Dengan nilai 100 jika diperiksa pada web.dev tentu akan membuat blog menjadi lebih disukai oleh Google. 

Tentu dengan masalah seperti ini harus diperbaiki agar bisa lebih maksimal, tentu kalian pada taulah kalau template Median UI ini adalah template yang desain UI dan UX nya bagus banget bahkan pengguna nya pun sudah banyak banget. 

Jika kamu ingin memperbaiki saya akan share kepada kamu semua yang dimana para pengguna template median ui ini. 

Mesalah Accessibility Template Median UI 1.6

Setelah saya cek pada web.dev bahwa ada dua masalah yang ada pada template median ui ini yaitu masalah seperti 

  1. [arial*] attribute do not match thair rules
  2. button, link and minuitem element do not have accessible names

Kedua masalah ini menurunkan beberapa score Accessibility ini jadi oleh karena itu harus diperbaiki. 

Mengatasi Masalah Accessibility Template Median UI 1.6

Karena ada dua masalah pada template median ui ini jadi tentu harus diperbaiki agar lebih baik lagi. Untuk tutorial lebih lanjutnya langsung aja simak tutorial berikut ini. 

1. Memperbaiki Masalah [arial*] attribute do not match thair rules

Kamu masuk ke Dashboard Blogger seteleh itu pilih Edit HTML, cari kode seperti ini <b:elseif cond='data:item == &quot;Dark&quot;'/> hapus semua dan ganti yang ada di bawah ini. 

<b:elseif cond='data:item == &quot;Dark&quot;'/>
<b:if cond='data:view.url != data:view.url params { amp: &quot;1&quot; }'>
<li class='mD'>
<span aria-label='sudarblogger.web.id' class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span>
</li>
</b:if>

2. Cara Memperbaiki Masalah button, link and minuitem element do not have accessible names

Masih di Edit HTML cari aja kode seperti ini <b:loop index='m' values='data:items' var='item'> hapus semua ganti dengan ada yang dibawah ini. 

<b:loop index='m' values='data:items' var='item'>

                        <b:if cond='data:m &lt;= 4'>

                          <b:if cond='data:item == &quot;Home&quot;'>

                            <li class='mH'>

                              <b:class cond='data:view.isHomepage' name='nmH'/>

                              <b:tag role='button' expr:aria-label='data:item' expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? &quot;span&quot; : &quot;a&quot;'>

                                <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/>

                                <b:attr cond='data:view.url != data:blog.homepageUrl' name='role' value='button'/>

                                <b:include name='home-alt-icon'/>

                              </b:tag>

                            </li>

Setelah semu udah beres langsung aja Simpan Template. 

Nah itulah tutorial singkat yang saya coba dan praktek an pada template median ui apabila ingin ditanyakan langsung aja di kolom komentar yang ada di bawah. 

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Memperbaiki Mesalah Accessibility Template Median UI 1.6"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel