يستخدم الكثير من الأشخاص تطوير البرامج المستند إلى المكوّنات باستخدام أدلة الأنماط أو مكتبات المكوّنات أو أنظمة التصميم الكاملة في عملية سير عمل التطوير. حتى إذا لم يسبق لك استخدام هذه الأدوات رسميًا، من المحتمل أنّك تستخدم عملية مشابهة لتقسيم تصميم كبير لموقع إلكتروني أو تطبيق أو منتج رقمي آخر إلى أجزاء يمكن إدارتها.
مثل بناء هيكل مادي، من المهم بناء جزء واحد في كل مرة. أولاً، الأساس والهيكل والجدران والنوافذ والسقف وكل ما بينها. تسمح لنا أدوات تطوير البرامج المستند إلى المكوّنات بإجراء ذلك للمواقع الإلكترونية والتطبيقات والمنتجات الرقمية الأخرى.
تشمل بعض مزايا تطوير البرامج المستند إلى المكوّنات تقسيم العناصر إلى أجزاء يمكن إدارتها، ما يقلّل من وقت التطوير باستخدام هذه المكوّنات القابلة لإعادة الاستخدام. ويسمح للمصمّمين ومطوّري الواجهة الأمامية والخلفية وفريق ضمان الجودة بالعمل في وقت واحد. ويفضّل العملاء والمصمّمون ومديرو المنتجات وغيرهم هذه الطريقة لأنّها تتيح لهم معاينة عملية الإنشاء واستخدام دليل الأنماط النشط كمرجع بعد إطلاق الموقع الإلكتروني.
ومع ذلك، عند النظر إلى الأنماط والمكوّنات وأنظمة التصميم مع مراعاة إمكانية الوصول، تظهر بعض الأسئلة. كيف تعرف الأنماط الأفضل من حيث إمكانية الوصول؟ هل يجب استخدام نمط أو مكتبة ثابتة، أو إنشاء أنماط ومكتبات جديدة؟ كيف تعرف ما إذا كانت هذه الأنماط ستساعد المستخدمين فعلاً؟
مع توفّر عدد كبير من الخيارات، قد تشعر بالارتباك بشأن الأنماط والمكوّنات وأنظمة التصميم. تهدف هذه الوحدة إلى تزويدك بمعلومات عامة حول كيفية تقييم الأنماط والمكوّنات وأنظمة التصميم من حيث إمكانية الوصول، وتمنحك نقطة بداية لمساعدتك في اتخاذ خيارات أكثر سهولة في الوصول إليها.
التفكير النقدي
إنّ اختيار نمط أو مكوّن أو نظام تصميم يسهل الوصول إليه ليس أمرًا معقدًا، ولكنّه يستغرق وقتًا ويتطلب تفكيرًا نقديًا. في الواقع، لا يوجد ما يُعرف بـ "النمط المثالي الواحد"، ولكن قد يكون هناك العديد من الخيارات التي يمكن أن تنجح. الأمر يتعلق بتعلُّم اختيار الخيار الأفضل لحالتك الفريدة.
في وحدات الاختبار اللاحقة، ستتعرّف أكثر على التقنيات والطرق المتعلّقة بكيفية تقييم الأنماط والمكوّنات وأنظمة التصميم من حيث إمكانية الوصول. قبل ذلك، عليك طرح بعض الأسئلة الأساسية على نفسك، مثل:
- هل هناك نمط أو مكوّن أو نظام تصميم ثابت يسهل الوصول إليه؟
- ما هي المتصفّحات والتكنولوجيا المساعِدة (AT) التي أستخدمها؟
- هل هناك أي قيود على الرمز أو إطار العمل؟ هل هناك عمليات تكامل أو عوامل أو احتياجات أخرى للمستخدمين يجب مراعاتها؟
استنادًا إلى بيئة التطوير واحتياجات المستخدمين، قد تكون لديك أسئلة إضافية أو مختلفة عن هذه الأسئلة. ننصحك باعتبار هذه الأسئلة نقطة البداية في تقييم إمكانية الوصول.
المراجع الثابتة
قبل إنشاء شيء جديد تمامًا، عليك بذل العناية الواجبة ومراجعة ما هو متوفّر حاليًا من الأنماط والمكوّنات وأنظمة التصميم التي يسهل الوصول إليها. من خلال إجراء القليل من البحث، قد تتفاجأ بالعثور على حلّ (أو حلول متعدّدة) يناسب احتياجاتك.
تشمل بعض المراجع الرائعة للأنماط والمكوّنات وأنظمة التصميم التي يسهل الوصول إليها ما يلي:
- المكوّنات التي يسهل الوصول إليها
- مكتبة ARIA في Deque University
- نظام تصميم Gov.UK
- المكوّنات الشاملة
- MagentaA11y
- نظام تصميم الويب الأمريكي (USWDS)، الذي تم إنشاؤه للحكومة الفيدرالية في الولايات المتحدة
- قائمة بالأنماط التي يسهل الوصول إليها من Smashing Magazine
بالنسبة إلى أطر عمل JavaScript، يسهل الوصول إلى المراجع التالية تلقائيًا أو يمكن تخصيصها لتسهيل الوصول إليها:
- متطلبات JavaScript للمكوّنات التي يسهل الوصول إليها: متى لا يكون CSS كافيًا؟
- React
- Angular: مكتبة Material
- Vue: Vuetensils
ومع ذلك، يجب ألا تنسخ الرمز وتلصقه وتفترض أنّه سيتناسب مع بيئتك ويلبّي تلقائيًا احتياجات المستخدمين. ينطبق ذلك على جميع الأنماط والمكوّنات وأنظمة التصميم، حتى إذا كانت مصنّفة على أنّها يسهل الوصول إليها بالكامل.
يجب اعتبار جميع المراجع نقطة بداية. احرص على اختبار كل شيء.
المتصفّحات والتكنولوجيا المساعِدة (AT) المتوافقة
بعد البحث عن بعض الأنماط الأساسية أو المكوّنات أو نظام تصميم كامل قد يناسب بيئة التطوير، يمكنك الانتقال إلى التكنولوجيا المساعِدة المتوافقة. أحد الأنواع الرئيسية للتكنولوجيا المساعِدة التي يجب التركيز عليها عند تقييم الأنماط والمكوّنات وأنظمة التصميم هو برامج قراءة الشاشة.
تم تصميم برامج قراءة الشاشة مع مراعاة متصفّحات معيّنة، وتعمل بشكل أفضل عند استخدامها مع هذه المتصفّحات. سنتناول هذا الموضوع بمزيد من التفصيل في الوحدة التدريبية حول اختبار التكنولوجيا المساعِدة، ولكن لأغراض تقييم الأنماط، من المفيد معرفة أنّ هذه المجموعات متوفّرة، حتى تعرف ما تحتاجه من حيث الدعم.
| قارئ الشاشة | نظام التشغيل | توافُق المتصفح | التكلفة |
|---|---|---|---|
| Job Access with Speech (JAWS) | Windows | Chrome وFirefox وEdge | يتطلّب ترخيصًا (يتوفّر إصدار مجاني لمدة 40 دقيقة) |
| Non-Visual Desktop Access (NVDA) | Windows | Chrome وFirefox | مجاني (يتطلّب التنزيل) |
| راوٍ | Windows | Edge | مجاني (مضمّن في أجهزة Windows) |
| VoiceOver | macOS | Safari | مجاني (مضمّن في أجهزة macOS) |
| Orca | Linux | Firefox | مجاني (مضمّن في توزيعات تستند إلى Gnome) |
| TalkBack | Android | Chrome وFirefox | مجاني (مضمّن في إصدارات معيّنة من نظام التشغيل Android) |
| VoiceOver | iOS | Safari | مجاني (مضمّن في أجهزة iOS) |
إنّ توافُق المتصفّح مع التكنولوجيا المساعِدة أمر معقّد بشكل عام، ويصبح أكثر تعقيدًا عند إضافة أجهزة التكنولوجيا المساعِدة ومواصفات ARIA إلى المعادلة.
لكن ليست كل الأخبار سيئة. لحسن الحظ، تساعدنا المراجع الرائعة، مثل HTML5 Accessibility، Accessibility Support، وWCAG's Custom Control Accessible Development Checklist ، في فهم أفضل للمتصفّحات الحالية والتكنولوجيا المساعِدة المتوافقة، وحتى معرفة متى يجب استخدام ARIA في المقام الأول.
توضّح هذه المراجع العناصر الفرعية المختلفة لأنماط HTML وARIA المتاحة، بما في ذلك اختبارات المنتدى المفتوحة المصدر. يمكنك أيضًا مراجعة بعض أمثلة الأنماط لأجهزة الكمبيوتر المكتبي ومتصفّحات الأجهزة الجوّالة وأجهزة التكنولوجيا المساعِدة. على هذا النحو، يمكن أن تساعدك هذه المراجع في اتخاذ قرار أكثر سهولة في الوصول إليه بشأن الأنماط والمكوّنات وأنظمة التصميم التي قد تريد استخدامها.
اعتبارات أخرى
بعد اختيار بعض الأنماط أو المكوّنات الأساسية التي يسهل الوصول إليها، ومراعاة المتصفّحات وأجهزة التكنولوجيا المساعِدة المتوافقة، يمكنك الانتقال إلى أسئلة سياقية أكثر تحديدًا حول النمط والمكوّن ونظام التصميم وبيئة التطوير.
على سبيل المثال، إذا كنت تعمل في نظام إدارة محتوى (CMS) أو لديك رمز قديم، قد تكون هناك بعض القيود على الأنماط التي يمكنك استخدامها. بعد المراجعة، قد يتم تقليل خيارات الأنماط بسرعة إلى خيار واحد أو اثنين.
تسمح العديد من أطر عمل JavaScript للمطوّرين باستخدام أي نمط تقريبًا يختارونه. في مثل هذه الحالات، قد تكون هناك قيود أقل ويمكنك اختيار خيار النمط الذي يسهل الوصول إليه أكثر.
هناك اعتبارات إضافية يجب مراعاتها عند اختيار نمط أو مكوّن أو نظام تصميم، مثل:
- الأداء
- الأمان
- تحسين محركات البحث
- دعم ترجمة اللغة
- التكامل مع منتجات خارجية
ستؤثر هذه العوامل بلا شك في اختيارك للنمط، ولكن عليك أيضًا مراعاة الأشخاص الذين ينشئون المحتوى والرمز نفسه. يجب أن يكون النمط الذي تختاره قويًا بما يكفي للتعامل مع أي قيود محتملة حول المحتوى الذي ينشئه المحرّر أو المحتوى من إنشاء المستخدمين، بالإضافة إلى أن يكون مصممًا بطريقة يمكن للمطوّرين من جميع مستويات المعرفة بتسهيل الاستخدام استخدامها.