Artikel Pengenalan Wulin.com (www.vevb.com): 10 kemudahan menggunakan tips untuk situs web yang dapat digunakan semua orang.
1. Tambahkan teks alternatif ke logo Anda
Ini memiliki dua manfaat: Pembaca layar dapat mengenali makna gambar logo, dan ketika gambar tidak dimuat, ia juga dapat memberi tahu pengguna yang mengalami gangguan visual di mana logo Anda berada.
Beberapa metode:
<img src = logo.png alt = situs web pengajaran web>
Atau, jika Anda menggunakan gambar latar belakang untuk mengimplementasikan logo, Anda juga dapat menambahkan atribut judul untuk mengimplementasikannya:
<span title = situs web pengajaran halaman web> </span>
Tentu saja, tautan + gambar latar belakang adalah cara terbaik, tetapi yang terbaik adalah menambahkan atribut judul juga:
<A Title = Web Teaching Network> Jaringan Pengajaran Web </a>
2. Tambahkan landmark dasar
Aria Landmark adalah seperangkat aturan kegunaan situs web yang ditentukan oleh W3C. Menambahkan landmark deskriptif ke berbagai modul situs web - atau secara langsung disebut peran, kondusif untuk menyaring perangkat lunak untuk lebih memahami halaman web Anda, sehingga pengguna tunanetra dapat menggunakan situs web Anda dengan lebih baik.
<Peran Nav = Navigasi>
<Div ID = peran MainContent = Main>
<Form Action = Search.php Role = Search>
3. Tingkatkan definisi fokus
Faktanya, banyak situs web akan mencoba segala cara untuk menghapus gaya fokus browser, terutama untuk IE Browser. Bahkan, masuk akal untuk memiliki browser dengan fokus default. Ini dapat menunjukkan di mana fokus mouse pengguna saat ini. Ini sangat penting untuk streaming keyboard.
Jadi tolong jangan hapus: gaya fokus. Bahkan jika Anda berpikir gaya default tidak tampan atau tidak konsisten (yaitu kotak putus-putus, webkit adalah kotak solid yang disorot, dan safari berwarna biru, krom adalah oranye) Anda juga dapat mendefinisikan warna sorotan sendiri:
A: fokus {
Garis besar: 1px solid red;
Latar Belakang: Kuning;
}
Jika manajer produk Anda atau perancang visual bersikeras untuk menghapus status fokus, singkirkan saja mouse Anda selama sehari dan katakan kepadanya bahwa Anda hanya dapat menggunakan tab untuk beralih tautan. . .
4. Tentukan item formulir yang diperlukan
Gunakan atribut yang diminta aria untuk menentukan item yang diperlukan dalam formulir - yah, ini terutama untuk memberi tahu perangkat lunak membaca layar:
<Input Tipe = Nama Teks = Nama Pengguna ARIA-REquired = True>
5. Tambahkan H1 ke halaman Anda
Alasannya sederhana, tidak hanya untuk SEO, tetapi juga untuk kegunaan keseluruhan dan keterbacaan situs web. Juga, apakah Anda tidak memiliki obsesi kode?
6. Tentukan tajuk meja
Biasanya banyak orang terbiasa menggunakan tag TD untuk semua bentuk. Faktanya, tabel tidak hanya memiliki tag HD, tetapi juga th, col, ruang lingkup, dll.
Jadi sederhananya, ubah header ke tag th:
<TH SCOPE = COL> Tanggal </th>
7. Tentukan deskripsi tabel
Jangan hanya menambahkan P di depan/setelah meja. Tabel memiliki label teks khusus, seperti gambar.
<able>
<compttion> Jadwal kelas </Caption>
<tr>
...
8. Hindari mengklik di sini
Meskipun deskripsi tautan seperti itu tidak masalah bagi orang biasa, itu sangat buruk untuk perangkat lunak membaca layar. Ini sebenarnya merupakan gangguan bagi pengguna tunanetra.
Jadi, cukup gunakan tautan di tempat yang tepat.
9. Hapus Tabindex
Sekali waktu, banyak orang menggunakan Tabindex untuk meningkatkan pengalaman pengguna, tetapi atribut ini akan mengganggu urutan bacaan normal halaman, yang merupakan bencana bagi pengguna tunanetra, dan mungkin tidak ramah kepada pengguna biasa.
Jadi jangan menyalahgunakan atribut TabIndex.
10. Periksa secara online
Nah, ketika saya melihat ini, saya menemukan bahwa itu sebenarnya adalah iklan, tetapi jika masalah kegunaan situs web dapat dideteksi, itu juga merupakan hal yang baik. Alat web yang dikembangkan oleh Webaim akan secara otomatis mendeteksinya dengan memasukkan URL. Diuji itu cukup bagus.