X

إمكانية الوصول Accessibility

١. أهمية إمكانية الوصول Accessibility وهيكلية اتش.تي.ام.ال HTML Structure الجيدة

نظري

أ. ما هي إمكانية الوصول Accessibility ؟

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

تشمل بعض الأمثلة على الإعاقات التي يمكن أن تؤثر impact على تجربة المستخدمين users experience عبر الإنترنت ما يلي:

  • العمى Blindness .

  • ضعف البصر Low vision .

  • عمى الألوان Color blindness .

  • الصمم Deafness .

  • صعوبة استخدام لوحات المفاتيح keyboards أو الفئران mice أو شاشات اللمس touchscreens .

  • اضطرابات الانتباه Attention disorders .

  • مشاكل الذاكرة Memory issues .

  • صعوبة التحدث speaking أو فهم اللغة المنطوقة understanding spoken language .

  • الحساسية Sensitivity تجاه الأضواء الوامضة flashing lights .

هذه مجرد أمثلة قليلة على العديد من الحالات التي يمكن أن تؤثر على المستخدمين في جميع أنحاء العالم.

لمساعدتك في إنشاء مواقع ويب متاحة للجميع، طوّر "اتحاد شبكة الويب العالمية" World Wide Web Consortium ( المعروف اختصاراً بـ W3C ) مجموعة من المعايير الدولية international standards التي يمكنك اتباعها لجعل مواقعك أكثر إتاحةً accessible وسهولةً easier في الاستخدام للأشخاص ذوي الإعاقة people with disabilities .

تُعرف هذه المعايير باسم "إرشادات إتاحة محتوى الويب" Web Content Accessibility Guidelines ، إختصارها ( WCAG ) .

صُممت هذه المبادئ التوجيهية guidelines مع مراعاة أربعة مبادئ أساسية تُعرف اختصاراً بـ ( POUR ) :

  • P يرمز إلى "قابل للإدراك" ( Perceivable ) . يجب أن يكون المستخدمون قادرين على إدراك المعلومات perceive the information التي تعرضها، فعلى سبيل المثال، يمكنك توفير نصوص بديلة alternative text للصور حتى يتمكن المستخدمون الذين يتصفحون موقعك باستخدام قارئ الشاشة screen reader من فهم محتواها.

  • O يرمز إلى "قابل للتشغيل" ( Operable ) ، إذ يجب أن يكون المستخدمون قادرين على التفاعل interact مع واجهة المستخدم user interface . على سبيل المثال، يمكنك التأكد من إمكانية الوصول accessibility إلى جميع الوظائف functionality عبر لوحة المفاتيح keyboard أيضاً، وليس فقط باستخدام الفأرة mouse .

  • U يرمز إلى "قابل للفهم" ( Understandable ) ، إذ يجب أن يكون المستخدمون قادرين على فهم المعلومات understand the information . على سبيل المثال، يمكنك تجنب الجمل المعقدة complex sentences واستخدام لغة بسيطة simple language قدر الإمكان.

  • R يرمز إلى "قوي" ( Robust ) ، إذ يجب أن تكون مجموعة واسعة من المتصفحات والأدوات الأخرى ء بما في ذلك التقنيات المساعدة assistive technologies ، قادرة على تفسير المحتوى interpret the content .

يُعد استخدام "اتش.تي.ام.ال الدلالي" semantic HTML مفيداً للغاية لجعل موقعك الإلكتروني متوافقاً compatible مع مختلف المتصفحات والتقنيات المساعدة.

إذا لم يلتزم المحتوى الخاص بك بأيٍّ من هذه المبادئ الأساسية core principles ، فلن يتمكن الجميع من استخدام موقعك الإلكتروني.

للتحقق مما إذا كنت تتبع هذه الإرشادات guidelines بشكل صحيح، يمكنك الاطلاع على "المرجع السريع" Quick Reference الصادر عن "اتحاد شبكة الويب العالمية" W3C ، حيث ستجد قائمة شاملة بالمعايير والأساليب.

تُعد إمكانية الوصول Accessibility عنصراً جوهرياً essential في تطوير الويب web development ، فمن خلال مراعاة مبادئ الشمولية inclusivity أثناء التطوير، يمكنك ضمان قدرة الجميع على الوصول إلى المحتوى والتفاعل معه، وتعزيز المساواة، وتوفير تجربة مستخدم أفضل للجميع حول العالم.

أسئلة :

ما هو الهدف الأساسي من إتاحة الويب web accessibility ؟

١. لجعل المواقع الإلكترونية تبدو بمظهر أفضل. ❌

٢. لضمان إمكانية استخدام المواقع الإلكترونية من قِبَل الجميع.

٣. لتحسين أداء المواقع الإلكترونية. ❌

٤. لزيادة حركة الزوار إلى المواقع الإلكترونية. ❌


ما هي إرشادات إتاحة محتوى الويب ( WCAG ) ؟

١. لغة برمجة لتطوير مواقع الويب. ❌

٢. مجموعة من الإرشادات لجعل مواقع الويب متاحة للجميع.

٣. اتجاه تصميمي جديد لمواقع الويب. ❌

٤. أداة لاختبار أداء مواقع الويب. ❌


أيٌّ مما يلي لا يُعد مبدأً أساسياً من مبادئ إرشادات إتاحة محتوى الويب ( WCAG ) ؟

١. قابل للإدراك Perceivable . ❌

٢. قابل للتشغيل Operable . ❌

٣. قابل للفهم Understandable . ❌

٤. متوافق Compatible .

ب. ما هي قارئات الشاشة Screen Readers ، ومن يستخدمها؟

تُعد برامج "قراءة الشاشة" Screen readers "تقنيات مساعدة" assistive technology تساعد "المكفوفين" blind و"ضعاف البصر" visually impaired على استخدام أجهزة الكمبيوتر والأجهزة المحمولة.

برامج "قراءة الشاشة" Screen readers ليست مجرد "أدوات" tools تتيح للمكفوفين وضعاف البصر استخدام أجهزة الكمبيوتر والأجهزة المحمولة.

إنها تُمكّن هؤلاء الأفراد من الوصول إلى "التعليم" education و"فرص العمل" work opportunities و"وسائل التواصل الاجتماعي" social media ، مما يضمن "الشمول الرقمي" digital inclusion ويعزز قدرتهم على المشاركة الكاملة في المجتمع.

