cara buat website , cara membuat web gratis, cara membuat website toko online, cara membuat website dengan html, cara membuat website perusahaan, cara membuat website dari nol, cara membuat website di hp, cara buat website gratis lewat hp, cara buat website, cara membuat website, cara akses web yang down, cara mengatasi website yang tidak bisa dibuka, cara membuat web, cara membuat website untuk pemula, cara agar website muncul di halaman 1 hasil pencarian, cara masuk website yang down, cara cepat akses web yang sibuk, cara agar website muncul di google, cara masuk website yang sibuk, website blog adalah, contoh website blog, website gratis dari google, alamat web blogger, website gratis selamanya, website yang menarik, website yang berguna untuk mahasiswa, website yang menarik untuk dikunjungi, website yang diblokir, website yang bagus, cara mudah membuat website, cara bikin website lewat hp, cara buat website jualan, cara buat website berbayar, cara buat website sendiri, cara buat website gratis, cara buat website free, cara buat website percuma, cara buat website jualan free, cara buat website ecommerce, cara buat website bisnes online free, cara buat website wordpress, cara nak buat website, cara mudah buat website, cara membuat website yang mudah diakses
7 Cara Membuat Website Yang Mudah Diakses Untuk Bisnis Kecil Kamu

Saat mendesain website bisnis kecil atau e-commerce, kamu tidak boleh mendesainnya hanya untuk satu jenis pengunjung. Meskipun sebagian besar dari kita bisa beradaptasi dengan website yang bisa digunakan dan bisa bernavigasi dengan bebas, ada sejumlah pengguna yang mungkin tidak mempunyai kemampuan yang sama atau mungkin mendekati konten kamu secara berbeda.

Artikel cara membuat website yang mudah diakses ini membahas alasan di balik perancangan dan pengembangan website kamu untuk aksesibilitas/yang mudah diakses, dan kami akan memberikan beberapa trik umum untuk memastikan website kamu memenuhi semua pedoman yang diperlukan.

Artikel ini akan membantu kamu memahami hal-hal berikut:

  • Mengapa website yang mudah diakses (aksesibilitas) penting bagi bisnis kecil kamu
  • Berbagai kelompok individu yang memperoleh manfaat dari desain aksesibilitas
  • Fitur website yang mudah diakses
  • Lembar contekan dasar untuk memenuhi tantangan merancang website yang mudah diakses
  • Daftar alat dan sumber daya yang bisa membantu kamu mencapai tujuan ini

Mengapa Website Yang Mudah Diakses Itu Penting?

Cara Buat Website , Cara Membuat Web Gratis, Cara Membuat Website Toko Online, Cara Membuat Website Dengan Html, Cara Membuat Website Perusahaan, Cara Membuat Website Dari Nol, Cara Membuat Website Di Hp, Cara Buat Website Gratis Lewat Hp, Cara Buat Website, Cara Membuat Website, Cara Akses Web Yang Down, Cara Mengatasi Website Yang Tidak Bisa Dibuka, Cara Membuat Web, Cara Membuat Website Untuk Pemula, Cara Agar Website Muncul Di Halaman 1 Hasil Pencarian, Cara Masuk Website Yang Down, Cara Cepat Akses Web Yang Sibuk, Cara Agar Website Muncul Di Google, Cara Masuk Website Yang Sibuk, Website Blog Adalah, Contoh Website Blog, Website Gratis Dari Google, Alamat Web Blogger, Website Gratis Selamanya, Website Yang Menarik, Website Yang Berguna Untuk Mahasiswa, Website Yang Menarik Untuk Dikunjungi, Website Yang Diblokir, Website Yang Bagus, Cara Mudah Membuat Website, Cara Bikin Website Lewat Hp, Cara Buat Website Jualan, Cara Buat Website Berbayar, Cara Buat Website Sendiri, Cara Buat Website Gratis, Cara Buat Website Free, Cara Buat Website Percuma, Cara Buat Website Jualan Free, Cara Buat Website Ecommerce, Cara Buat Website Bisnes Online Free, Cara Buat Website Wordpress, Cara Nak Buat Website, Cara Mudah Buat Website, Cara Membuat Website Yang Mudah Diakses
Mengapa Website Yang Mudah Diakses Itu Penting
  • Untuk memaksimalkan pengunjung
  • Legal reasons

