كل شخص لديه تفضيلاته واحتياجاته الخاصة - وتعتني جملة بكل منهم.

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

يمكن أن تكون هذه الإضافات مفيدة - لكن اعلم أنها لا تجعل الوصول إلى الموقع متاحًا بنفسها!

الخلفية: إعدادات إمكانية الوصول الفردية

في Joomla 4 ، من الممكن تغيير إعدادات الواجهة الخلفية على أساس المستخدم: يمكن لكل مستخدم تكييف الواجهة الخلفية لاحتياجاته.يمكن العثور على إعدادات الوصول ضمن ملف تعريف المستخدم (المستخدمون -> إدارة) وفي قائمة المستخدم في الزاوية اليمنى العليا من الواجهة الخلفية.

 

هناك أربعة إعدادات مختلفة يمكن استخدامها بشكل فردي أو جماعي. سيغير اللون الأحادي ألوان الواجهة الخلفية من الأزرق إلى الأسود / الأبيض:

سيزيل التباين العالي بعض الخلفية ويجعل التباين أكثر إشراقًا:

 

تضيف روابط التمييز تسطيرًا وحدودًا إلى جميع الروابط في الواجهة الخلفية:

تؤدي زيادة حجم الخط إلى تغيير حجم الخط الأساسي إلى 18 بكسل (حجم الخط القياسي في المستعرضات هو في الغالب 16 بكسل).

للمستخدمين: البرنامج المساعد Skip-to-navigation

يتم تمكين هذا المكون الإضافي افتراضيًا للواجهة الخلفية ، ولكن يمكن أيضًا تمكينه للواجهة الأمامية.

 

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

للمستخدمين: إمكانية الوصول البرنامج المساعد

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

 

يضيف المكون الإضافي زرًا في أسفل الصفحة. لفتح / إغلاق الوظائف ، يمكنك استخدام مفتاح التشغيل السريع ، CTRL + ALT + A في نظام التشغيل Windows أو CTRL + OPTION + A في نظام التشغيل MacOS.

 

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

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

لقطة شاشة Firefox

 

هناك وظيفة لتغيير التدرجات الرمادية للصفحة ، والتي يمكن استخدامها في Edge أو Chrome ، ولكن تم إلغاء تنشيطها في Firefox.

حافة لقطة الشاشة

 

بالنسبة لبعض الوظائف ، توجد مفاتيح اختصار خاصة:

الوحدة أو الوظيفة	مفتاح التشغيل السريع
تبديل القائمة	CTRL + ALT + A
غراي هيوز	CTRL + ALT + G
تسطير الروابط	CTRL + ALT + U
المؤشر الكبير	CTRL + ALT + C
دليل القراءة	CTRL + ALT + R
النص إلى الكلام	CTRL + ALT + T.
خطاب إلى نص	CTRL + ALT + S

لقطة شاشة عرض Cassiopeia مع دليل القراءة المنشط

 

لا يحل المكون الإضافي ميزات إمكانية الوصول الإضافية أي مشكلة تتعلق بإمكانية الوصول قد يواجهها موقعك. يجب إنشاء موقع الويب بشكل صحيح لإمكانية الوصول من البداية.

يستخدم الأشخاص ذوو الإعاقة أدوات متخصصة (قارئات الشاشة ، ومكبرات الشاشة ، ومزخرفة برايل ، وما إلى ذلك). ومن المحتمل ألا يستخدموا المكوِّن الإضافي ، ولكن يمكنه تحسين قابلية الاستخدام لكبار السن ، والأشخاص الذين يعانون من إعاقات بصرية ، والأشخاص الذين يعانون من مشاكل في الإدراك.

يعد تكبير النص مفيدًا جدًا للعديد من كبار السن والأشخاص الذين لا يرون جيدًا ، فهم غالبًا لا يعرفون إمكانيات المتصفح ويرغبون في استخدام مثل هذه الأدوات.

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

لا يتطلب WCAG تسطير الروابط (يجب تسليط الضوء عليها) ، لكن الروابط التي تحتها خط يمكن أن تحسن إمكانية الوصول للأشخاص المعاقين بصريًا أو للأشخاص الذين يجدون صعوبة في التركيز.

للمستخدمين: لغة الأجزاء في TinyMCE

ما هذا؟

علامة تميز جزءًا من النص على أنه "لغة أخرى". وهي مفيدة لمحركات البحث أو برامج قراءة الشاشة حتى يعلموا أنه يجب عليهم تغيير لغتهم أو نطقهم. تخيل أن قارئ الشاشة يستخدم النطق الإنجليزي لعبارة مثل "honni soit qui mal y pense" - تبدو محرجة!

كيف يتم التهيئة؟

في ملحق TinyMCE يمكنك تحديد اللغات التي تستخدمها في نصوصك. 

 

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

كيف تستخدمه في المحرر؟

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

 

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

للمؤلفين والمحررين: مدقق الوصول - jooa11y 

تذكر هذا المقال لبريان تيمان الذي يعلن عن تحسين جديد ومثير لجملة: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

الآن لدينا على متن الطائرة! 

يساعد هذا المكون الإضافي في توفير محتوى يمكن الوصول إليه على موقع الويب الخاص بك.

أين يمكن أن تجدها؟

إنه مكون إضافي للنظام ، اسمه jooa11y. لقد حصلت على هذا المكون الإضافي مع Joomla الإصدار 4.1.0 ، ويتم تمكينه افتراضيًا. 

 

في البرنامج المساعد ، يمكنك تحديد أي منطقة من موقعك يتم فحصها (الافتراضي هو المنطقة الرئيسية) ويمكنك تضمين أو استبعاد بعض القواعد. في البداية ، ما عليك سوى الاحتفاظ بالإعدادات المحددة مسبقًا.

من يستفيد من هذا؟

زوار موقعك ، لأنهم يحصلون على محتوى خالٍ من الحواجز.

مؤلفو المحتوى على موقعك ، لأنهم يستطيعون إنتاج محتوى خالٍ من العوائق.

الوكالات ومطوري الويب - لديهم منتج يمكّن من توفير محتوى خالٍ من العوائق

كيفية استخدامها؟

اكتب أي مقال واحفظ أو افتح أي مقال موجود. 

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

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

كيف يعمل؟

هل تتذكر بالتأكيد القاعدة الشهيرة "يجب أن يكون لتباين لون النص ولون الخلفية نسبة تباين> 4.5"؟

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

يمكنك تحديد أي منطقة من موقعك يتم التحقق منها (في معلمات البرنامج المساعد ، الافتراضي هو المنطقة الرئيسية) ويمكنك تضمين أو استبعاد بعض القواعد. 

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

يمكنك العثور خلف كل رمز على وصف - وأحيانًا نصائح حول كيفية حل المشكلة أو ما هي أفضل الممارسات.

 

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

دعنا ننتقل خطوة بخطوة: 

تم العثور على المدقق

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

ملاحظات

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

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

مجال للتحسين

Joomla دائمًا "العمل قيد التقدم" ولا تزال المكونات الإضافية التي تمت مناقشتها هنا قيد التطوير. في Google Summer of Code القادم ، قمنا بتضمين مشروع إمكانية الوصول الذي من شأنه تحسين المكوِّن الإضافي لإمكانية الوصول. ابق على اتصال وفكر في إمكانية الوصول!

شكرًا لك

هذا المقال هو إنتاج مشترك مع Christiane Maier-Stadtherr . تحقق من هذا الرابط لمقالات أخرى لكريستيان .

نشكر ستيفان وجدة على تعليقاته المفيدة.