هناك "اعتقاد خاطئ شائع" common misconception بأن برامج "قراءة الشاشة" screen readers هي أجهزة لتحويل النص إلى كلام.

ومع ذلك، تُعد ميزة "تحويل النص إلى كلام" text-to-speech مجرد واحدة من خصائص "قارئ الشاشة" screen reader ، إذ تقوم بعض قارئات الشاشة بتحويل النص إلى مخرجات بطريقة "برايل" braille بدلاً من الكلام.

إلى جانب تحويل "النص إلى كلام" text-to-speech و"مخرجات برايل" braille output ، تشمل الميزات البارزة الأخرى لبرامج "قراءة الشاشة" screen readers أدوات المساعدة في "التنقل" navigation و"المساعدة في تصفح الويب" web browsing assistance .

لا تقتصر برامج "قراءة الشاشة" Screen reader على المكفوفين وضعاف البصر فحسب، إذ يستخدمها أيضاً الأشخاص المصابون "بعُسر القراءة" Dyslexic individuals وذوو "الإعاقات الإدراكية" Cognitive disabilities . وتتضمن "جميع أنظمة التشغيل الشائعة" All the popular operating systems حالياً أدوات "مدمجة" built لقراءة الشاشة.

تتضمن كل من أنظمة macOS و iOS ميزة VoiceOver بشكل مدمج، إذ يمكنك تفعيلها على جهاز الكمبيوتر بالضغط على المفتاحين CMD + F5 ، كما يمكنك الوصول إليها على أجهزة iPhones من خلال "الإعدادات" Settings .

تتضمن أجهزة الكمبيوتر التي تعمل بنظام Windows ميزة Narrator بشكل مدمج، ويمكنك تشغيلها بالضغط على المفاتيح WIN + CTRL + ENTER . كما تتوفر أيضًا برامج أخرى لأجهزة Windows ، مثل NonVisual Desktop Access ( المعروف اختصاراً بـ NVDA ) و Job Access With Speech ( المعروف اختصاراً بـ JAWS ) ، حيث يُعد برنامج NVDA مجانياً و"مفتوح المصدر" open-source ، بينما يُعد برنامج JAWS برنامجاً مدفوعاً.

يحتوي نظام Linux على Orca لبيئة "سطح المكتب" desktop و Speakup "للطرفية" terminal .

تتضمن هواتف "أندرويد" Android ميزة TalkBack بشكل مدمج. ويمكنك تفعيلها من خلال الانتقال إلى "الإعدادات" > "الوظائف الخاصة" > "إمكانية الوصول" > Talkback .

تتضمن بعض أجهزة "أندرويد" Android أيضاً ميزتي Ella و Select to Speak بشكل مدمج.

تتمثل إحدى "التحديات الرئيسية" major challenge التي تواجه مستخدمي برامج "قراءة الشاشة" screen reader في أن العديد من "مطوري البرمجيات" software developers لا يضعون في اعتبارهم عند تصميم منتجاتهم "سهولة الاستخدام" friendliness مع هذه البرامج أو معايير "إتاحة الوصول" accessibility .

على الرغم من أن "إتاحة الوصول" accessibility تُعد موضوعاً "واسع النطاق" broad topic ، إلا أنه يتعين على كل "مطور" developer تعلم كيفية جعل تطبيقات الويب الخاصة به متاحة للمكفوفين وضعاف البصر، وكذلك للفئات الأخرى من ذوي الإعاقة.

يُظهر هذا التعاطف والالتزام بـ"الشمولية" inclusivity ، مما يضمن استفادة جميع المستخدمين من عملهم.

أسئلة :

أي مما يلي هو "قارئ الشاشة" screen reader المدمج في أجهزة macOS و iOS ؟

١. Ella ❌

٢. Speakup ❌

٣. VoiceBox ❌

٤. VoiceOver


ما الذي لم تُصمَّم برامج "قراءة الشاشة" screen reader من أجله؟

١. المكفوفون The blind . ❌

٢. ضعاف البصر Visually impaired people . ❌

٣. الصم The deaf .

٤. المصابون بعُسر القراءة Dyslexic people . ❌


أي مما يلي لا يُعد من ميزات "قارئات الشاشة" screen readers ؟

١. تحويل الكلام إلى نص Speech-to-text .

٢. تحويل النص إلى كلام Text-to-speech . ❌

٣. مخرجات بطريقة "برايل" Braille output . ❌

٤. دعم تصفح الويب Web browsing support . ❌

ت. ما هي لوحات المفاتيح Keyboards ذات الأحرف الكبيرة Large Text أو طريقة "برايل" Braille ، ومن يستخدمها؟

صُممت لوحات المفاتيح ذات "الأحرف الكبيرة" Large text وتلك المجهزة بنظام "برايل" braille لتلائم المستخدمين من ذوي "الإعاقات البصرية" visual disabilities . وتتميز لوحات المفاتيح ذات الأحرف الكبيرة ( أو ما يُعرف بـ"لوحات المفاتيح ذات الطباعة الكبيرة" Large Print Keyboards ) بأن أحرفها وأرقامها ورموزها أكبر حجماً مقارنةً بـ"لوحات المفاتيح القياسية" Standard keyboards ، مما يجعلها مفيدة للأشخاص الذين يجدون صعوبة في رؤية النصوص الصغيرة المطبوعة على المفاتيح. كما تتمتع معظم هذه اللوحات بـ"تباين وسطوع مُحسَّنين" enhanced contrast and brightness .

تتميز لوحة المفاتيح ذات الأحرف الكبيرة، التي تنتجها العلامة التجارية MaxiAids ، بمفاتيح صفراء تحمل أحرفاً وأرقاماً ورموزاً سوداء كبيرة وبارزة، مما يجعلها مفيدة للأشخاص الذين يعانون من "ضعف البصر" low vision .

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

في حين توفر لوحات المفاتيح ذات الأحرف الكبيرة "مؤشرات بصرية" visual cues للمستخدمين ذوي الرؤية المحدودة، توفر لوحات مفاتيح "برايل" braille تجربة تعتمد كلياً على حاسة اللمس للأشخاص الذين يعانون من إعاقات بصرية أكثر شدة، بما في ذلك "المكفوفين" blind .