Dengan membuat website yang mudah diakses oleh mereka yang mempunyai keterbatasan, kamu membuat website kamu lebih mudah digunakan untuk semua orang. Ini meningkatkan kegunaan dan user experience (UX).

Ff7Q2Ysuffzioqdsxyddy61N6Sec4Kwgp0Lidourrcic6Vte2Jzknejvm4A6Uybjpo7Faq 2Mvxvv9Z4Mxoi79Wtb6Zadj Fweilif9Ukcpdo8Vdtk8Rdivjvfiy22Rdzigmerz8Sevv9R98Hzs2 Leuzjhmhtnexmrierl7Nihu6Fbxwvr4Jwnkqw | Ditulis.id
Website Yang Mudah Diakses | Ditulis.id

Website Yang Mudah Diakses Sangat Penting Untuk Memaksimalkan Pengunjung

Ada banyak alasan untuk memastikan semua pengguna bisa mengakses konten berharga kamu. Ini termasuk memastikan bahwa jumlah maksimum pelanggan bisa mengakses website kamu untuk meningkatkan penggunaan, keuntungan, atau banyak alasan lainnya.

Website Yang Mudah Diakses Sangat Penting Untuk Legal Reasons

Aksesibilitas juga merupakan sesuatu yang harus kamu pertimbangkan karena legal reasons. Sama seperti banyak bisnis bata-dan-mortir yang harus membuat akses ke toko mereka tersedia dan bisa digunakan oleh mereka yang mungkin mempunyai cacat fisik, hal yang sama juga berlaku untuk kehadiran bisnis virtual.

Di Amerika Serikat, ada pedoman federal untuk membuat website yang mudah diakses, yaitu standar Web Content Accessibility Guidelines (WCAG). Sementara perusahaan besar telah dituntut karena kurangnya aksesibilitas, itu berpotensi menjadi perhatian bagi website yang lebih kecil juga.

Terlepas dari legal reasons, praktik terbaik adalah membuat konten kamu tersedia untuk sebanyak mungkin orang.

Bagaimana Seharusnya Kamu Menyusun Website Yang Mudah Diakses?

C84Oflzbim34Tj4Wrx7Vmf7T F6D9Xiszxbe5Kihfcq Bgvdzilhjpybywaijtintw9V6Zhwkqmvdf52Rax9Ln1Ir0 Qoa1 | Ditulis.id
Sumber: Dreamhost.com

Konten website kamu harus:

  • Mudah dipahami oleh semua pengguna
  • Mudah dioperasikan dengan tingkat kesulitan minimum
  • Mudah dimengerti oleh semua pengunjung
  • Mudah beradaptasi untuk inovasi atau perkembangan di masa depan

Konten Website Harus Mudah Dipahami

Ketika berbicara tentang keterlihatan sebuah website, semua pengguna harus bisa dengan mudah mengidentifikasi informasi yang disajikan.

Individu dengan tingkat kemampuan yang berbeda harus bisa mengidentifikasi dan membedakan konten di layar. Gambar tidak boleh menjadi mayoritas (atau semua) website kamu, meskipun kontennya grafis.

Teks harus selalu menyertai grafik dan gambar kamu sehingga mereka yang tidak bisa melihat bisa melihat konten apa yang tersedia di web page.

Website Harus Mudah Dioperasikan

Pengguna harus bisa berinteraksi dengan website dan menggunakan website dengan tingkat kesulitan minimum. Ini menyiratkan bahwa harus ada lebih dari satu cara untuk berinteraksi dengan konten, seperti internal links dan eksternal kamu.

