إمكانية الوصول للويب (a11y)

القواعد العملية الأربع

1. كل صورة لها alt وصفيّ (فارغ إن كانت زخرفية).
2. كل حقل إدخال لديه <label> مرتبط.
3. الوصول من لوحة المفاتيح إلى كل شيء، مع تركيز مرئيّ.
4. تباين AA للنصوص (4.5:1 على الأقل).

أمثلة

<img src="logo.svg" alt="">
<label for="email">البريد الإلكتروني</label>
<input id="email" type="email">
<button>إرسال</button>

اختبر بـaxe DevTools وLighthouse، والاختبار الحقيقي: استخدام مفتاح Tab فقط.