طريقة "برايل" Braille هي "نظام للقراءة والكتابة يعتمد على حاسة اللمس" Tactile reading and writing system ، إذ تتكون من "نقاط بارزة مرتبة" raised dots arranged في "أنماط محددة" specific patterns لتمثيل الحروف والأرقام وعلامات الترقيم.

تستخدم "لوحات مفاتيح برايل" Braille keyboards هذا النظام لمساعدة المستخدمين في العثور على "المفاتيح الصحيحة" the right keys عن طريق "تحسس هذه الأنماط" feeling these patterns بأصابعهم، إذ تحتوي المفاتيح على نقاط بارزة تشكّل أنماطاً تُمثّل الحروف والأرقام والرموز.

وتجمع بعض لوحات المفاتيح بين كلا الأسلوبين: "الخطوط الكبيرة" large fonts و "أنماط برايل" braille patterns على المفاتيح، مما يُعد مفيداً للأشخاص ذوي الإعاقة البصرية وللأشخاص الذين يتعلمون طريقة "برايل" braille .

تُعد لوحات المفاتيح ذات "النصوص الكبيرة" Large text وتلك المخصصة لطريقة "برايل" braille أدواتٍ تُمكّن الأشخاص ذوي الإعاقة البصرية، فمن خلال توفير "وسائل بديلة لإدخال البيانات" alternative input methods ، تضمن هذه "التقنيات المساعدة" assistive technologies مشاركة الجميع في "العالم الرقمي" the digital world .

أسئلة :

ما هي إحدى فوائد استخدام "لوحات المفاتيح ذات النصوص الكبيرة" Large text keyboards ؟

١. تحسّن سرعة الكتابة Improved typing speed . ❌

٢. أداء مُعزَّز Enhanced performance . ❌

٣. وضوح أفضل للمفاتيح Improved readability of the keys .

٤. انخفاض مستويات الضجيج Reduced noise levels . ❌


من المستفيد الأول من استخدام لوحات المفاتيح ذات "الخطوط الكبيرة" large text وتلك المخصصة لطريقة "برايل" braille ؟

١. الأشخاص ذوو الإعاقات السمعية People with hearing disabilities . ❌

٢. الأشخاص ذوو الإعاقات الإدراكية People with cognitive disabilities . ❌

٣. الأشخاص ذوو الإعاقات البصرية People with visual disabilities .

٤. الأشخاص ذوو الإعاقات الحركية People with motor disabilities . ❌


كيف يتعرف الأشخاص على الحروف والأرقام والرموز في "لوحات مفاتيح برايل" braille keyboards ؟

١. عن طريق لمس أنماط النقاط البارزة بأصابعهم By feeling patterns of raised dots with their fingers .

٢. عن طريق التحدث إلى لوحة المفاتيح By speaking into the keyboard . ❌

٣. عن طريق استخدام قلم اللمس By using a stylus . ❌

٤. عن طريق قراءة المفاتيح By reading the keys . ❌

ث. فيما تُستخدم أجهزة التأشير البديلة Alternative Pointing Devices مثل كرات التتبع Trackballs ، وعصي التحكم Joysticks ، ولوحات اللمس Touchpads ؟

تُعد "أجهزة التأشير البديلة" Alternative pointing devices "وسائط إدخال" input devices تشكل بدائل ممتازة لـ"لفأرة التقليدية" the traditional mouse ، فهي ضرورية لتعزيز إمكانية استخدام الحاسوب للأشخاص ذوي "الإعاقة" disabilities ، أو من يعانون من "اعتلالات في الأطراف العلوية" forelimb impairments أو "محدودية في القدرة على الحركة" limited mobility .

من الأمثلة الشائعة على أجهزة التأشير البديلة: "كرات التتبع" trackballs ، و"عصي التحكم" joysticks ، و"لوحات اللمس" touchpads .

"كرة التتبع" Trackball هي "جهاز تأشير ثابت" stationary pointing device يتكون من كرة كبيرة قابلة للتحريك داخل "تجويف" socket ، وتتضمن أيضاً "أزراراً إضافية" additional buttons للنقر وتنفيذ وظائف أخرى.

على عكس "الفأرة التقليدية" the traditional mouse التي تتطلب تحريكها على سطح ما للتحكم في "المؤشر" the cursor ، تظل "كرة التتبع" Trackball ثابتة في مكانها، إذ يقوم المستخدمون بتحريك الكرة مباشرةً باستخدام أصابعهم أو إبهامهم أو راحة اليد لتحريك المؤشر على "الشاشة" the screen .

تتضمن بعض "الفارات التقليدية" traditional mice أيضاً "كرة تتبع" Trackball في الجزء العلوي أو الجانبي، ويمكن أن تشكل هذه الفارات نقطة انطلاق جيدة إذا كنت ترغب في الانتقال تدريجياً إلى استخدام "كرة التتبع" Trackball .

تقلل أجهزة "كرة التتبع" Trackball من حجم "الحركة الجسدية" the physical movement التي يحتاجها المستخدم لـ"التنقل" navigation ، مما يجعلها خياراً مثالياً لمن يعانون من مشكلات في الحركة. وعلاوة على ذلك، إذا كنت بحاجة إلى "دقة عالية" high precision ومساحة مكتبية محدودة، فإن "كرة التتبع" Trackball تُعد خياراً أفضل من الفأرة التقليدية.

"عصا التحكم" Joystick هي "جهاز تأشير" pointing device صُمم في المقام الأول للألعاب ولبعض "التطبيقات الصناعية" industrial applications ، مثل "التحكم في الآلات" machinery control . وهي تتكون من "ذراع" lever تتحرك في اتجاهات متعددة (لأعلى ولأسفل ولليسار ولليمين)، وغالباً ما تتضمن أزراراً إضافية لتنفيذ وظائف متنوعة.

تتيح "أذرع التحكم" Joystick "تحكماً دقيقاً" precise control في "الحركة" movement و"الإجراءات" actions داخل "البيئات الرقمية" digital environments ، مما يجعلها شائعة الاستخدام في أجهزة "محاكاة الطيران" flight simulators ، و"الرافعات" cranes ، و"ألعاب القيادة" driving games ، وغيرها من التطبيقات التي تتطلب "دقة في توجيه المدخلات" precise directional input.