Selain itu, kamu tidak boleh membatasi pengunjung kamu untuk menggunakan mouse, kamu harus menyediakan cara navigasi alternatif dengan keyboard atau perangkat bantu lainnya.

Konten Website Harus Mudah Dimengerti

Jika pengguna tidak bisa memahami konten website kamu, website kamu gagal dalam tujuannya. Pengunjung harus menavigasi website dengan mudah, memahami informasi apa yang bisa diperoleh darinya, dan berinteraksi dengannya dengan mudah.

Konten Website Harus Mudah Beradaptasi

Peramban web, alat, dan teknologi lain di balik website sering berubah. Ini adalah atribut alami dari teknologi, dan alat-alat baru berkembang secara teratur.

Namun, ini berarti penting untuk merancang konten yang mudah diakses terus-menerus, apa pun perangkat lunak atau teknologi pendukung yang digunakan pengunjung kamu.

Grup Dengan Kebutuhan Aksesibilitas

  • Pengguna dengan keterbatasan penglihatan
  • Pengunjung yang tuli atau tuli
  • Mereka yang mempunyai keterbatasan fisik
  • Pengguna dengan kondisi kejang
  • Senior

Pengguna Dengan Keterbatasan Penglihatan

Banyak pengguna mengalami kesulitan melihat konten visual atau membaca konten tertulis. Keterbatasan penglihatan bisa mempengaruhi orang-orang di berbagai tingkatan, mulai dari kebutaan sebagian hingga kebutaan penuh. Sangat penting untuk memberi pengguna batasan ini metode alternatif untuk mengakses konten kamu.

Salah satu subset pengguna dengan masalah penglihatan termasuk mereka dengan segala bentuk buta warna. Buta warna ada pada spektrum, mulai dari mereka yang bisa membedakan antara warna yang sama seperti buta warna merah-hijau hingga mereka yang tidak bisa melihat warna selain skala abu-abu.

Untuk alasan ini, penting untuk menampilkan konten visual yang menggunakan warna dengan kontras warna yang cukup signifikan untuk dilihat oleh mereka yang tidak bisa membedakan rona.

Pengunjung Tunarungu Atau Sulit Mendengar

Jika kamu menyediakan konten yang memerlukan suara, kamu harus menyertakan alternatif teks, seperti teks tertutup pada video, atau jika ada rekaman audio, transkripsi tertulis diperlukan.

Alternatif-alternatif ini merupakan pertimbangan penting dan bukan hanya bagi mereka yang mempunyai masalah pendengaran. Banyak pengguna menjelajah dengan suara dimatikan karena berbagai alasan, seperti tidak mengganggu orang lain atau menjelajah dari kantor tanpa headphone.

Semua pertimbangan yang mungkin kamu pertimbangkan untuk gangguan pendengaran juga akan bermanfaat bagi populasi yang lebih luas.

Mereka Yang Mempunyai Keterbatasan Fisik

Pengguna yang mempunyai keterbatasan dalam pergerakan mungkin mengalami kesulitan menavigasi website yang hanya digerakkan oleh pointer. Sangat penting untuk mengizinkan metode navigasi alternatif, seperti navigasi berbasis keyboard atau kemampuan untuk bergerak di sekitar website dengan kontrol yang diaktifkan suara.

Pengguna Dengan Kondisi Kejang

Beberapa pengguna bisa mempunyai reaksi negatif terhadap warna yang terlalu cerah atau animasi flash. Kamu harus meminimalkannya, atau kamu harus memberi pengguna kemampuan untuk melihat versi alternatif website kamu tanpa efek ini untuk mencegah kondisi medis yang serius.

Senior

