قد تكون قراءة النص الطويل والمكثف بدون مخطط أو تنظيم واضح أمرًا شاقًا. يمكن أن تجعل العناوين المحتوى أسهل للعمل من خلاله وفهمه بسبب البنية المتوفرة.

غالبًا ما تبرز العناوين المرئية عن بقية المحتوى. لا يعد هذا التغيير في المظهر مجرد فاصل مرئي مرحب به، ولكنه يساعد القراء على مسح الصفحة ضوئيًا والعثور على ما يبحثون عنه.

على سبيل المثال، تتيح لك العناوين الموجودة في صفحة التعليمات هذه معرفة سريعة بمكان العثور على طرق لتطبيق مستويات العناوين وأفضل الممارسات لبنية العناوين.

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

بنية العنوان

يجب أن تتبع العناوين ترتيبًا تسلسليًا تنازليًا، ولا يجب تخطي المستوى. تُستخدم الأرقام لتمثيل مستوى العنوان، حيث يمثل 1 أعلى مستوى و6 هو أدنى قسم فرعي.

تقتصر معظم التقنيات، بما في ذلك برامج قراءة الشاشة، على ستة مستويات من العناوين. يمكن أن يؤدي تجاوز ستة مستويات إلى عدم قراءة العناوين، وبالتالي يجب تجنبها.

غالبًا ما يمثل مستوى العنوان 1 عنوان صفحة الويب أو المستند. ويمكنك أيضًا اعتباره، مثل عنوان الكتاب. إذا كان الكتاب منقسمًا إلى ثلاثة أجزاء، فسوف تستخدم مستوى العنوان 2 لعناوين الأجزاء. ومن ثم، سيتم استخدام العنوان 3 لعناوين الفصول الموجودة في كل جزء، وما إلى ذلك.

إنها مشكلة ثانوية عندما لا تكون العناوين مرتبة ترتيبًا منطقيًا. يجب إصلاح المشكلات الثانوية للحصول على تجربة أفضل. 

يساعدك Ally في تحديد حالات عدم وجود العناوين بترتيب منطقي مع شرح كيفية إصلاح هذه المشكلة. يمر Ally بعمليات التحقق التالية:

  • هل توجد عناوين في صفحة الويب أو المستند؟
  • هل تبدأ مستويات العناوين عند المستوى 1؟
  • هل يوجد ترتيب منطقي وثابت وتدرج هرمي؟ 
  • هل تتجاوز مستويات العناوين المستوى 6؟

إذا لم يجتاز المحتوى أيًا من عمليات التحقق، يقوم Ally بوضع علامة على العنوان باعتباره مشكلة.

استخدام Ally للعثور على العناوين غير الموجودة بترتيب منطقي

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

يوجد جدول "مشكلات إمكانية وصول ذوي الاحتياجات الخاصة" في كل من علامتي التبويب "نظرة عامة" و"المجال". ابدأ في علامة التبويب "المجال" للاطلاع على المشكلات الخاصة بالمجال.

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

إذا بدأت في علامة التبويب "نظرة عامة"، فحدد المشكلة ثم المجال الذي يحتوي على المشكلة. يمكن أن تبدأ مشكلات التباين بـ "المستند" أو "HTML" في القائمة.

من قائمة المشكلات الموجودة في المجال، حدد مؤشر الدرجة بجوار عنصر يحتوي على المشكلة. تظهر لوحة ملاحظات محرر المحتوى.

معاينة العناوين غير الموجودة بترتيب منطقي

تعرض لك لوحة ملاحظات Ally معاينة للمحتوى، بالإضافة إلى الملاحظات التفصيلية والدعم لمساعدتك في إصلاح مشكلات إمكانية وصول ذوي الاحتياجات الخاصة لديك. استخدم المعاينة لرؤية العناوين غير الموجودة بترتيب منطقي.

تبرز المعاينة المواضع التي يمكن فيها العثور على مشكلات إمكانية الوصول المحددة في المستند. تعرض مواضع التمييز كل موضع لنوع مشكلة واحد في كل مرة. على سبيل المثال، بالنسبة لمشكلة وجود العناوين بترتيب غير منطقي، تبرز المعاينة كل عنوان تظهر به هذه المشكلة المحددة.

أدوات المعاينة