نظراً لأن "عصي التحكم" Joystick تتيح القيام بـ"حركات أكبر وأكثر تأنياً" larger and more deliberate movements ، فهي مفيدة للأشخاص الذين يعانون من "الرعاش وعدم ثبات اليدين" tremors and unsteady hands .

كما أنها تخفف من "الإجهاد والألم" the strain and pain الناجمين عن الحركات المتكررة، مما يجعلها مثالية للأشخاص الذين يعانون من "التهاب المفاصل" arthritis و"متلازمة النفق الرسغي" carpal tunnel syndrome .

"لوحة اللمس" Touchpad هي جهاز مسطح "حساس للمس" touch-sensitive مدمج في أجهزة "الكمبيوتر المحمولة" laptops وبعض "لوحات المفاتيح" keyboards ، وتتيح للمستخدمين "التحكم في المؤشر" control the cursor على "الشاشة" the screen عن طريق تحريك أصابعهم على "سطحها" its surface .

إلى جانب السطح المخصص للتحكم في المؤشر، تشتمل "لوحات اللمس" Touchpads أيضاً على "أزرار" buttons تحاكي وظائف "الفأرة التقليدية" traditional mouse ، مثل "النقر بزر الفأرة الأيمن" right-click و"النقر بزر الفأرة الأيسر" left-click .

يرى معظم الناس أن "لوحات اللمس" Touchpads تُعد "بديلاً أفضل" better alternative للفأرة، إذ إنها تعزز تجربة "التنقل" navigation بشكل كبير من خلال دعم "إيماءات اللمس المتعدد" multi-touch gestures ، مثل "القرص للتكبير والتصغير" pinch-to-zoom ، و"التمرير بإصبعين" two-finger scrolling ، و"النقر للتحديد" tap-to-click ، و"السحب بثلاثة أصابع" three-finger swipes .

تُعد "لوحة اللمس" Touchpad خياراً مثالياً للأشخاص الذين يعانون من "محدودية حركة الذراع أو اليد" low arm or hand movement ، نظراً لأن "الساعد" the forelimb يظل ثابتاً في الغالب أثناء استخدامها. كما أنها مناسبة للأشخاص المصابين "بالتهاب المفاصل وآلام المفاصل" arthritis and joint pain ، إذ لا تتطلب منهم تحريك أذرعهم بشكل مفرط.

أسئلة :

ما نوع الأجهزة التي تُصنَّف ضمنها "كرة التتبع" (trackball) ، و"عصا التحكم" (joystick) ، و"لوحة اللمس" (touchpad) ؟

١. أجهزة الإخراج Output devices . ❌

٢. أجهزة الإدخال والإخراج Input/output devices . ❌

٣. أجهزة التأشير Pointing devices .

٤. أجهزة العرض المرئي VDU devices . ❌


ما هو الجهاز الذي يدعم "إيماءات اللمس المتعدد" (multi-touch gestures) ، مثل "القرص للتكبير" (pinch-to-zoom) ، و'التمرير بإصبعين" (two-finger scrolling) ، و"النقر للتحديد" (tap-to-click) ، و"السحب بثلاثة أصابع" (three-finger swipes) ؟

١. الفأرة التقليدية The traditional mouse . ❌

٢. لوحة اللمس Touchpad .

٣. عصا التحكم Joystick . ❌

٤. كرات التتبع Trackballs . ❌


ما هو "جهاز التأشير" (pointing device) المصمم في المقام الأول للألعاب و"التطبيقات الصناعية المحددة" (specific industrial applications) ؟

١. عصا التحكم Joystick .

٢. كرة التتبع Trackball . ❌

٣. الفأرة Mouse . ❌

٤. لوحة التتبع Trackpad or touchpad . ❌

ج. فيمَ تُستخدم مكبِّرات الشاشة Screen Magnifiers ؟

تُعد "أدوات تكبير الشاشة" Screen magnifiers وسائل تساعد الأشخاص ذوي "الرؤية المحدودة" low vision وغيرهم ممن يعانون من "إعاقات بصرية" visual impairments على الوصول بشكل أفضل إلى "المحتوى الرقمي" digital content وشبكة الإنترنت.

لنتعمق أكثر في ماهية هذه الأدوات والدور الذي تؤديه في "إتاحة المحتوى الرقمي" digital content accessibility .

تعمل "برامج تكبير الشاشة" Screen magnifiers عن طريق تكبير "النصوص" texts و"الرسومات" graphics والعناصر الأخرى المعروضة على شاشة الحاسوب أو الجهاز المحمول. وتتيح العديد من هذه البرامج للمستخدمين تكبير "العرض" the display بنسبة تتجاوز 200%، مما يمكنهم من تصفح الصفحة باستخدام "جهاز التأشير" pointing device أو "لوحة المفاتيح" keyboard . وعلاوة على ذلك، توفر معظم هذه البرامج إمكانية تخصيص "نسب التكبير" customizable zoom وميزات أخرى ضمن"الإعدادات" settings .

تساعد "برامج تكبير الشاشة" Screen magnifiers الأشخاص ذوي "الرؤية المحدودة" low vision بشكل أساسي على قراءة النصوص، إذ قد تشكل "الخطوط الصغيرة" small fonts في المستندات أو التطبيقات تحدياً لهم. ومن خلال "تكبير النص" enlarging the text ، يصبح بإمكانهم قراءة رسائل البريد الإلكتروني والمقالات وغيرها من المحتويات دون إجهاد أعينهم. كما تساهم هذه البرامج في تسهيل "تصفح الويب" web browsing ، فهي تساعد المستخدمين في تحديد مواقع "الأزرار" buttons و"الروابط" links و"العناصر التفاعلية" interactive elements الأخرى و"النقر" click عليها، وهي عناصر قد يصعب رؤيتها بوضوح. وتضمن هذه "الرؤية المحسّنة" improved visibility قدرة المستخدمين على تصفح المواقع الإلكترونية، وتعبئة "النماذج" forms ، والمشاركة في الأنشطة عبر الإنترنت دون صعوبة.