Senior adalah kelompok penting yang mungkin mempunyai disabilitas yang baru berkembang dalam salah satu kategori di atas. Mengabaikan pedoman aksesibilitas bisa mengakibatkan kehilangan sebagian besar audiens potensial kamu.

Fitur Website Yang Mudah Diakses

Kfgiv Xwqsnnl Ot Mljlenisbs65Vbrjuawcru6Qiob9Zw Nltei0Vaklbcmegcwce4F6Euhrcn6W7Jyjxuf5Smdsc134U L50Xspvrp8Znqgf4Dvnwh0F9Qwayrsm R2V5Oskvfw6Tkw 6Smr87Y8Jbazj S17Izsksae0S7Sdeuqiza2Ttrwifa | Ditulis.id
Sumber: Forbes.com
  • Judul hypertext markup language (HTML)
  • Aksesibilitas keyboard
  • Gambar yang mudah diakses
  • Menu yang mudah diakses
  • Aksesibilitas formulir
  • Tabel yang mudah diakses
  • Warna untuk aksesibilitas
  • Link text yang berguna
  • Accessible Rich Internet Applications yang Mudah Diakses (ARIA)
  • ARIA untuk aplikasi web

kamu bisa menggunakan beberapa metode untuk memastikan bahwa website yang mudah diakses oleh semua kelompok pengguna. Selain itu, beberapa alat telah dibangun ke dalam HTML yang membuat pembuatan konten yang mudah diakses untuk berbagai pengguna menjadi lebih mudah.

Judul HTML

Judul HTML mempunyai struktur hierarki bawaan yang memungkinkan arsitektur informasi yang jelas dalam web page. Judul dalam HTML semuanya dimulai dengan <h> dan diberi nomor sesuai dengan hierarki yang ditentukan.

Meskipun dimungkinkan untuk menata judul ini menggunakan cascading style sheets (CSS) untuk berperilaku dan terlihat dengan cara yang berbeda, untuk tujuan aksesibilitas, itu dianggap praktik terbaik untuk menyusun konten sehingga selalu terorganisir secara hierarkis.

Struktur website bisa dipahami oleh mereka yang melihat perbedaan ukuran dan mereka yang menggunakan berbagai alat bantu yang menggunakan judul ini. Struktur ini membuat lebih mudah untuk memahami apakah satu jenis konten adalah bagian dari jenis konten lain.

Aksesibilitas Keyboard

Beberapa pengguna mungkin mengalami kesulitan menggunakan mouse atau memilih untuk tidak menggunakannya karena menavigasi dengan mouse mungkin menyakitkan atau sulit. Untuk alasan ini, kamu harus memberikan kemampuan bagi pengguna untuk menavigasi halaman hanya dengan menggunakan keyboard.

kamu harus mengaktifkan pengguna keyboard untuk menavigasi antar bagian halaman menggunakan tombol “tab” pada keyboard. Navigasi keyboard membantu pengguna beralih di antara item yang bisa ditindaklanjuti, seperti link, entri formulir, tombol, dan lainnya di web page yang dirancang dengan baik.

Alih-alih membutuhkan klik, entri yang bisa ditindaklanjuti harus merespons tombol “enter”. Demikian pula, jika ada gerakan di dalam halaman, seperti pada widget atau penggeser, pengguna harus bisa menggunakan tombol panah untuk menavigasi item ini.

Website kamu dianggap tidak mudah diakses jika halaman kamu tidak merespons keyboard.

Salah satu aspek penting dari navigasi keyboard adalah melihat di mana fokus perangkat pengunjung kamu berada di halaman. Visibilitas link dan item yang bisa ditindaklanjuti harus jelas menggunakan CSS. Misalnya, link dalam teks harus mempertahankan pengaturan default yang digarisbawahi.

Pengguna juga harus jelas bahwa mereka berfokus pada link tertentu dengan mengubah perilaku ini. Salah satu cara untuk menanganinya adalah dengan mengubah warna link, meskipun hal ini bisa menimbulkan masalah bagi pengguna yang buta warna. Cara lain adalah dengan menghilangkan garis bawah.

