الدرس 8 من 8
عدّاد الأحرف
- 12 دقيقة
- 5 معايير للتصحيح
- 3 تلميحات
- إلى المطلوب
هدف الدرس
الحدّ قبل الاصطدام به
الشرح
الحقل الذي له حدّ أقصى يجب أن يُظهر حدّه قبل أن يصطدم به المستخدم، لا أن يتوقّف فجأة عن قبول ما يكتبه بلا تفسير.
maxlength يفرض الحدّ من المتصفح نفسه، حتى عند اللصق، فلا تكتب كود قصّ. والعدّاد يُحسب مع كل input: maxLength - value.length.
ولمن لا يرى العدّاد: aria-live="polite" يجعل قارئ الشاشة ينطق التغيير حين يفرغ من كلامه، لا في منتصفه كما يفعل assertive. والمنطقة الحيّة يجب أن تكون في الصفحة من البداية؛ إن أُضيفت مع نصّها في اللحظة نفسها فغالبًا لن تُنطق.
المطلوب
اجعل حدّ #bio هو 140 حرفًا، واكتب عدد المتبقّي في #count عند التحميل ومع كل كتابة، واجعل العدّاد منطقة حيّة مهذّبة، واربط الحقل به بـ aria-describedby.
معايير التصحيح
5 معايير- الحدّ من المتصفح: 140 حرفًا
- العدّاد يظهر قبل الكتابة
- الكتابة تُنقص العدّاد
- العدّاد منطقة حيّة مهذّبة
- الحقل مربوط بالعدّاد