Pelajari Aksesibilitas

Alat apa yang umumnya digunakan untuk membantu penyandang disabilitas menggunakan web?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Perangkat output braille

Pembaca layar

Stasiun docking

Setelan sistem operasi

Apa cara yang efektif untuk menerapkan perubahan di web?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Mengeluh di media sosial.

Mengajukan gugatan.

Hubungi developer perusahaan secara langsung.

Apa tingkat standar WCAG tertinggi?

Level AAA

Level A

TAMPUNG

Apa saja contoh yang dapat dioperasikan?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Semua video memiliki kontrol.

Pengguna memiliki waktu yang cukup untuk mengisi formulir.

Semua elemen aktif memiliki dukungan keyboard dan layar sentuh.

Menggunakan bahasa yang sederhana.

Manakah dari pilihan berikut yang merupakan praktik terbaik untuk membuat tombol yang mudah diakses?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Situs Anda adalah buku teks online multibahasa, yang menampilkan beberapa bahasa dalam satu halaman. Apa cara terbaik untuk memberi tahu teknologi pendukung bahasa salinan?

Tetapkan lang utama untuk <html>, dan bahasa tambahan pada elemen yang berisi konten dalam bahasa yang berbeda.

Jangan khawatir, AT dapat membaca setiap bahasa secara otomatis.

Sertakan semua bahasa dalam elemen <html>. Misalnya <html lang="en,lt,pl,pt">

Contoh gaya CSS `:focus` mana yang paling mudah diakses dengan latar belakang putih?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

Apa fungsi link lewati?

Membantu pengguna keyboard melewati grup link yang berlebihan atau tidak berguna.

Membantu pengguna keyboard melewati konten yang tidak menarik.

Apa cara terbaik untuk mengubah gaya elemen dengan JavaScript?

Gunakan JavaScript untuk menggilir class elemen, dan tambahkan gaya ke lembar gaya CSS Anda.

Gunakan JavaScript untuk menerapkan gaya dinamis langsung dalam elemen HTML.

Apakah semua tindakan JavaScript mendukung pengguna keyboard?

Ya, semua tindakan secara otomatis mendukung pengguna keyboard.

Ya, tetapi Anda mungkin harus melakukan beberapa pekerjaan tambahan.

Tidak, Anda hanya dapat mendukung pengguna keyboard dengan HTML semantik.

Bagaimana cara membuat gambar kompleks dapat diakses?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Sertakan penjelasan di bagian selanjutnya dalam artikel.

Tambahkan teks alternatif panjang dengan deskripsi lengkap.

Tambahkan atribut aria-describedby ke gambar.

Gunakan link untuk penjelasan yang lebih panjang.

Warna saja bukan merupakan penanda yang memadai untuk dokumentasi. Apa lagi yang akan membantu pembaca mengidentifikasi elemen UI?

Pola

Teks

Ikon

Semua jawaban benar

Apa yang dapat kita bangun yang mencerminkan setelan sistem operasi untuk gerakan?

@prefers-reduced-motion

Tombol JavaScript

Agar salinan dapat dibaca, saya harus selalu menggunakan kontras tinggi antara salinan dan latar belakang.

Salah

Benar

Font apa yang paling baik untuk aksesibilitas?

Font yang mudah diakses.

Font sistem seperti Arial dan Verdana.

Keduanya sama saja.

Manakah input formulir berikut yang paling mudah diakses?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

Apakah komponen yang dapat diakses selalu dapat diakses oleh pengguna?

Tidak, Anda harus menguji komponen terlebih dahulu.

Ya, Anda dapat menggunakan komponen ini tanpa pekerjaan tambahan.

Jenis pengujian apa yang harus Anda lakukan untuk memastikan situs Anda dapat diakses?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Pengujian otomatis

Pengujian manual

Pengujian pengguna

Pengujian teknologi pendukung

Pengujian evaluasi.

Error apa yang terdeteksi dalam pengujian otomatis?

Pilih sebanyak mungkin jawaban yang Anda inginkan.

Bahasa inklusif

Teks alternatif tidak ada

Masalah kontras warna

Label formulir deskriptif

Error ARIA

Elemen apa yang harus memenuhi standar kontras warna WCAG?

Ikon

Judul

Isi teks

Semua yang di atas

Apa pembaca layar terbaik yang digunakan untuk menguji aksesibilitas?

Tidak ada satu pun

JAWS

VoiceOver

Orca

Apa tujuan pengujian dengan teknologi pendukung?

Untuk menguji kekurangan di situs atau aplikasi Anda.

Untuk merasakan hal yang sama seperti orang yang menggunakan teknologi pendukung.

Alat apa yang umumnya digunakan untuk membantu penyandang disabilitas menggunakan web?

Apa cara yang efektif untuk menerapkan perubahan di web?

Apa tingkat standar WCAG tertinggi?

Apa saja contoh yang dapat dioperasikan?

Manakah dari pilihan berikut yang merupakan praktik terbaik untuk membuat tombol yang mudah diakses?

Situs Anda adalah buku teks online multibahasa, yang menampilkan beberapa bahasa dalam satu halaman. Apa cara terbaik untuk memberi tahu teknologi pendukung bahasa salinan?

Contoh gaya CSS :focus mana yang paling mudah diakses dengan latar belakang putih?

Apa fungsi link lewati?

Apa cara terbaik untuk mengubah gaya elemen dengan JavaScript?

Apakah semua tindakan JavaScript mendukung pengguna keyboard?

Bagaimana cara membuat gambar kompleks dapat diakses?

Warna saja bukan merupakan penanda yang memadai untuk dokumentasi. Apa lagi yang akan membantu pembaca mengidentifikasi elemen UI?

Apa yang dapat kita bangun yang mencerminkan setelan sistem operasi untuk gerakan?

Agar salinan dapat dibaca, saya harus selalu menggunakan kontras tinggi antara salinan dan latar belakang.

Font apa yang paling baik untuk aksesibilitas?

Manakah input formulir berikut yang paling mudah diakses?

Apakah komponen yang dapat diakses selalu dapat diakses oleh pengguna?

Jenis pengujian apa yang harus Anda lakukan untuk memastikan situs Anda dapat diakses?

Error apa yang terdeteksi dalam pengujian otomatis?

Elemen apa yang harus memenuhi standar kontras warna WCAG?

Apa pembaca layar terbaik yang digunakan untuk menguji aksesibilitas?

Apa tujuan pengujian dengan teknologi pendukung?

Contoh gaya CSS `:focus` mana yang paling mudah diakses dengan latar belakang putih?