Berikut adalah contoh sederhana dari perilaku default untuk sebuah link, memastikannya mempunyai warna biru yang sama:

a {
 color: blue;
 background-color: white;
 text-decoration: underline;
}

Saat fokus pada link diaktifkan, kamu bisa mengubah warna teks ke warna lain, dan mengubah latar belakang serta menghapus garis bawah, seperti:

a:hover, a:focus {
 color: red;
 background-color: gray;
 text-decoration: none;
}

Dengan cara ini, pengguna yang bernavigasi dengan keyboard memperbolehkan isyarat visual yang jelas tentang apakah mereka telah fokus pada link.

Gambar Yang Mudah Diakses

Tidak semua pengguna website kamu bisa menggunakan penglihatan sepenuhnya. Untuk alasan ini, konten grafis, seperti gambar khususnya yang merupakan kunci konten harus dimodifikasi sehingga pengguna yang tidak bisa melihatnya diberikan teks alternatif yang bisa dibacakan oleh screen reader.

kamu bisa melakukan ini menggunakan atribut “alt” ke tag img. Sebagai contoh:

<img src="cat.jpg" alt="gambar kucing" /> 

Tidak ada perubahan nyata pada tata letak bagi pengguna yang bisa melihat gambar, tetapi bagi mereka yang tidak melihat konten grafis dengan baik atau jika gambar tidak dimuat dengan benar, teks “gambar kucing” akan dibacakan atau ditampilkan.

Jika gambar hanya ada untuk tujuan dekoratif, seperti gambar latar di header bar, tidak boleh menggunakan tag HTML IMG; sebagai gantinya, gunakan CSS, dan screen reader akan mengabaikan gambar tersebut.

Menu Yang Mudah Diakses

Pastikan untuk menandai menu kamu dengan struktur yang bisa dikenali. Menggunakan daftar yang tidak berurutan (“ul”) dan tag “li” adalah metode yang bisa diterima untuk mengatur struktur menu. Kamu bisa menata ini dengan cara apa pun yang kamu suka menggunakan CSS.

Hindari menggunakan menu jenis flyout atau akordeon, karena ini bisa menyebabkan masalah bagi banyak pengguna, terutama mereka yang kesulitan menavigasi dengan mouse. Jika kamu menggunakan menu jenis ini, pastikan bahwa pengguna bisa menavigasi secara memadai hanya dengan menggunakan keyboard mereka.

Formulir Yang Mudah Diakses

Salah satu area terpenting untuk memastikan bahwa formulir tetap mudah diakses adalah melalui penggunaan label. Pastikan semua bidang mempunyai label yang akurat menggunakan bidang <label> sehingga screen reader mengetahui untuk apa bidang itu.

Untuk bidang terkait yang dimiliki satu sama lain, ada baiknya juga menggunakan elemen <fieldset> dan <legend>. Kelompokkan elemen bersama-sama menggunakan kumpulan bidang dan terapkan legenda untuk memastikan bahwa memungkinkan untuk mengidentifikasi mengapa bidang ini terkait.

Tabel Yang Mudah Diakses

Hanya gunakan tabel untuk data tabular. Meskipun tergoda untuk menggunakannya untuk tata letak, di luar aksesibilitas ini menyebabkan masalah dengan rendering konten di perangkat seluler.

Tabel berguna untuk menyajikan data dalam baris dan kolom. Namun, untuk tujuan aksesibilitas, ada beberapa bidang yang harus selalu kamu gunakan: header table “<th>”.

Ini harus dilakukan untuk semua tabel, terlepas dari apakah tabel itu sederhana atau kompleks. Untuk tabel kompleks, gunakan <th> untuk setiap pengelompokan baris atau kolom, dan gunakan id unik untuk setiap elemen <th>.

Warna Yang Mudah Diakses

