رسائل خطأ مسموعة

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

ويكفيك لذلك ثلاث خصائص: aria-describedby تربط الحقل بعنصر الرسالة، وaria-invalid="true" تعلن أن قيمة الحقل خاطئة، وrole="alert" على عنصر الرسالة تجعل قارئ الشاشة ينطقها فور ظهورها.

ولا بأس أن تُبقي اللون، لكنه يصبح تأكيدًا للرسالة وليس الطريقة الوحيدة لإيصالها.