القواعد العملية الأربع
- كل صورة لها
altوصفيّ (فارغ إن كانت زخرفية). - كل حقل إدخال لديه
<label>مرتبط. - الوصول من لوحة المفاتيح إلى كل شيء، مع تركيز مرئيّ.
- تباين AA للنصوص (4.5:1 على الأقل).
أمثلة
<img src="logo.svg" alt="">
<label for="email">البريد الإلكتروني</label>
<input id="email" type="email">
<button>إرسال</button>
اختبر بـaxe DevTools وLighthouse، والاختبار الحقيقي: استخدام مفتاح Tab فقط.