Karena sejumlah besar pengguna mempunyai beberapa bentuk buta warna atau mengalami kesulitan membedakan antara warna yang berbeda, tidak bijaksana menggunakan warna untuk menyampaikan informasi.

Saat menggunakan warna, pastikan kamu menggunakan kontras yang cukup sehingga pengguna bisa membedakannya. Menurut pedoman WCAG, rasio kontras warna dalam banyak kasus harus setidaknya 4,5:1, kecuali untuk teks besar, yang bisa mempunyai rasio 3:1.

Anchor Text Yang Berguna

Selalu buat anchor text (teks yang bisa diklik) bermakna saat memberikan link text. Hindari penggunaan frasa ambigu seperti “klik di sini”, dan alih-alih gunakan bahasa yang menjelaskan informasi atau sumber daya yang diberikan oleh klik pada link. Menggunakan anchor text yang relevan juga merupakan praktik terbaik untuk SEO website.

Teks yang bisa diklik tidak hanya bermanfaat bagi pengguna biasa, tetapi juga memberikan lebih banyak informasi untuk perangkat lunak membaca teks sehingga pengguna dengan gangguan penglihatan bisa memahami tujuan link.

Peran Landmark ARIA

ARIA adalah spesifikasi World Wide Web Consortium (W3C) untuk berbagai tag markup yang bisa kamu tambahkan ke dokumen HTML untuk memastikan website yang mudah diakses oleh teknologi bantu, seperti screen reader, untuk lebih menjelaskan elemen yang muncul di web page, dan bagaimana terbaik untuk berinteraksi dengan elemen-elemen ini.

Peran ARIA, ketika ditentukan dalam HTML, menyebabkan screen reader menginterupsi pengguna untuk memberi tahu mereka jenis konten apa yang muncul di setiap elemen ini.

Penting untuk dicatat bahwa banyak fitur ARIA telah dimasukkan ke dalam HTML5 sehingga ARIA tidak digunakan lagi. Tetapi kamu masih bisa menggunakannya untuk tujuan kompatibilitas mundur saat membuat kode untuk browser lama dan konten yang sangat dinamis.

Fitur-fitur ini bisa diidentifikasi dengan menempatkan beberapa atribut ke dalam elemen tertentu, yang diidentifikasi oleh properti “peran”. Sebagai contoh:

<div role="banner"></div>

Delapan Peran Landmark ARIA

Peran landmark ada untuk mengidentifikasi blok konten yang sering muncul di web page. Ada delapan peran landmark dasar yang ada untuk ARIA:

  • banner: Ini mengacu pada banner atau gambar pahlawan di halaman
  • navigation: Biasanya digunakan untuk link menu
  • main: Ini mengacu pada konten utama di web page
  • complementary: Ini bisa digunakan untuk sidebar pada halaman atau konten pelengkap lainnya
  • contentinfo: Ini digunakan untuk metadata pada halaman atau konten tentang konten, seperti informasi hak cipta tentang halaman, penulis, dan sebagainya
  • search: Untuk kotak pencarian dan lainnya.
  • form: Formulir untuk input pengguna
  • application: Aplikasi terpisah apa pun di lapangan yang mungkin mempunyai antarmuka terpisah

Seringkali, peran bisa digunakan lebih dari sekali pada halaman, jadi masuk akal untuk menyertakan properti “aria-label” untuk mengidentifikasi tujuan spesifik. Sebagai contoh:

<div role="form" aria-label = "contact information">
<div role="form" aria-label = "user interests">

ARIA Untuk Aplikasi Web

Saat menggunakan peran aplikasi, pastikan kamu hanya menggunakan ini jika ada instruksi khusus untuk navigasi keyboard terpisah dari sisa halaman yang bisa digunakan untuk aplikasi tertentu. Ini bisa menyebabkan masalah bagi beberapa pengguna, jadi gunakan dengan hemat.

