تخطَّ إلى المحتوى الرئيسي
Niquelao الوصولية على الويب وتطوير الواجهات الأمامية بالعربية: معايير WCAG، وعناصر واجهة قابلة للوصول، وإضافات لفايرفوكس، مشروحة بأكواد حقيقية.

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

نيكيلاو » إضافة headingsMap

» إضافة headingsMap Niquelao كيف تقول أن الأمر قد انتهى؟ 5 مايو 2008 بقلم Rumoroso —> إمكانية الوصول ومعايير الويب إضافة headingsMap بقلم Rumoroso قبل كل شيء، إليك الرابط إلى الصفحة المقابلة لإضافة headingsMap على Firefox Add-ons. إذا كنت مهتمًا، فأنا أنتظر ملاحظاتك وآرائك، وحتى اقتراحاتك للتحسين. تتيح مجموعة العناوين في صفحة ويب هيكلة محتوياتها بطريقة يمكن من خلالها، عبر بنية هرمية، الحصول على خريطة أو فهرس للمستند. لهذا السبب، عندما تُستخدم العناوين، يجب أن تكون انعكاسًا أمينًا لبنية محتويات المستند (الأقسام والأقسام الفرعية وعلاقات التبعية بينها)، بالإضافة إلى أن تكون واضحة بما فيه الكفاية وتتجنب القفزات غير المناسبة في المستوى (على سبيل المثال، الانتقال من h2 إلى h4). وهذا أمر بالغ الأهمية إذا تحدثنا من منظور إمكانية الوصول إلى الويب، لأنه يسهّل فهم المحتوى واستخدامه من قبل أي شخص، بغض النظر عن حالته فيما يتعلق بالتنوع الوظيفي. يمكن استخراج العناوين في شكل قائمة تعمل كخريطة أو فهرس لمستند الويب. هذا ما يمكن لبعض الأدوات المساعدة مثل قارئات الشاشة القيام به. تتيح هذه الأدوات للمستخدم أو المستخدمة الحصول على انطباع أولي عن المحتوى، مع إمكانية الوصول مباشرة إلى الجزء الذي يهمه، دون الحاجة إلى المرور بكل المحتوى مسبقًا. تولّد إضافة headingsMap فهرسًا أو خريطة لأي مستند ويب مُهيكل باستخدام العناوين، بحيث عند النقر على أي من عناصر هذه الخريطة، يتم الوصول مباشرة إلى المحتوى المقابل في الصفحة. لكن headingsMap ليست مفيدة فقط لتسهيل التنقل لأي شخص (وهو ما كانت توفره بالفعل إضافة documentMap)، بل إنها أيضًا ذات فائدة كبيرة لكل من المطورين والاستشاريين والمدققين في مجال الويب للأسباب التالية: تعرض بنية العناوين سواء في المستند الرئيسي أو في أي مستند آخر مُضمّن عبر عنصر IFRAME (تعرضها مدمجة بين عناوين المستند الحاوي) أو تلك التي تشكل جزءًا من مجموعة إطارات (FRAMESET). تشير إلى مستوى كل عنوان من العناوين. يمكنها التنبيه في الحالات التي لا توجد فيها عناوين في المستند. يمكنها التنبيه إلى القفزات غير الصحيحة في العناوين، مع الإبقاء على التنبيه حتى العثور على عنوان بمستوى مناسب. تعرض جميع العناوين الموجودة في المستند، حتى تلك المخفية بتقنيات CSS أو تلك التي تفتقر إلى محتوى. نظرًا لأن عناوين المستند وعناوين الإطارات المضمنة التي يحتوي عليها تُعرض في اللوحة نفسها، ولتلبية الحاجة التي قد تظهر، على سبيل المثال في تدقيق ويب، لتمييز العناوين التي تشكل جزءًا من IFRAME عن البقية، أُضيف خيار لتضمين علامة (في شكل خط جانبي) تُبرز هذا الاختلاف (مع التمييز حتى في حالة وجود تداخل للإطارات). لتفعيل ظهور العلامة (خط عمودي يقع على يمين العنوان)، يكفي تحديد الخيار المقابل بالضغط على الزر الثانوي للفأرة على اللوحة الجانبية أو على الأيقونة التي تثبّتها الإضافة في شريط الحالة. بالإضافة إلى ذلك، تُضمَّن سلسلة أخرى من خيارات الإعداد بحيث تُعلَّم الأخطاء في القفزات بين المستويات، وكذلك عند تحديد عنوان من القائمة، يُبرَز العنوان المقابل في المستند بنمط معين (حدود وخلفية قابلتان للتكوين). فيما يلي لقطة شاشة لكيفية عرض العناوين في مستند يحتوي على IFRAME. يشير الخط الجانبي الأيسر بجانب العناوين إلى تلك الموجودة داخله. بالإضافة إلى ذلك، ينبّه تلوين الخلفية المختلف إلى وجود قفزات غير صحيحة بين المستويات (في هذه الحالة من الأول إلى الثالث دون المرور بالثاني). في حالة تضمين المستند لمجموعة إطارات (FRAMESET)، تنقسم اللوحة التي تُعرض فيها العناوين إلى عدد من اللوحات بعدد الإطارات الموجودة، وتعرض في كل منها عناوينها. أخيرًا، أُضيفت وظيفة إضافية. إذا كان مستند الويب الذي يتم الوصول إليه عبارة عن عرض تقديمي بصيغة ويب مُعدّ باستخدام acc_slide (أو rumoslide) أو باستخدام Slidy، فإن الإضافة تعمل كفهرس، مما يتيح الوصول مباشرة إلى الشريحة المطلوبة. إذا كنت بعد قراءة هذا مقتنعًا بالفعل بأنك تريد تجربة الإضافة، فإليك مرة أخرى الرابط إلى إضافة headingsMap على Firefox Add-ons. بمجرد تثبيت الإضافة، ستظهر أيقونة في شريط الحالة تُظهر اللوحة الجانبية التي تُعرض فيها بنية العناوين. كذلك، يمكن الوصول إليها أيضًا عبر تركيبة لوحة المفاتيح alt + o. ملاحظة: عند النقر على كل عنصر من عناصر قائمة العناوين، يتم الوصول مباشرة إلى العنوان المعني، مع إبرازه. لإزالة الإبراز يكفي الضغط على مفتاح “esc” أو النقر على أي نقطة في المستند الحالي. لم يعد هناك عذر لعدم القيام بالأمور بشكل صحيح. لنبدأ بإضافة العناوين إلى مستنداتنا ولنفعل ذلك بشكل صحيح. يمكنك متابعة التعليقات بفضل تغذية RSS 2.0. يمكنك أيضًا ترك تعليق، أو إرسال trackback إلى العنوان http://www.niquelao.net/extension-headingsmap/trackback/ من موقعك. 3 تعليقات Firefox Add-ons (6 مايو 2008) […] تولّد إضافة headingsMap فهرسًا أو خريطة لأي مستند ويب مُهيكل باستخدام العناوين (سواء في المستند الرئيسي أو في الإطارات والإطارات المضمنة التي يحتوي عليها)، مع الإشارة إلى […] kcmr (12 أغسطس 2008) إضافة رائعة جدًا! إنها تتفوق بمراحل على Document Map. www.webeame.net (12 أغسطس 2008) إضافة للمطورين… إضافة مفيدة لـ Firefox تقدم معلومات كاملة حول بنية العناوين في مستنداتنا على الويب (بما في ذلك تلك المرتبطة عبر الإطارات). تُعلمك إذا كانت هناك أخطاء أو إذا كان هناك عنوان مفقود وتتيح التنقل عبر الصفح… يمكنك متابعة التعليقات بفضل تغذية RSS 2.0. يمكنك أيضًا ترك تعليق، أو إرسال trackback من موقعك. هذا العمل مرخّص بموجب رخصة Creative Commons.

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; if you want the current details.


¿Cumplir WCAG sin tocar el código?

Superposición de IA que promete cumplimiento WCAG en 48 horas