معايير نجاح WCAG · Level AAA
WCAG 3.1.4: الاختصارات
يتطلب المعيار WCAG 3.1.4 توفر آلية لتحديد الصيغة الكاملة أو معنى الاختصارات المستخدمة في المحتوى. يضمن هذا المعيار أن المستخدمين الذين لا يعرفون الاختصارات أو الألفاظ المختصرة أو الأحرف الأولى يمكنهم الوصول إلى معناها الكامل، مما يدعم الفهم لدى الأشخاص ذوي الإعاقات الإدراكية، وغير الناطقين الأصليين باللغة، ومستخدمي برامج قراءة الشاشة.
- Level AAA
- Wcag
- Wcag 2 2 aaa
- مفهوم
- إمكانية الوصول
ماذا يعني هذا المعيار
يتطلب معيار النجاح 3.1.4 من WCAG — الاختصارات (المستوى AAA) أنه كلما ظهر اختصار أو كلمة مكوّنة من الأحرف الأولى أو اختصار بالأحرف الأولى في محتوى الويب، يجب أن توجد آلية تمكّن المستخدمين من اكتشاف الصيغة الكاملة أو المعنى. الاختصار، وفقًا لمصطلحات WCAG، هو شكل مختصر من كلمة أو عبارة أو اسم — ويشمل ذلك الاختصارات التقليدية (مثل "approx." لـ "approximately")، والكلمات المكوّنة من الأحرف الأولى (مثل "NASA" لـ "National Aeronautics and Space Administration")، والاختصارات بالأحرف الأولى (مثل "HTML" لـ "HyperText Markup Language").
لا يفرض هذا المعيار تقنية واحدة بعينها. بل يشترط وجود بعض الآليات بحيث يتمكن المستخدمون الذين يواجهون اختصارًا غير مألوف من معرفة ما يمثله. تشمل الآليات المقبولة توسيع الاختصار في النص عند أول استخدام (مثل "HyperText Markup Language (HTML)")، واستخدام عنصر HTML <abbr> مع خاصية title التي توفر التوسيع، وتوفير مسرد مرتبط من الصفحة، أو تضمين الصيغة الكاملة في السياق المحيط بحيث يكون المعنى غير ملتبس.
يحدث النجاح عندما يكون لكل اختصار في المحتوى واحدة على الأقل من هذه الآليات: ظهور الصيغة الكاملة في النص بجانب الاختصار أو مباشرة قبله عند أول استخدام؛ التفاف الاختصار بعنصر <abbr> مع خاصية title معلوماتية؛ وجود مسرد أو قائمة تعريفات يمكن الوصول إليها من الصفحة وتعرّف المصطلح؛ أو أن يجعل السياق المحيط المعنى واضحًا تمامًا دون لبس. يحدث الفشل عندما يظهر اختصار دون أي من هذه الوسائل الداعمة — يرى المستخدم اختصارًا مثل "MoNE" أو "SCR" دون أي إشارة إلى ما يعنيه، ولا تلميحًا منبثقًا، ولا توسيعًا سابقًا، ولا مسردًا مرتبطًا.
يتضمن WCAG استثناءً ضيقًا: إذا اعتُبر الاختصار جزءًا من اللغة نفسها — أي أنه مفهوم على نطاق واسع لدرجة أنه يعمل ككلمة مستقلة (مثل "laser" أو "radar" اللتين كانتا في الأصل كلمتين مكوّنتين من الأحرف الأولى) — فلا يُشترط التوسيع. وبالمثل، تُعتبر الاختصارات التي يعرّفها المحتوى ضمن مصطلحاته المحددة ويُستخدم فيها الاختصار باستمرار في ذلك السياق مع مسرد يمكن الوصول إليه بوضوح متوافقة مع المعيار. الاختبار الأساسي دائمًا هو ما إذا كان بإمكان مستخدم غير مألوف بالاختصار أن يجد معناه من خلال الآليات المتاحة في المحتوى.
لماذا يهم هذا المعيار
الاختصارات منتشرة في محتوى الويب — بوابات الحكومة، أنظمة الرعاية الصحية، منصات التجارة الإلكترونية، والمواقع التعليمية تعتمد جميعها بشكل كبير على الاختزال. وبينما تكون مألوفة للخبراء في المجال، تشكل هذه الأشكال المختصرة عوائق كبيرة لعدة فئات من المستخدمين.
قد يواجه الأشخاص ذوو الإعاقات المعرفية وصعوبات التعلم مثل عسر القراءة، أو الإعاقات الذهنية، أو اضطرابات فرط الحركة وتشتت الانتباه صعوبة في فك رموز الاختصارات غير المألوفة، مما يجبرهم على مغادرة الصفحة للبحث عن المعاني أو التخلي تمامًا. بالنسبة للمستخدمين ذوي ضعف الذاكرة، قد لا تُسترجع الاختصارات التي صادفوها سابقًا بشكل موثوق من جلسة إلى أخرى، لذا توفر الآليات داخل الصفحة دعمًا مستمرًا بالغ الأهمية.
يتأثر مستخدمو قارئات الشاشة — بما في ذلك الأشخاص المكفوفون أو ذوو ضعف البصر الشديد — بشكل مباشر لأن قارئات الشاشة قد تنطق الاختصارات صوتيًا بطرق مربكة أو بلا معنى. على سبيل المثال، قد ينطق قارئ الشاشة "SCR" كسلسلة غير مفهومة من الأحرف بدلًا من "Sustainable Corporate Responsibility". عند استخدام عنصر <abbr> بشكل صحيح مع خاصية title، يمكن لبعض إعدادات قارئات الشاشة أن تنطق التوسيع الكامل بدلًا من الاختصار بالأحرف الأولى، مما يحسن الفهم بشكل كبير. ووفقًا لمنظمة الصحة العالمية، يعاني حوالي 2.2 مليار شخص حول العالم من شكل من أشكال ضعف البصر، ويعتمد جزء كبير منهم على التقنيات المساعدة للوصول إلى المحتوى الرقمي.
المتحدثون غير الأصليين باللغة هم فئة أخرى متأثرة. فمستخدم تركي يقرأ وثيقة تقنية باللغة الإنجليزية — أو متحدث بالإنجليزية يتصفح بوابة حكومية تركية — قد يكون متمكنًا من اللغة ومع ذلك غير مألوف تمامًا بالاختصارات الخاصة بالمجال أو الثقافة. إن توفير التوسعات يحترم تنوع خلفيات المستخدمين وقواعد معارفهم.
فكر في سيناريو ملموس: مريض يزور بوابة المستشفى الإلكترونية يقرأ تقريره التشخيصي ويصادف "KOAH" دون أي توسيع. يدرك الطبيب التركي فورًا أن هذا يعني "Kronik Obstrüktif Akciğer Hastalığı" (Chronic Obstructive Pulmonary Disease)، لكن المريض أو مقدم الرعاية غير الملم بالمصطلحات الطبية يبقى دون فهم لتشخيصه. إن توفير التوسيع — إما ضمن السطر عند أول استخدام أو عبر عنصر <abbr title='Kronik Obstrüktif Akciğer Hastalığı'>KOAH</abbr> — يحوّل مصطلحًا مربكًا إلى معلومة مفهومة ويدعم اتخاذ قرارات مستنيرة.
إلى جانب إمكانية الوصول، هناك فوائد ملموسة في سهولة الاستخدام وتحسين محركات البحث (SEO). تقوم محركات البحث بفهرسة الصيغ الكاملة للاختصارات، مما يحسن إمكانية اكتشاف المحتوى للمستخدمين الذين يبحثون باستخدام المصطلحات الكاملة. كما أن اللغة الواضحة غير الملتبسة تقلل طلبات الدعم، وتزيد معدلات إتمام المهام، وتبني الثقة مع المستخدمين عبر مستويات الإلمام بالقراءة والكتابة.
قواعد axe-core ذات الصلة
يتطلب معيار WCAG 3.1.4 اختبارًا يدويًا لأن أي أداة آلية لا يمكنها تحديد ما إذا كان الاختصار المعين قد تم شرحه بشكل كافٍ ضمن سياق الصفحة. يمكن لأدوات الفحص الآلي اكتشاف وجود عناصر <abbr> لكنها لا تستطيع الحكم على ما إذا كان كل اختصار في الصفحة قد حصل على توسيع يمكن الوصول إليه. فيما يلي ملخص لسياق axe-core ذي الصلة:
- يتطلب اختبارًا يدويًا (لا توجد قاعدة مخصصة في axe-core): لا يتضمن axe-core قاعدة آلية مخصصة تحديدًا لـ WCAG 3.1.4. وذلك لأن تحديد أي سلاسل نصية تشكل اختصارات، وما إذا كانت قد تم توسيعها بشكل كافٍ في مكان ما على الصفحة، وما إذا كان المسرد المرتبط يمكن الوصول إليه، يتطلب حكمًا بشريًا وقراءة سياقية. لا يمكن لأداة آلية التمييز بين "IT" (Information Technology)، و"it" (ضمير)، و"It" (اسم علم) دون فهم عميق للغة الطبيعية. يجب على المختبرين قراءة محتوى الصفحة يدويًا، وتحديد جميع الاختصارات والكلمات المكوّنة من الأحرف الأولى والاختصارات بالأحرف الأولى، ثم التحقق من أن لكل منها آلية توسيع يمكن الوصول إليها.
- فحص ذو صلة —
<abbr>بدون title: رغم أنه ليس قاعدة مستقلة في axe-core مرتبطة بـ 3.1.4، فإن بعض أدوات فحص إمكانية الوصول وإضافات المتصفح تشير إلى عناصر<abbr>التي تفتقر إلى خاصيةtitleكتحذير لأفضل الممارسات. إذا استخدمت<abbr>كآلية للتوسيع، فيجب أن تكون خاصيةtitleموجودة وتحتوي على التوسيع الكامل؛ فخاصيةtitleالفارغة أو الغائبة تقوّض الغرض من العنصر وتشكل فشلًا بموجب هذا المعيار.
كيفية الاختبار
- خط الأساس للفحص الآلي: شغّل axe DevTools أو Lighthouse على الصفحة. رغم أن أياً من الأداتين لا يحتوي على قاعدة مخصصة لـ 3.1.4، قد يعرض axe DevTools إشعارات لأفضل الممارسات حول عناصر
<abbr>التي تفتقر إلى خصائصtitle. دوّن هذه كنقاط بداية، لكن افهم أنها لن تلتقط الاختصارات التي تفتقر تمامًا إلى وسم<abbr>. - مراجعة المحتوى يدويًا: اقرأ محتوى الصفحة بالكامل — بما في ذلك العناوين، والنص الأساسي، والجداول، وتسميات النماذج، وتسميات الأزرار، وعناصر التنقل، ونص التذييل. ظلّل كل كلمة أو تسلسل من الأحرف يمكن أن يكون اختصارًا أو كلمة مكوّنة من الأحرف الأولى أو اختصارًا بالأحرف الأولى. لكل منها، تحقق مما إذا كان: (أ) قد تم توسيعه سابقًا في نفس الصفحة؛ (ب) ملفوفًا داخل عنصر
<abbr>مع خاصيةtitleغير فارغة؛ (ج) أن الصفحة ترتبط بمسرد يعرّفه؛ أو (د) أن السياق المحيط يجعل معناه غير ملتبس. - التحقق باستخدام قارئ الشاشة NVDA + Firefox: افتح الصفحة في Firefox مع تفعيل NVDA. تنقل عبر المحتوى باستخدام مفاتيح الأسهم. عندما يصادف NVDA عنصر
<abbr>مع خاصيةtitle، يجب أن يعلن نص الـ title. تحقق من أن التوسعات يتم عرضها صوتيًا. لاحظ أن سلوك NVDA مع خصائصtitleعلى عناصر<abbr>قد يختلف حسب الإصدار والإعدادات — اختبر أولًا باستخدام إعدادات NVDA الافتراضية. - التحقق باستخدام قارئ الشاشة VoiceOver + Safari (macOS/iOS): فعّل VoiceOver وتصفح الصفحة. يقرأ VoiceOver على macOS خصائص
titleعلى عناصر<abbr>. استخدم VO+A لقراءة الصفحة خطيًا واستمع لمعرفة ما إذا كانت الاختصارات تحصل على توسعاتها. على iOS، تنقل بالسحب عبر المحتوى وتحقق من السلوك نفسه. - التحقق باستخدام قارئ الشاشة JAWS + Chrome: مع تفعيل JAWS، تنقل في الصفحة باستخدام مفاتيح الأسهم. يتعامل JAWS مع
<abbr title='...'>بإعلان نص الـ title. اختبر أن التوسيع يُقرأ بصوت عالٍ بشكل صحيح لكل اختصار تم وسمه. - فحص لوحة المفاتيح والفحص البصري للتلميحات المنبثقة: إذا كان التنفيذ يعتمد على أنماط تلميحات CSS أو تلميحات مدعومة بـ JavaScript مرتبطة بحالات التحويم على
<abbr>، فانتقل إلى العنصر باستخدام لوحة المفاتيح (أو ركّز عليه برمجيًا) وتحقق من ظهور التلميح. يتطلب WCAG أن تكون الآلية قابلة للوصول، لا أن تكون متاحة بالفأرة فقط — فالتلميح الذي يظهر عند التحويم فقط يفشل في خدمة مستخدمي لوحة المفاتيح. - التحقق من رابط المسرد: إذا كانت الصفحة تعتمد على مسرد مرتبط، فاتبع الرابط وتأكد من أن كل اختصار مستخدم في المحتوى الأصلي له مدخل مقابل مع تعريف واضح. تحقق من أن رابط المسرد موضوع بشكل بارز وقابل للوصول عبر لوحة المفاتيح.
كيفية الإصلاح
اختصار غير مميز عند أول استخدام — غير صحيح
<p>The WHO reported that NCDs account for 74% of all deaths globally each year.</p>
اختصار غير مميز عند أول استخدام — صحيح
<!-- Expand on first use inline, then use abbr for subsequent references -->
<p>The World Health Organization (WHO) reported that non-communicable diseases
(<abbr title='non-communicable diseases'>NCDs</abbr>) account for 74% of all
deaths globally each year.</p>
عنصر abbr بدون خاصية title — غير صحيح
<!-- abbr element present but title is missing — provides no expansion -->
<p>Submit your <abbr>VAT</abbr> registration number to proceed.</p>
عنصر abbr بدون خاصية title — صحيح
<!-- title attribute supplies the full expansion for assistive technologies -->
<p>Submit your <abbr title='Value Added Tax'>VAT</abbr> registration number to proceed.</p>
تلميح منبثق عند التحويم فقط لاختصار — غير صحيح
<!-- CSS tooltip only appears on mouse hover; keyboard users and touch users cannot access it -->
<span class='tooltip-trigger'>KVKK
<span class='tooltip-text'>Kişisel Verilerin Korunması Kanunu</span>
</span>
تلميح منبثق عند التحويم فقط لاختصار — صحيح
<!-- Using abbr with title ensures the expansion is available to all users,
including keyboard and screen reader users, without relying on hover -->
<abbr title='Kişisel Verilerin Korunması Kanunu'>KVKK</abbr>
اختصار في ترويسة جدول بدون توسيع — غير صحيح
<table>
<thead>
<tr>
<th>SKU</th>
<th>MoQ</th>
<th>ETA</th>
</tr>
</thead>
</table>
اختصار في ترويسة جدول بدون توسيع — صحيح
<!-- abbr with title inside th provides context for all users, including screen reader users -->
<table>
<thead>
<tr>
<th><abbr title='Stock Keeping Unit'>SKU</abbr></th>
<th><abbr title='Minimum Order Quantity'>MoQ</abbr></th>
<th><abbr title='Estimated Time of Arrival'>ETA</abbr></th>
</tr>
</thead>
</table>
الأخطاء الشائعة
- استخدام
<abbr>بدون خاصيةtitle: تغليف النص بعلامات<abbr>وحده لا يوفر أي قيمة دلالية ولا أي توسيع — خاصيةtitleإلزامية لكي يفي العنصر بغرضه المتعلق بإمكانية الوصول بموجب هذا المعيار. - توسيع الاختصار فقط بعد أول استخدام له: إذا ظهر الاختصار قبل توسيعه في ترتيب القراءة (مثلًا في عنوان قبل الفقرة الأساسية التي توسّعه)، فلن يكون لدى المستخدمين الذين يصادفون العنوان أولًا أي آلية لفهمه في تلك اللحظة. يجب دائمًا التوسيع عند أو قبل أول استخدام.
- الاعتماد حصريًا على تلميحات منبثقة عند التحويم بالفأرة: التلميحات المبنية بـ CSS أو JavaScript والتي تظهر فقط عند
:hoverغير متاحة لمستخدمي لوحة المفاتيح فقط، ومستخدمي الشاشات اللمسية، ومعظم إعدادات قارئات الشاشة. نمط<abbr title>هو الأفضل، أو يجب أيضًا تشغيل التلميحات عند:focus. - توفير مسرد مرتبط لكن جعل الرابط صعب العثور: إذا كانت آلية التوسيع لديك هي مسرد، فيجب أن يكون الرابط موسومًا بوضوح، وموقعًا بشكل بارز، وقابلًا للوصول عبر لوحة المفاتيح. إخفاء رابط المسرد في التذييل بخط صغير أو خلف قسم مطوي قد لا يفي بمتطلب وجود آلية قابلة للاستخدام.
- توسيع الاختصارات بشكل غير متسق — وسم بعض الحالات فقط: إذا استخدمت
<abbr title>لاختصار في قسم ما لكن تركت حالات أخرى له بدون وسم في نفس الصفحة، فسيصادف المستخدمون الذين ينتقلون مباشرة إلى تلك الأقسام عبر البحث أو المعالم اختصارات غير مشروحة. - افتراض أن جميع الاختصارات مفهومة عالميًا: الاختصارات الخاصة بالمجال التي تبدو بديهية للممارسين ("EBITDA" في المالية، "API" في تطوير البرمجيات، "BKT" في سياقات الحكومة التركية) قد تكون غامضة تمامًا للمستخدمين خارج تلك المجالات، بما في ذلك الأشخاص الذين يستخدمون تقنيات مساعدة أو يزورون الصفحة لأول مرة.
- وضع التوسيع فقط في نص alt للصور بدلًا من النص: إذا ظهر الاختصار في نص alt لصورة كتوسيع بينما يعرض النص المرئي الاختصار فقط، فقد لا تكون الآلية متاحة لجميع المستخدمين (مثلًا، أولئك الذين يستخدمون أوضاع قراءة المتصفح). يجب أن تكون التوسعات متاحة في النص البرمجي لوثيقة HTML نفسها.
- استخدام قيم
titleغير صحيحة أو مختصرة: يجب أن تحتوي خاصيةtitleلعنصر<abbr>على التوسيع الكامل، لا اختصارًا آخر أو شرحًا جزئيًا. كتابةtitle='HTML lang'بدلًا منtitle='HyperText Markup Language'لا يفي بالمعيار. - عدم مراعاة الاختصارات في المحتوى الديناميكي: قد يضيف المحتوى الذي يتم تحميله عبر AJAX أو التمرير اللانهائي أو توجيه تطبيقات الصفحة الواحدة اختصارات جديدة بعد التحميل الأولي للصفحة. يجب أن يلتزم أي محتوى ديناميكي يتم حقنه في DOM أيضًا — فالاختصارات في الأقسام المعروضة ديناميكيًا تحتاج إلى نفس آليات التوسيع مثل المحتوى الثابت.
- اعتبار الكلمات المكوّنة من الأحرف الأولى التي أصبحت كلمات شائعة معفاة دائمًا: الاستثناء الخاص بالاختصارات التي تعمل ككلمات ("laser"، "radar") ضيق. مصطلحات مثل "URL" أو "PDF" معروفة على نطاق واسع في السياقات التقنية، لكنها قد تظل غامضة للمستخدمين كبار السن، أو المستخدمين ذوي الإعاقات المعرفية، أو المستخدمين من خلفيات ثقافية مختلفة. عند الشك، وفّر التوسيع — فهو لا يضر المستخدمين الذين يعرفون المصطلح بالفعل.
العلاقة مع لوائح إمكانية الوصول في تركيا
تُرسّخ المذكرة الرئاسية التركية 2025/10، المنشورة في الجريدة الرسمية رقم 32933 بتاريخ 21 يونيو 2025، التزامات إلزامية لإمكانية الوصول الرقمي متوافقة مع WCAG 2.2. تغطي المذكرة نطاقًا واسعًا من أنواع الكيانات: المؤسسات العامة والهيئات الحكومية على جميع المستويات، منصات التجارة الإلكترونية، البنوك والمؤسسات المالية، المستشفيات ومقدمو الرعاية الصحية، شركات الاتصالات التي لديها 200,000 مشترك أو أكثر، وكالات السفر المرخصة، شركات النقل الخاصة، والمدارس الخاصة المرخصة من قبل وزارة التربية الوطنية (MoNE).
تفرض المذكرة الامتثال أساسًا لمستوى AA من WCAG 2.2. معيار WCAG 3.1.4 — الاختصارات هو معيار من المستوى AAA، وبالتالي ليس مطلبًا قانونيًا مباشرًا بموجب النص الحالي للمذكرة الرئاسية 2025/10. ومع ذلك، فإن الامتثال للمستوى AAA ليس مجرد طموح — بل يحمل وزنًا عمليًا وسمعيًا كبيرًا في المشهد الرقمي التركي.
بالنسبة للجهات في القطاع العام، والمستشفيات، والمؤسسات التعليمية التي تخدم فئات سكانية متنوعة — كثير منهم قد يكونون محدودي الإلمام بالاختصارات البيروقراطية أو الطبية — فإن تنفيذ 3.1.4 هو مسألة جودة خدمة حقيقية. فاللغة الإدارية والقانونية التركية غنية بالاختصارات بالأحرف الأولى ("SGK" لـ Sosyal Güvenlik Kurumu، و"KDV" لـ Katma Değer Vergisi، و"ÖTV" لـ Özel Tüketim Vergisi) التي تبدو بديهية للمسؤولين لكنها مربكة لعامة الناس، خاصة كبار السن، أو المستخدمين في المناطق الريفية، أو الزوار لأول مرة للبوابة.
ستعزز البنوك، ومقدمو خدمات الاتصالات، ومنصات التجارة الإلكترونية الخاضعة للمذكرة من وضعها في مجال إمكانية الوصول — ومن ثقة العلامة التجارية — من خلال توسيع الاختصارات المستخدمة في أوصاف المنتجات المالية، وملخصات العقود، وجداول التعرفة، وشروط الخدمة. فالوثائق المالية على وجه الخصوص مليئة بالاختصارات التي يمكن أن تحجب معلومات حاسمة عن المستهلكين الذين يحتاجون إلى اتخاذ قرارات مستنيرة.
يجب على المنظمات التي تسعى إلى ادعاء رسمي بالامتثال لـ WCAG 2.2 AAA — سواء لإظهار ريادة السوق، أو تلبية متطلبات الشراء من شركاء دوليين، أو الوفاء بتوقعات العقود المتخصصة في الصحة العامة أو التعليم — أن تنفذ 3.1.4 كممارسة قياسية. يدعم SDK الخاص بالطبقة التراكبية لـ Accsible الفرق في تنفيذ أنماط توسيع الاختصارات وتدقيقها، ويمكن تهيئته لإظهار إرشادات أثناء سير عمل تأليف المحتوى، مما يساعد المنظمات على الحفاظ على الامتثال عبر المحتوى الذي يتم تحديثه ديناميكيًا على نطاق واسع.
المصادر والمراجع
- W3C Understanding 3.1.4 Abbreviations
- W3C Techniques for 3.1.4 Abbreviations
- W3C Technique G102: Providing the expansion or explanation of an abbreviation
- W3C Technique H28: Providing definitions for abbreviations by using the abbr element
- MDN: The Abbreviation element (abbr)
- WebAIM: Semantic Structure — Abbreviations
- Deque University: Accessibility of Abbreviations and Acronyms