استخدم أدوات المعاينة لاستكشاف المشكلات في المستند.

  • تنقل عبر المعاينة صفحة تلو الأخرى.
  • تعرف على عدد المرات التي تظهر فيها مشكلة محددة.
  • تنقل بين مواضع تمييز المشكلة.
  • قم بإخفاء أو إظهار المواضع المميزة.
  • قم بتكبير محتوى المعاينة أو تصغيره.
  • إذا كانت المشكلة في مستند مرفق، فقم بتنزيل الملف الأصلي.

اتباع الخطوات الإرشادية الخاصة بـ Ally لإصلاح مستويات العناوين

يفترض Ally أن لديك معرفة أساسية بـ HTML وكيفية استخدام نظام إدارة المحتوى (CMS). لاتباع الخطوات الإرشادية، تحتاج إلى معرفة كيفية تحرير صفحة ويب في HTML أو التعليمة البرمجية المصدر في نظام إدارة المحتوى.

إلى جانب المعاينة، يمنحك Ally إرشادات تفصيلية حول كيفية إصلاح المشكلة. ينظم Ally هذه الملاحظات في شجرة قرارات. لذا، فإن كل ما تحتاج فعله هو قراءة التوجيهات والاستجابة للمطالبات. تعرف على ماهية المشكلة، والسبب في أهميتها، وكيفية تصحيحها بشكل مناسب.

حدد كيفية إصلاح ترتيب العناوين لاتباع الخطوات الإرشادية.

طرق تطبيق مستويات العناوين على صفحات الويب

هناك أكثر من طريقة لتطبيق مستويات العناوين على صفحات الويب لديك.

  • HTML: ترشدك خطوات Ally الإرشادية إلى كيفية البحث عن مستويات العناوين وتحريرها في HTML. بصورة أساسية، ابحث عن صفحة الويب التي تحتوي على العنوان. قم بتحرير الصفحة. في تعليمة HTML البرمجية، قم بتحديث علامة العنوان إلى المستوى الصحيح. احفظ الصفحة.
  • محرر النص المنسق: تحتوي بعض أنظمة إدارة المحتوى على محرر نص منسق (RTE)، والذي من شأنه توفير طرق سهلة الاستخدام لتطبيق العناوين. ابحث عن العنوان على صفحة الويب. حدد العنوان، واستخدم أدوات أنظمة إدارة المحتوى لتطبيق مستوى عنوان جديد. احفظ الصفحة.

تفضل بزيارة w3schools لمعرفة المزيد عن HTML وCSS

لماذا لا أستطيع رؤية مستوى العنوان الذي أريد اختياره كخيار؟

لا يتحكم Ally في مستويات العناوين المتاحة في نظام إدارة المحتوى لديك. يتحقق Ally من ترتيب العنوان المنطقي بناءً على مستويات العناوين المستخدمة.

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

ويمكن تحديد عدد مستويات العناوين في دليل نمط الموقع، ويكون جزءًا من النموذج. قبل إجراء أي تغييرات، تحقق من دليل نمط موقعك.

في بعض الحالات، يتم استخدام عناوين المستوى الأعلى بالفعل كجزء من نظام إدارة المحتوى. على سبيل المثال، يعبر عنوان صفحة المساعدة هذه عن مستوى العنوان 1. ونظرًا لأن العنوان يستخدم مستوى العنوان 1، فإن مستويات العناوين في المحرر تبدأ من المستوى 2.

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

أفضل الممارسات في بنية العنوان

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

اختر دائمًا "العنوان 1" لعنوان المستوى الأعلى. استخدم "العنوان 2" لعناوين الأقسام، و"العنوان 3" للعناوين الفرعية، وما إلى ذلك. يتم استخدام "عادي" للفقرات.

عند قيامك بتحديث مستند، استخدم أنماط العناوين المضمنة في برنامج معالجة الكلمات لديك.

أنماط العناوين

لا تجعل العناوين بارزة بشكل مرئي عن المحتوى بحجم الخط ولونه. من المهم استخدام مستويات العناوين المتوفرة في أداة محرر المحتوى أو علامات العناوين المناسبة <h1>. تعتبر مستويات العناوين والعلامات المتوفرة مهمة لمستخدمي قارئات الشاشة للتنقل في الصفحة.

إذا لم يعجبك نمط العنوان، فقد تحتاج إلى تحديث النموذج.

غالبًا ما يتم تحديد أنماط العناوين في دليل نمط الموقع، ويمكن أن يعكس العلامة التجارية. قبل إجراء أي تغييرات، تحقق من دليل نمط موقعك.