لذا، يتعين على "مطوري البرمجيات" software developers جعل "منتجاتهم الرقمية" their digital products "متاحة" accessible للأشخاص ذوي "الرؤية المحدودة" low vision . وتشمل بعض الاعتبارات ما يلي:

  • استخدام "خطوط قابلة لتغيير الحجم" scalable fonts ، بحيث يتمكن المستخدم من "تغيير حجم الصفحة" resize the page دون "اختلال التخطيط" the layout breaking .

  • ضمان "تكيف واجهة المستخدم" the user interface adapts مع "أحجام الشاشات" screen sizes المختلفة من خلال "التصميم المتجاوب" responsive design .

  • استخدام أنظمة ألوان عالية التباين" high-contrast color schemes و"ألوان قابلة للتخصيص" customizable colors.

  • تنفيذ "شريط تنقل" navbar صغير و"غير مُثبَّت" non-sticky ، لضمان بقاء "المحتوى" content "مرئياً" visible للمستخدمين عند استخدام "أدوات التكبير" magnifiers.

  • استخدام "نص اتش.تي.ام.ال عادي" regular HTML text بدلاً من "صور للنصوص" images of text .

  • تقديم "الملاحظات" feedback مباشرةً بجوار "العنصر" the element المُسبِّب لها، والمزيد.

تتضمن جميع "أنظمة التشغيل الرئيسية" the mainstay Operating Systems أداة واحدة على الأقل لـ"التكبير" magnifier ، توفرها الشركات المصنعة لها:

  • يتوفر تطبيق "التكبير/التصغير" Zoom في كل من نظامي macOS و iOS . يمكنك تفعيله على نظام macOS بالانتقال إلى "الإعدادات" Settings ، ثم "تصفية" filter النتائج حسب "إمكانية الوصول" Accessibility ، ثم النقر على "التكبير/التصغير" Zoom . فعّل خيار "استخدام اختصارات لوحة المفاتيح للتكبير/التصغير" Use keyboard shortcuts to zoom لتفعيله.

    • يمكنك تفعيله على iPhone من خلال "الإعدادات > إمكانية الوصول > التكبير" Settings > Accessibility > Zoom .

  • تتضمن أجهزة "أندرويد" Android ميزة "التكبير" Magnification . لتفعيلها، انتقل إلى "الإعدادات > الوظائف الخاصة > إمكانية الوصول > التكبير" Settings > Special Function > Accessibility > Magnification . ونظراً لاختلاف المسار من جهاز لآخر، يمكنك البحث عن كلمة 3 في الصفحة الرئيسية للإعدادات للوصول إليها.

  • يحتوي نظام Windows على أداة "المكبر" Magnifier . يمكنك استخدامها بالانتقال إلى "الإعدادات > إمكانية الوصول > المكبر" Settings > Ease of Access > Magnifier .

  • تتنوع أدوات "التكبير" Magnifiers في أنظمة تشغيل Linux ، فهي إما Zoom أو Magnifier .

بخلاف تلك "المدمجة في أنظمة التشغيل" built into operating systems ، إليك بعض "برامج تكبير الشاشة المفيدة" useful screen magnifiers من "جهات خارجية" third-party :

  • ZoomText لنظام Windows .

  • ClaroView لنظامي macOS و Windows .

  • iZoom لنظام Windows.

  • Zoomify - Screen Magnifier لنظام macOS .

  • LunarPlus لنظام Windows .

  • Loupe لنظام macOS .

أسئلة :

كيف تعمل معظم "برامج تكبير الشاشة" Screen magnifiers ؟

١. من خلال توفير خاصية "تحويل النص إلى كلام" text-to-speech . ❌

٢. من خلال تكبير "النصوص" the texts و"الرسومات" graphics والعناصر الأخرى على شاشة الكمبيوتر أو الجهاز المحمول.

٣. من خلال توفير "مسطرة" ruler حول كل "عنصر" element في الصفحة. ❌

٤. من خلال تكبير "النصوص" the texts فقط على الشاشة "لتحسين الرؤية" for better visibility. ❌


ما الذي ينبغي لـ"المطور" Developer القيام به لجعل "منتجاته الرقمية" their digital products متوافقة مع "برامج تكبير الشاشة" Screen magnifiers ؟

١. استخدم "خطوطًا كبيرة" big fonts فقط. ❌

٢. عطّل خاصية "التكبير/التصغير" zooming للحفاظ على "تصميم الصفحة" layout . ❌

٣. اعتمد على "الصور" images فقط لنقل المعلومات. ❌

٤. اجعل صفحاتهم متوافقة مع "أحجام الشاشات المختلفة" different screen sizes .


أي مما يلي يُعد "برنامجاً خارجياً لتكبير الشاشة" Third-party screen magnifier ؟

١. Zoom ❌

٢. Loops ❌

٣. ZoomText

٤. Loup ❌

ح. فيمَ تُستخدم برمجيات التعرف على الصوت Voice Recognition Software ؟

تساعد "برمجيات التعرف على الصوت" Voice recognition software الأشخاص ذوي "الإعاقة على التفاعل" disabilities interact مع أجهزة الكمبيوتر والأجهزة الرقمية الأخرى. دعونا نناقش ماهية هذه "البرمجيات" softwares والدور الذي تؤديه في تعزيز "الشمول الرقمي" Digital inclusion .

في سياق "إمكانية الوصول" Accessibility ، تتيح "أدوات التعرف على الصوت" voice recognition tools للأشخاص ذوي "الإعاقة" disabilities استخدام "أصواتهم" their voice "لإصدار أوامر" to pass commands بتنفيذ مهام متنوعة، وذلك بدلاً من استخدام "أجهزة الإدخال التقليدية" traditional input devices مثل "لوحات المفاتيح" keyboards و"فأرة الحاسوب" mice ، ويشمل ذلك كتابة رسائل البريد الإلكتروني والمستندات الأخرى، و"تصفح الإنترنت" surfing the net ، والتحكم في "أجهزة المنزل الذكي" smart home devices.

نظراً لأن أدوات "برمجيات التعرف على الصوت" Voice recognition software تلغي الحاجة إلى "التفاعل المادي" physical interaction ، فإنها تمنح الأشخاص ذوي "الإعاقة" disabilities قدراً كبيراً من "الاستقلالية" independence والقدرة على التحكم في "بيئتهم" their environment .

