إمكانية الوصول

هذا من أكثر الدروس أثرًا، فملايين الناس يستعملون الويب بقارئ شاشة أو بلوحة المفاتيح وحدها، وتكفي أربعة أمور لتصبح واجهتك سهلة الاستعمال لهم.

ربط التسمية بالحقل: عندما تربط <label for="x"> بـ <input id="x"> يقرأ قارئ الشاشة التسمية مع الحقل، وتكبر مساحة الضغط للجميع.

اسم لكل زرّ: الزرّ الذي فيه أيقونة فقط يقرؤه قارئ الشاشة «زرّ» دون أي معنى، والخاصية aria-label تعطيه اسمًا.

الصور الزخرفية: القيمة alt="" تخبر قارئ الشاشة أن يتجاهل الصورة، أمّا حذف alt كليًّا فيجعله يقرأ اسم الملف.

علامة تركيز ظاهرة: من يتنقّل بين العناصر بمفتاح Tab يجب أن يرى العنصر الذي عليه التركيز (focus) الآن.