فاحص بنية العناوين

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

والمُخرَج المهمّ هو المستوى المقفوز. فالانتقال من h2 إلى h4 يُعرض تمامًا كالانتقال من h2 إلى h3 — والفرق الوحيد حجم الخطّ، وهو مضبوط بصنف على أي حال. فينجو من كل مراجعة بصرية تمرّ على الصفحة. ومن يتنقّل في الصفحة بالعناوين يصل إلى قسم فرعي لا وجود لأصله، وهي التجربة نفسها التي يعطيها فصل مفقود.

والمستويات للبنية لا للحجم. فأشيع سبب لبنية مكسورة هو اختيار مستوى عنوان لأنه بدا مناسبًا. وذلك ما وُجدت له CSS. فالمستوى يقول أين يقع القسم في المستند؛ وورقة الأنماط تقول كم يبدو كبيرًا.

وفي العيّنة العيوب الأربعة كلّها: h2 يتلوه h4، وh3 يتلوه h5، وh2 فارغ في آخرها. والفارغ عادةً عنوان ملتفّ حول صورة بلا نصّ بديل، ومعناه أن للقسم عنوانًا لا يستطيع أحد قراءته — لا زاحف ولا مستعمل قارئ شاشة.

وأكثر من h1 تحذير لا خطأ. فHTML5 يجيزه ومحرّكات البحث تتسامح معه. ويبقى جديرًا بالمعرفة، لأن المستند بعنوانين لا عنوان له عمليًّا، ولأن ذلك يعني عادةً أن قالبًا يُخرج واحدًا إلى جانب صفحة لها عنوانها.

والعودة إلى مستوى أعلى ليست قفزًا. فـh2 ثم h3 ثم h2 هو قسم ينتهي وآخر يبدأ، وهذا صحيح تمامًا. والنزول أعمق بأكثر من درجة وحده هو ما يترك ثغرة.

ولرأس الصفحة لا جسدها، ألصق الشيفرة نفسها في محلّل وسوم الرأس.