Lembar Cheat Aksesibilitas Web

Berikut adalah beberapa hal cepat yang perlu diingat saat kamu mendesain website untuk aksesibilitas.

Jng6M0Cngivfkiz5Mn4Xg5J Crthbnhle Zovjlj34Xwyf04Upk4Oz 0V0Syquvshleojsocqayh7Vpopvo0Tpksrparcdsr6Vtuec0 Z5Jymmoggiicem0Au8Ww3Odr7Adtw9Djiguf9Oxg9Teu8Puv Swwwencqviztxrua4Mbcxs2R1Gdzco Bq | Ditulis.id
Sumber: Adeogroup.com

Rancangan

  • Semantic HTML: Dengan menggunakan elemen dalam HTML5 yang membantu menentukan setiap bagian halaman, kamu membantu meningkatkan aksesibilitas website kamu. Ini memberikan struktur ke website kamu dan membantu membantu screen reader untuk memahami konten yang ada di dalamnya.
  • Selalu gunakan label untuk elemen formulir: Hal ini tidak hanya memudahkan pengguna rata-rata untuk memahami arti formulir, tetapi juga membantu screen reader mengakses elemen individual dengan benar. Sebagai contoh:
    <label for=”search”>Search</label><input id=”search”>
  • Pastikan warna kontras dengan benar: Ikuti standar WCAG bila memungkinkan.
  • Link deskriptif: Jangan pernah menautkan kata-kata “klik di sini” melainkan menautkan nama target atau subjek halaman yang sebenarnya.
  • Izinkan pinch scaling: Selalu izinkan pengguna perangkat seluler untuk menskalakan halaman itu sendiri dengan menyetel skalabilitas pengguna ke “ya” di elemen meta viewport. Jangan menetapkan nilai skala maksimum; jangan pernah berasumsi bahwa ada batas luar untuk apa yang diperlukan pengguna untuk mengakses konten kamu.
  • Gunakan teks: Saat menyediakan konten nontekstual, selalu sertakan beberapa teks tambahan. Ini harus berlaku untuk gambar, video, atau rekaman suara. Dengan cara ini screen reader bisa membantu menafsirkan konten ini.
  • Show focus: Berikan isyarat visual untuk pengguna yang menavigasi website kamu menggunakan keyboard. Seharusnya dimungkinkan untuk melihat di mana kursor berada di layar dengan melihatnya. Tambahkan sorotan yang terlihat untuk tujuan ini. Selain itu, kamu harus memastikan bahwa elemen ditempatkan dalam urutan logis untuk dipahami oleh screen reader.
  • Jangan mengandalkan warna untuk makna: Banyak pengguna tidak bisa membedakan perbedaan antara rona. Jika teks perlu disorot dengan warna merah untuk pesan mendesak, sertakan juga ikon untuk membantu pengguna yang tidak bisa membedakan bahwa segmen teks tertentu memerlukan perhatian.
  • Gunakan caption: Jika menyediakan konten video atau audio, selalu pastikan bahwa ada alternatif tekstual. Jika ada rekaman audio, berikan transkripnya. Untuk video, selalu sediakan opsi subtitle.
  • Inisiatif Aksesibilitas Web – Aplikasi Internet Kaya yang Mudah Diakses (WAI-ARIA): Jika website kamu dinamis, seperti yang umum terjadi pada banyak aplikasi satu halaman, pastikan kamu menggunakan kontrol WAI-ARIA.

Pengujian

