شرح صفوف ومحتوى الفقرة
قاعدة وصول جوهرية: تغيّر خاصية order الرسم البصري على الشاشة فقط ولا تعيد ترتيب شجرة DOM نهائياً؛ لذلك يظل تنقل لوحة المفاتيح عبر زر Tab ونطق قارئات الشاشة مرتبطين بترتيب كتابة الوسوم داخل HTML الأصلي.
إذا بعثرت ترتيب الأزرار التفاعلية أو حقول النماذج بصرياً عبر order، فسيقفر مؤشر التركيز عشوائياً ذهاباً وإياباً أمام مستخدمي لوحة المفاتيح. عندما تحتاج لتغيير التسلسل المنطقي الفعلي، عدّل ترتيب العناصر في HTML نفسه. جرّب فتح المثال التالي واضغط مفتاح Tab لتعاين بنفسك بقاء التركيز على ترتيب المصدر:
CSS
.step-early {
order: -1;
}
.step-late {
order: 2;
}
.nav-step:focus {
background-color: #dc143c;
}