إليك فئات محددة من الأشخاص الذين قد يجدون "برمجيات التعرف على الصوت" Voice recognition software مفيدة للغاية:

  • الأشخاص ذوو "الإعاقة البصرية" visual impairments ، بمن فيهم ذوو "الرؤية المحدودة" low-vision أو "المكفوفون" blindness .

  • الأشخاص الذين يعانون من "إعاقات حركية" mobility impairments ، مثل "محدودية استخدام اليدين والذراعين" limited use of hands and arms ، أو حالات صحية كـ"التهاب المفاصل" arthritis و"متلازمة النفق الرسغي" carpal tunnel syndrome .

  • الأشخاص الذين يتعافون من "إصابات في اليد أو الذراع" hand or arm injuries .

  • الأفراد الذين يعانون من "اضطرابات معرفية" cognitive disorders ، مثل "مشاكل الذاكرة" memory issues أو "اضطرابات نقص الانتباه" attention deficit disorders .

  • كبار السن الذين قد يجدون استخدام "الأوامر الصوتية" voice commands أسهل.

تجدر الإشارة إلى أن الأشخاص ذوي "الإعاقة" disabilities ليسوا الوحيدين الذين يستخدمون "تقنية التعرف على الصوت" Voice recognition technology ، إذ تستخدم أيضاً "وكالات إنفاذ القانون" Law enforcement agencies ، واللاعبون، والسائقون، والمهنيون المنشغلون بأعمالهم "أدوات التعرف على الصوت" voice recognition tools.

من الأمثلة على "برمجيات التعرف على الصوت" Voice recognition software التي تتيح للمستخدمين التفاعل مع أجهزة الكمبيوتر: Voice Control لنظامي التشغيل macOS و iOS ، و Voice Access لنظام Android ، و Windows Speech Recognition لنظام Windows ( والذي يُشار إليه باسم Voice Access في أحدث إصدارات Windows ). وتُعد Dragon من شركة Nuance برمجيةً شهيرةً للتعرف على الصوت لنظام Windows ، وهي من تطوير "جهة خارجية" third-party .

أسئلة :

ما هي "أجهزة الإدخال الرئيسية" the main input devices التي تحل محلها "برمجيات التعرف على الصوت" Voice recognition software ؟

١. أجهزة قراءة بصمات الأصابع Fingerprint readers . ❌

٢. الماسحات الضوئية Image scanners . ❌

٣. لوحات المفاتيح وفأرات الحاسوب Keyboards and mice .

٤. كاميرات الويب Webcams . ❌


أيٌّ مما يلي يُعد الأقل احتمالاً للاستفادة من "برمجيات التعرف على الصوت" Voice recognition software ؟

١. كبار السن Elderly people . ❌

٢. ذوو الإعاقات الحركية People with mobility impairments . ❌

٣. الأشخاص الذين يعانون من محدودية حركة الساقين People with low leg movement .

٤. ذوو الإعاقات البصرية People with visual impairments . ❌


أي مما يلي لا يُعد "برنامجاً للتعرف على الصوت" Voice recognition software ؟

١. Dragon ❌

٢. Audacity

٣. Voice Control ❌

٤. Voice Access ❌

خ. ما هي بعض أدوات تدقيق إمكانية الوصول الشائعة Common Accessibility Auditing Tools التي يمكن استخدامها؟

تُعد "إمكانية الوصول" Accessibility جانباً بالغ الأهمية وغالباً ما يتم تجاهله من جوانب "المحتوى الرقمي" digital content . لذا، عند العمل على جعل المحتوى الرقمي "متاحاً" accessible للجميع، من الضروري التأكد من استيفائه "لمعايير إمكانية الوصول" accessibility standards .

تُعد "أداة تدقيق إمكانية الوصول" An accessibility auditing tool "تطبيقاً" an application يساعدك على "تحسين إمكانية الوصول" improve the accessibility إلى "محتواك الرقمي" your digital content ، وذلك من خلال "الإبلاغ" reporting عن "accessibility issues" 5 التي يمكن رصدها بسهولة عبر "الاختبارات الآلية" automated testing . ويشمل هذا المحتوى "مواقع الويب" websites ، و"تطبيقات الويب" web applications ، و"تطبيقات الأجهزة المحمولة" mobile apps.

من المهم الإشارة إلى أنه على الرغم من دور "أدوات إتاحة الوصول الآلية" Automated accessibility tools في "تحسين مستوى الإتاحة" improving accessibility ، إلا أنها عادةً ما تكتشف فقط حوالي ثلث "مشكلات الإتاحة المحتملة" possible accessibility issues . ولذلك، لا ينبغي الاعتماد عليها كلياً لتقييم مدى "إتاحة" the accessibility المحتوى الخاص بك، إذ تظل هناك حاجة دائمة لإجراء "اختبارات يدوية" Manual testing ، ويفضل أن يقوم بها أشخاص من ذوي "الإعاقة" disabilities ، لضمان توفير المحتوى بأقصى درجات "الإتاحة الممكنة" accessible as possible .

لنلقِ نظرة على بعض "الأدوات المجانية" free tools التي يمكن أن تساعدك في "تحسين إتاحة محتواك الرقمي" improve the accessibility of your digital content .

يُعدّ Google Lighthouse أداةً شائعةً لـ"فحص مقاييس الويب" Web metric checker ، ويمكنك استخدامها مباشرةً من خلال "أدوات المطوّر" DevTools في Chrome أو "عبر الإنترنت" online . وهذا يعني أنه يمكنك فحص ليس فقط "المواقع الإلكترونية المباشرة" live websites ، بل أيضًا "المواقع المطوّرة محليًا" locally-developed ones .

تشمل "المقاييس" The metrics التي يمكنك التحقق منها: "إمكانية الوصول" accessibility ، و"تحسين محركات البحث" SEO ، و"أفضل الممارسات" best practices ، و"الأداء" performance .

لاستخدام Lighthouse ، افتح "أدوات المطور" DevTools بالضغط على المفتاح F12 وانتقل إلى علامة التبويب Lighthouse tab . حدد "المقاييس" the metrics التي تود فحصها، واختر الجهاز الذي ترغب في إجراء الاختبار عليه، ثم انقر على زر Analyze page load .