Ada beberapa tes aksesibilitas yang harus kamu jalankan di website kamu sebelum meluncurkannya:

  • Zoom layar: Sangat penting untuk memastikan bahwa layar kamu bisa dibaca pada ukuran yang jauh lebih besar. Uji pada perbesaran hingga 400% untuk memastikan teks tidak keluar dari layar dan konten masih bisa diambil dalam ukuran yang lebih besar.
  • Uji dengan keyboard: Cabut mouse kamu dan coba navigasikan website kamu hanya dengan keyboard. Pastikan logika mengalir secara normal, dan semua aspek website yang mudah diakses.
  • Gunakan screen reader: Sebaiknya lakukan ini dengan monitor dimatikan sepenuhnya. Dengan cara ini kamu benar-benar bisa meniru user experience yang tidak terlihat.
  • Matikan CSS: Ini adalah tes yang bagus untuk memastikan bahwa HTML website kamu terstruktur dengan cukup baik. Apakah halaman masih masuk akal?
  • Lighthouse: Chrome mempunyai pemeriksaan aksesibilitas bawaan. Masuk ke alat pengembangan kamu dan pilih ” Lighthouse ” dari bagian audit untuk menghasilkan laporan. Pastikan kamu memeriksanya dengan kriteria aksesibilitas bawaannya.

Alat Aksesibilitas Web

I Osnpqa9Glxvzj2Fzr8Zmmnxkhn3Y Vrtvf0C | Ditulis.id
Sumber: Zyro.com
  • Platform kepatuhan A11Y: Dapatkan Analisis Aksesibilitas gratis dari Biro Aksesibilitas Internet.
  • Daftar periksa gratis: Berikut adalah daftar periksa gratis dari Elsevier yang bisa kamu ikuti untuk memastikan bahwa website kamu sepenuhnya sesuai dengan WCAG.
  • Color tester: Berikut adalah alat pengujian warna online yang nyaman, yang membantu kamu mengidentifikasi apakah warna yang kamu gunakan di website memenuhi berbagai tingkat kepatuhan WCAG.
  • Contrast finder: Apakah kamu mencari warna bagus yang berhasil kontras dengan palet warna yang ada ? kamu bisa memasukkan warna latar depan dan latar belakang untuk menentukan apakah warna tersebut cukup mudah dibaca oleh orang-orang dengan berbagai tingkat kemampuan.
  • DYNO Mapper : Website ini menyediakan pengujian aksesibilitas ekstensif. Ini memeriksa untuk memastikan kamu mematuhi berbagai pedoman, termasuk semua level WCAG. Kamu bisa memvisualisasikan semua tes di browser sehingga kamu bisa melihat bagaimana orang-orang dengan kemampuan berbeda memandang sebuah website. Kamu bisa mendaftar untuk uji coba gratis.
  • WAVE: Ini adalah rangkaian alat evaluasi aksesibilitas website. Selain memeriksa kesalahan di website, ini bisa membantu membuat evaluasi website oleh manusia menjadi lebih mudah. Kamu bisa memasukkan URL dan memeriksa website untuk aksesibilitas.
  • Screen reader: Dapatkan salinan screen reader untuk menguji website kamu. Jika kamu menggunakan Macintosh, kamu bisa menggunakan Voiceover. Jika kamu menggunakan PC Windows, ada Narrator.

Apa Yang Harus Dilakukan Selanjutnya?

Satu hal yang penting untuk diingat ketika mendesain untuk aksesibilitas adalah standar yang terus berubah. Standar hari ini mungkin tidak ideal mengingat kebutuhan masa depan, atau penemuan yang lebih maju bisa membantu kita meningkatkan pemahaman kita tentang cara terbaik untuk memenuhi kebutuhan individu yang berbeda.

Untuk alasan ini, pemahaman kita tentang aksesibilitas harus terus berkembang saat kita memperoleh informasi baru dan saat teknologi baru tersedia.

Poin utamanya adalah berkomitmen pada website yang mudah diakses membantu kamu terbiasa dengan gagasan bahwa tidak semua pengguna mendekati konten dengan cara yang sama. Ini akan meningkatkan akses bagi mereka yang berkemampuan berbeda dan meningkatkan kegunaan website kamu untuk semua.

LEAVE A REPLY

Please enter your comment!
Please enter your name here