Dasturchilar uchun veb-qulaylik bo'yicha oddiy cheklist

Qulay saytlar ekran o'quvchi, klaviatura yoki kattalashtirishdan foydalanadigan odamlar uchun ishlaydi va odatda hamma uchun qulayroq. Boshlash uchun mutaxassis bo'lish shart emas.

1. Semantik HTMLdan foydalaning

Oddiy div o'rniga header, nav, main, button va to'g'ri sarlavhalardan foydalaning. Yordamchi texnologiyalar shu tuzilmaga tayanadi.

2. Foydali alt matn yozing

Rasm nimani ko'rsatishini yoki nima uchun muhimligini tasvirlang. Bezak rasmlarda alt atributi bo'sh bo'lishi kerak.

3. Yetarli rang kontrastini saqlang

Asosiy matn fon bilan kamida 4,5 ga 1 kontrast nisbatiga ega bo'lishi kerak. Ranglarni kontrast vositasi bilan tekshiring.

4. Klaviaturani qo'llab-quvvatlang

Bosiladigan hamma narsaga Tab tugmasi bilan yetish mumkin bo'lishi va fokusdagi element aniq ko'rinishi kerak. Fokus konturini almashtirmasdan olib tashlamang.

5. Har bir forma maydonini belgilang

Har bir maydonni for atributi orqali ko'rinadigan yorliq bilan bog'lang va xatolarni faqat rang bilan emas, matn bilan tushuntiring.

6. Sarlavhalar tartibiga rioya qiling

Bitta h1 ishlating va h2 hamda h3 ni tartib bilan joylashtiring. Sarlavhalarni o'lchamiga qarab tanlamang.

7. Havolalarni tushunarli qiling

«Narx bo'yicha qo'llanmani o'qing» «shu yerni bosing»dan ravshanroq, ayniqsa havolalar ro'yxatini ko'zdan kechiradigan ekran o'quvchi foydalanuvchilari uchun.

8. Foydalanuvchi sozlamalarini hurmat qiling

Matnni kattalashtirishga ruxsat bering, prefers-reduced-motion bilan kamaytirilgan animatsiyani qo'llab-quvvatlang va avtomatik ijro etiladigan mediadan saqlaning.

9. Vositalar va odamlar bilan sinang

Avtomatik tekshiruvchilar ko'p muammolarni topadi, lekin faqat klaviatura bilan qisqa sinov va ekran o'quvchi sinovi ko'proq topadi.