ستظهر "درجة سهولة الوصول" accessibility score بعد اكتمال الفحص، إلى جانب قائمة بأي "مشكلات" issues تتطلب المعالجة.

إذا كنت ترغب في الحصول على "مقاييس أكثر موثوقية" more reliable metrics ، ففكر في استخدام "إصدار الويب" the web version . أما الجانب السلبي فهو أن هذا الإصدار لا يدعم اختبار "المواقع المحلية" local websites . يمكنك الوصول إلى إصدار الويب عبر الرابط: pagespeed.web.dev

تُعد أداة WAVE خياراً موثوقاً آخر لـ"التحقق من إمكانية الوصول" accessibility checker ، حيث يمكنك استخدامها كـ "إضافة لمتصفح كروم" Chrome extension أو عبر الويب. فما عليك سوى إدخال عنوان URL الخاص بموقعك الإلكتروني، ليتم إنشاء "تقرير شامل حول إمكانية الوصول" a comprehensive accessibility report ، ويتضمن هذا التقرير تفاصيل حول "ميزات إمكانية الوصول المطبقة" accessibility features implemented ، ومعايير ARIA ، و"مستويات التباين" contrasts .

تُعد أداة The IBM Equal Access Accessibility Checker أداةً قويةً أخرى لـ"تحسين إتاحة المحتوى الرقمي" improving digital content accessibility ، إذ تتيح لك "فحص مواقع الويب" scan websites للكشف عن "مشكلات الإتاحة" accessibility issues وإعداد "تقرير مفصل" detailed report عنها.

يمكنك استخدامه كـ"إضافة" extension لمتصفح Chrome أو Firefox .

لاستخدام أداة The IBM Accessibility Checker كإضافة لمتصفح Chrome ، قم بتنزيلها من "متجر كروم الإلكتروني" The Chrome web store . افتح "أدوات المطور" Devtools بالضغط على المفتاح F12 واختر علامة التبويب Accessibility Checker الموجودة في "لوحة العناصر" Elements panel . انقر فوق زر "الفحص" scan لبدء عملية "التحقق" the check ، وسيتم إنشاء "تقرير" a report خاص بك، كما يمكنك "تصدير" export التقرير في هيئة "جدول بيانات" a spreadsheet و"ملف اتش.تي.ام.ال" HTML file بالنقر على زر Export XLS .

يرجى الأخذ في الاعتبار أنه على الرغم من أن هذه "الأدوات الآلية" Automated tools تساعدك في جعل محتواك "أكثر سهولة في الوصول إليه" more accessible ، إلا أن الحصول على "درجة كاملة" a perfect score من أي منها لا يعني أن المحتوى "متاح بالكامل للجميع" entirely accessible ، إذ تقتصر هذه الأدوات على فحص نطاق محدود من "المشكلات" issues ، وستظل هناك حاجة دائمة إلى إجراء "اختبارات يدوية" manual testing لضمان توفير "تجربة أكثر سهولة في الوصول" a more accessible experience للجميع.

أسئلة :

أي مما يلي يصف بشكل أفضل "أداة تدقيق إمكانية الوصول" an accessibility auditing tool ؟

١. يُصلح "تلقائيًا" automatically جميع "مشاكل إمكانية الوصول" accessibility issues . ❌

٢. يُقيّم مدى "سهولة الوصول" accessibility إلى محتواك الرقمي.

٣. يقتصر فحصه على "تطبيقات الجوال" mobile apps فقط ❌

٤. لا يتطلب أي "تدخل يدوي" manual input . ❌


أي مما يلي يصف كيفية استخدام أداة The IBM Equal Access Accessibility Checker ؟

١. يمكن استخدامه كـ"تطبيق سطح مكتب" desktop application فقط. ❌

٢. يمكن استخدامه دون الحاجة إلى أي "تكامل برمجي" development integration . ❌

٣. إنه مخصص حصرياً لـ"تطبيقات الأجهزة المحمولة" mobile apps . ❌

٤. يمكن استخدامه كإضافة لمتصفح Chrome ، أو إضافة لمتصفح Firefox ، أو كحزمة NPM package .


أي مما يلي يُعد "قيداً" a limitation لاستخدام "إصدار الويب" web version من أداة Google Lighthouse ؟

١. يوفر "مقاييس غير موثوقة" unreliable metrics . ❌

٢. يمكنه اختبار "المواقع المحلية" local websites فقط. ❌

٣. لا يمكنه اختبار "المواقع المحلية" local websites .

٤. لا يدعم "اختبار تطبيقات الأجهزة المحمولة" mobile testing . ❌

د. كيف يؤثر الهيكل السليم لمستويات العناوين Proper Heading Level Structure على إمكانية الوصول Accessibility ؟

لقد تعرفت سابقاً على "البنية الصحيحة لمستويات العناوين" Proper heading level structure . والآن، ستتعرف على كيفية "تأثير" affects البنية الجيدة للعناوين على "إمكانية الوصول" accessibility .

يساهم "الاستخدام السليم للعناوين" Proper use of headings في إنشاء "تسلسل هرمي مرئي" visual hierarchy يسهّل على المستخدمين تصفح صفحة الويب وفهمها. إذ يتيح استخدام "تسلسل هرمي منطقي للعناوين" a logical heading hierarchy لمستخدمي "برامج قراءة الشاشة" screen reader فهم "هيكلية المحتوى" the structure of content والتنقل فيه بسرعة. كما أن صياغة "عناوين مناسبة" appropriate heading تصف بدقة المحتوى اللاحق تساعد جميع المستخدمين في العثور على المعلومات التي يحتاجونها في موقعك. وفضلاً عن ذلك، قد تؤدي العناوين المُصاغة بشكل جيد إلى "تحسين ترتيب موقعك في محركات البحث" improve the SEO of your site .

إليك مثال بسيط:


<h1>صفحة متجر الموسيقى</h1>

<h2>ألبومات مميزة</h2>
<p>اطلع على ألبوماتنا المميزة أدناه:</p>
            

