عارض ترتيب التركيز
تصوّر ترتيب التنقل بمفتاح Tab على أي صفحة ويب
What is tab order?
Tab order is the sequence keyboard users follow when pressing Tab to move through interactive elements on a page. A logical order helps screen-reader and keyboard-only users navigate efficiently — paste your HTML to see the order your visitors will experience.
لصق HTML
معاينة
ما هو عارض ترتيب التركيز؟
الصق أي كود HTML وشاهد ترتيب التبويب بلوحة المفاتيح موضحًا بالكامل. تظهر علامات مرقمة على كل عنصر قابل للتركيز لتكتشف مشاكل التنقل بنظرة واحدة. مصمم لمدققي إمكانية الوصول والمطورين للتحقق من توافق WCAG.
كيفية الاستخدام
- الصق كود HTML في المحرر أو ارفع ملف HTML للتحقق من ترتيب التبويب.
- تظهر علامات مرقمة على كل عنصر قابل للتركيز (الروابط، الأزرار، حقول الإدخال) توضح تسلسل التبويب.
- راجع قائمة ترتيب التركيز، حدد العناصر غير المرتبة أو المفقودة، ثم صدّر التحليل كتقرير.
النتيجة
يلصق مستشار إمكانية الوصول كود HTML لنموذج تسجيل العميل. يكشف المُصوّر أن زر 'إرسال' يحصل على التركيز قبل خانة 'شروط الخدمة' بسبب قيم tabindex غير صحيحة، مما يشير إلى انتهاك لمعيار WCAG 2.4.3.
أدوات ذات صلة
معاينة نص قارئ الشاشة
استعرض كيف يفسّر قارئ الشاشة محتواك
أداة اختبار حجم الخط
استعرض النص بأحجام خطوط مختلفة
نص مُيسَّر لعُسر القراءة
أعِد تنسيق النص ليكون أسهل في القراءة
مساعد النص البديل
اكتب نصوصاً بديلة سهلة الوصول للصور
وضع النص الكبير
كبّر أي نص لتسهيل القراءة
وضع التباين العالي
معاينة المحتوى بإعدادات التباين العالي