التنقل بين المعالم: كيف يتنقل المستخدمون

يلقي المستخدم المبصر نظرة سريعة على الصفحة، بينما يقفز مستخدم قارئ الشاشة من منطقة إلى أخرى باستخدام المعالم التي حددتها.

توفر معظم قارئات الشاشة مفتاحًا للتنقل بين المعالم. ففي NVDA، ينتقل المفتاح D إلى المنطقة التالية من دون لمس الفأرة.

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

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

على جهاز Mac، يفتح مستخدمو VoiceOver الدوّار ويختارون Landmarks للتنقل بين مناطقك حسب الاسم والدور.

في قائمة المعالم هذه، تصبح قيم aria-label عناصر القائمة، ولذلك فإن الأسماء الجيدة هي ما يجعل القفز مفيدًا.

تُزار المعالم بترتيب المصدر، لذا فإن ترتيب HTML المنطقي يؤدي إلى ترتيب قفز منطقي للجميع.

إذا كان كل مربع منطقة، فستتحول القائمة إلى ضوضاء. استخدم المعالم لأقسام الصفحة الحقيقية، لا للتخطيط العام.

من الأفضل أن يكون كل المحتوى المرئي داخل معلم ما. أما المحتوى المعزول خارج أي منطقة، فيصعب الوصول إليه بالقفز.

افتح قارئ شاشة واضغط مفتاح المعالم. إذا تمكنت من القفز بسلاسة خلال صفحتك، فمناطقك تعمل كما ينبغي. 🎧

التنقل بالقفز بين المعالم أفضل من الضغط على Tab عشرات المرات. إذ تحل بضع ضغطات على المفاتيح محل التصفح الطويل والمتعب بين كل رابط.

تعلمت كيف ينتقل المستخدمون بين المعالم باستخدام مفتاح أو دوّار، ولماذا تهم أسماء المناطق وترتيب DOM، وكيف تختبر الصفحة بالاستماع إليها. 🙌