اعتبر "العناوين" The headings بمثابة "الأساس" the foundation لموقعك ، فبدون أساس متين، ستتأثر "إمكانية الوصول" the accessibility إلى المحتوى الخاص بك "سلبًا" will suffer .

لنستعرض كيف يمكنك جعل "مشاريع الويب" web projects الخاصة بك "ملائمة" friendly لمستخدمي "التقنيات المساعدة" assistive technologies من خلال "الاستخدام الصحيح للعناوين" using headings correctly .

تُنشئ "العناوين" Headings ،التي تتراوح من h1 إلى h2 هيكلاً للتنقل يخدم مستخدمي "برامج قراءة الشاشة" screen reader ، إذ تتيح هذه البرامج "سرد جميع العناوين" list all headings الموجودة في الصفحة، مما يُمكّن المستخدمين من الانتقال مباشرةً إلى "الأقسام" the sections التي يحتاجون إليها. ولذا، يُعد "الترتيب الصحيح للعناوين" correctly arranging headings أمراً مهماً لمساعدة هؤلاء المستخدمين على تجنب "المحتوى غير الضروري" unnecessary content والعثور بسرعة على المعلومات التي يبحثون عنها.


<h1>أنا عنوان من المستوى الأول (h1)</h1>
<h2>أنا عنوان من المستوى الثاني (h2)</h2>
<h3>أنا عنوان من المستوى الثالث (h3)</h3>
<h4>أنا عنوان من المستوى الرابع (h4)</h4>
<h5>أنا عنوان من المستوى الخامس (h5)</h5>
<h6>أنا عنوان من المستوى السادس (h6)</h6>
            

يحتاج الأشخاص ذوو "الإعاقات البصرية الجزئية" partial sight disabilities أو "الإعاقات الإدراكية" cognitive disabilities إلى "معالجة المعلومات" process information بسرعة وسهولة للحد من "العبء الإدراكي" cognitive load .

على الرغم من أهمية "الترتيب السليم للعناوين" Proper arrangement of headings ، فمن الضروري أيضاً جعل "نصوص العناوين" heading texts واضحة و"معبّرة" descriptive عن المحتوى.

إليك بعض "الممارسات الأساسية" key practices التي يجب اتباعها لاستخدام "العناوين" headings بشكل صحيح:

  • استخدام "العناوين" Headings وفق "تسلسل هرمي" a hierarchy يعكس "تنظيماً واضحاً" clear organization ، فعلى سبيل المثال، يجب أن يكون "عنوان الصفحة" the page title من المستوى الأول h1 ، وتُستهل "الأقسام الرئيسية" major sections بعناوين h2 ، و"الأقسام الفرعية" subsections بعناوين h3 ، وهكذا دواليك وصولاً إلى h6 .

  • "لا تتخطَّ" D'ont skip الانتقال من h1 إلى h3 ، أو من h2 إلى h4 ، وما إلى ذلك.

  • استخدم "نصاً واضحاً وواصفاً" clear and descriptive text يلخص المحتوى الذي يلي "كل عنوان" each heading .

  • لا تستخدم عنواناً "بمفرده" in isolation ، إذ يجب أن يتبع "العنوانَ" the heading محتوىً ما.

  • استخدم "العناوين المناسبة" appropriate headings عند الضرورة، بدلاً من "تنسيق النص" formatting text ليبدو وكأنه "عناوين" headings .

  • يجب أن تحتوي "كل صفحة" each page على عنصر h1 واحد يمثل "الموضوع الرئيسي" The main topic أو "العنوان" Title .

إليك "نموذج ترميز أساسي" a basic markup يوضح كيفية استخدام "العناوين" headings في الصفحة:


<!-- Page title عنوان الصفحة -->
<h1>ما هي لغة HTML ؟</h1>

<!-- First section القسم الأول -->
<section>
 <h2>مقدمة في HTML</h2>
 <p>
  يرمز الاختصار HTML إلى "لغة ترميز النص التشعبي" (HyperText Markup Language)، وهي اللغة القياسية لإنشاء صفحات الويب.
 </p>
</section>

<!-- Second section القسم الثاني -->
<section>
 <h2>تاريخ لغة HTML</h2>
 <p>بدأت لغة HTML تتشكل في أوائل التسعينيات.</p>
 <h3>الأصول</h3>
 <p>
  ابتكر تيم بيرنرز لي Tim Berners-Lee لغة HTML في عام 1991، وقد شهدت تطوراً كبيراً على مر السنين.
 </p>
</section>
            

أسئلة :

كيف تساعد "بنية العناوين السليمة" Proper heading structure مستخدمي "قارئات الشاشة" screen readers ؟

١. يُضفي هذا العنصر "لمسة جمالية" visual styling على المحتوى. ❌

٢. يُساعد "قارئات الشاشة" screen readers على إنشاء "ملخص" summary للمحتوى. ❌

٣. يُمكّن "قارئات الشاشة" screen readers من التنقل بين "الأقسام" sections المختلفة بسهولة.

٤. يُحسّن "سرعة تحميل" the loading speed صفحة الويب. ❌


لماذا يُعد "الاستخدام الصحيح للعناوين" Use headings properly أمراً مهماً للمستخدمين الذين يعتمدون على "لوحة المفاتيح" keyboards ؟

١. يعزز "المظهر البصري" the visual appeal لصفحة الويب. ❌

٢. يتيح للمستخدمين "طباعة" print صفحة الويب بسهولة أكبر. ❌

٣. يسمح للمستخدمين بالتنقل بين "الأقسام" sections دون الحاجة إلى المرور عبر "كل رابط" every link على حدة.

٤. يساعد المستخدمين على "تنزيل" download صفحة الويب بشكل أسرع. ❌


أيٌّ مما يلي يُعد من "أفضل الممارسات" the best practices لاستخدام "العناوين" headings في صفحة الويب؟

١. الانتقال مباشرةً من العنوان الرئيسي h1 إلى العنوان الفرعي h3 لتوفير الوقت. ❌

٢. استخدام "نصوص واضحة وموجزة" clear and descriptive texts تلخص المحتوى التالي.

٣. استخدام أي مستوى من "العناوين" headings بشكل منفرد دون أي محتوى لاحق. ❌

٤. استخدام عدة عناوين رئيسية h1 في صفحة واحدة للتأكيد. ❌