يضغط موظف المبيعات على عنوان «آخر تواصل» فتتغير صفوف العملاء، لكن قارئ الشاشة لا يخبره باتجاه الفرز. وقد ينتقل التركيز إلى بداية الصفحة أو يظل مربع التحديد مرتبطًا بمكان الصف القديم. نجاح العملية بصريًا لا يثبت أن جدول لوحة التحكم قابل للاستخدام. تحتاج اختبارًا يجمع المعنى المعلن، والتنقل، وهوية السجل.
حوّل عنوان العمود إلى إجراء مفهوم
يعرض مثال W3C للجدول القابل للفرز جدول HTML أصليًا مع أزرار داخل عناوين الأعمدة. يضع aria-sort على العمود المرتب حاليًا، وينقلها عند تغيير العمود. المثال إرشادي ويحتاج اختبارًا مع تقنيات المساعدة قبل استخدامه في الإنتاج؛ نسخه كما هو ليس شهادة توافق.
حدد الأعمدة التي تدعم الفرز فعلًا. لا تجعل عنوان «ملاحظات» يبدو زرًا إذا لم يكن له إجراء، ولا تعتمد على اللون وحده لتمييز الاتجاه. في الواجهة العربية راجع الاسم المسموع للزر: هل يشرح العمود ويُفهم منه أثر التفعيل؟ اجعل مؤشر التركيز ظاهرًا في الوضعين الفاتح والداكن.
جرّب ترتيبًا يمكن التحقق منه
جهز خمسة عملاء مصطنعين بتواريخ معلومة، بينهم تاريخان متساويان وقيمة غير معروفة. اكتب الترتيب المتوقع تصاعديًا وتنازليًا وسياسة القيم الفارغة. تساوي القيم يحتاج قاعدة ثانوية متسقة، حتى لا يبدو أن الصفوف تقفز عشوائيًا عند تكرار الفحص.
- انتقل إلى زر عنوان العمود باستخدام Tab وفعله بلوحة المفاتيح.
- طابق ترتيب السجلات مع العينة، ثم راجع الإعلان المسموع لاتجاه الفرز.
- غيّر العمود وتأكد من انتقال دلالة الفرز إليه دون بقاء عمودين معلنين كعمود الفرز الأساسي.
- كرر العملية مع التكبير وواجهة RTL وقارئ الشاشة الذي تدعمه المؤسسة.
لا تفقد اختيار المستخدم بعد الفرز
حدد عميلًا ثم غيّر الترتيب. يجب أن يظل الاختيار مرتبطًا بمعرف العميل نفسه وفق تصميم النظام، لا بالصف الثالث مثلًا. افتح تفاصيله وارجع إلى القائمة، وافحص هل الترتيب والتصفية واضحان. اختبر أيضًا رسالة التحميل إذا كان الخادم يجلب النتائج؛ لا تترك أزرارًا فعالة توحي بأن بيانات قديمة هي النتيجة الجديدة.
سلّم الدليل مع التصميم
سجل نسخة المكون والمتصفح وقارئ الشاشة والنتيجة المتوقعة والفعلية. عالج الجدول ضمن تصميم تجربة المستخدم واحتياجات نظام CRM. هذا اختبار محدد للفرز؛ تظل تسميات الحقول والتباين والصلاحيات وترقيم النتائج مراجعات أخرى. معيار القبول أن يعرف الموظف ما الذي تغير ويكمل عمله على السجل الصحيح.
