خدمات إمكانية الوصول في التصميم
حالة تركيز مفقودة تعني تعديلاً من خمس دقائق في ملف التصميم. أما المشكلة ذاتها بعد التطوير فتعني أن يعيد المطور كتابة شيفرة تعمل بالفعل. نراجع تصاميمكم ونظام التصميم لديكم وفق معايير WCAG، كي يتمكن فريقكم من إطلاق واجهات تعمل بصورة أفضل لمستخدمي قارئات الشاشة ولوحة المفاتيح والتحكم الصوتي منذ الإصدار الأول.
مؤسسات تثق بنا في بناء تجارب رقمية أكثر سهولة في الوصول.
لماذا تنتمي إمكانية الوصول إلى مرحلة التصميم؟
نسب التباين وترتيب التركيز وحجم مناطق اللمس ورسائل الأخطاء كلها قرارات تصميمية. وكل منها إما يدعم شخصاً يستخدم تقنية مساعدة أو يعيقه، وكل منها يُحسم قبل وجود شيفرة الواجهة الأمامية بوقت طويل. معالجتها مبكراً أقل تكلفة وأبسط. فإصلاح التصميم يكلف تعديل ملف، بينما يكلف الإصلاح ذاته بعد الإطلاق تغييرات برمجية وإعادة اختبار وإصداراً جديداً.
تكلفة معالجة أقل — مشكلات تُحل قبل أن تصل إلى قاعدة الشيفرة.
حواجز تُمنع لا تُرقَّع — الأنماط التي تستبعد مستخدمي لوحة المفاتيح أو قارئات الشاشة تُكتشف قبل إطلاقها.
اتساق نظام التصميم — إصلاح مكوّن مصدري واحد يحسّن كل الشاشات.
مفاجآت أقل عند التدقيق — تصميم مُقاس مسبقاً وفق المعايير التي سيستخدمها التدقيق.
ما الذي يشمله؟
تدقيق إمكانية الوصول في التصميم
تُراجع النماذج التصميمية الحالية أو المنتج المباشر معياراً تلو الآخر وفق WCAG.
تمكين فريق التصميم
ممارسات تصميم متاحة من خلال جلسات وقوائم تحقق مخصصة للمكونات ونظام التصميم الذي يستخدمه فريق التصميم لديكم.
التكامل مع نظام التصميم
تُصحَّح المكونات المشتركة في المصدر، فيصل الإصلاح إلى كل شاشة مبنية عليها.
وثائق تسليم مشروحة
تُوثَّق أدوار ARIA وترتيب التركيز والغرض من النص البديل في المكان الذي سيقرأه المطورون فعلاً.
مواصفات التفاعل والنموذج الأولي
يُحدَّد ترتيب التنقل وإدارة التركيز في الطبقات العلوية وتغيرات الحالة الديناميكية، ولا تُترك للتأويل.
تصميم مكونات واجهة متاحة
تُصمَّم القوائم المنسدلة والنوافذ المنبثقة وحقول النماذج وجداول البيانات وقد حُسم سلفاً سلوكها مع لوحة المفاتيح وقارئات الشاشة.
كل ذلك يُسلَّم داخل ملفات التصميم القائمة لديكم، لا كمستند منفصل يتعين على فريقكم ترجمته.
ما الفرق بين التصميم الشامل والتصميم المتاح؟
التصميم الشامل هو النهج الأوسع. فهو يراعي كامل التنوع البشري، بما في ذلك الإعاقة والعمر واللغة والبيئة والقيود المؤقتة أو الظرفية. وهو يشكّل طريقة تفكير الفريق في الجمهور المستهدف من المنتج.
أما التصميم المتاح فهو الجزء القابل للقياس. إذ يزيل الحواجز أمام الأشخاص ذوي الإعاقة وفق معايير محددة مثل WCAG، ما يجعله قابلاً للاختبار والتحقق. والاثنان ليسا بديلين عن بعضهما. والترجمة النصية هي المثال الكلاسيكي: متطلب تصميم متاح للمستخدمين الصم، وفائدة شاملة لكل من يشاهد الفيديو دون صوت.
التصميم الشامل يوفر العقلية، والتصميم المتاح يوفر القياس، والمنتج الناضج يحتاج إلى كليهما.
كيف ندعم سير عمل التصميم لديكم؟
الاستكشاف والتدقيق المرجعي
تُراجع التصاميم القائمة أو المنتج المباشر وفق WCAG، مع تصنيف كل مشكلة حسب درجة خطورتها.
مراجعات التصميم والنماذج الأولية
تُفحص المخططات الهيكلية والنماذج عالية الدقة أثناء إنتاجها، بينما تظل الإصلاحات تعديلات سريعة.
العمل على نظام التصميم والمكونات
تُدقَّق المكونات المشتركة وتُصحَّح مرة واحدة في المصدر بدلاً من تكرار ذلك عبر الشاشات.
تسليم مشروح
تنتقل التصاميم إلى التطوير مع توثيق أنماط لوحة المفاتيح وإدارة التركيز والغرض من ARIA.
التحقق بعد البناء
تُفحص الشاشات المنفذة مقابل غرض التصميم للتأكد من أن قرارات إمكانية الوصول صمدت خلال البناء.
ما الذي يُصلَح في الشيفرة تحديداً؟
- تباين لوني كافٍ
- مؤشرات تركيز مرئية
- عدم الاعتماد على اللون وحده
- تنقل يمكن توقعه
- موضع ثابت للإجراءات الرئيسية
- حجم مناسب لمناطق اللمس
- أزرار أيقونات بتسميات
- إعادة تدفق النص وتغيير حجمه
- حاويات مرنة
- تسلسل بصري واضح
- ترتيب تركيز محدد
- نص روابط وصفي
- تباعد بين الأهداف
- رسائل خطأ واضحة
- تسميات نماذج برمجية
- إدارة التركيز في النوافذ المنبثقة
- جداول بيانات متاحة
قد تبدو التسمية الرمادية الفاتحة على خلفية بيضاء أنيقة وتظل فاشلة لمن لا يستطيع التمييز بينهما، ولهذا يُقاس كل عنصر من هذه العناصر ولا يُحكم عليه بالعين.
ما المعايير التي نعتمدها في إمكانية الوصول في التصميم؟
WCAG 2.2 AA
يُستخدم إطارًا تقنيًا أساسيًا لمطابقة قرارات التصميم مع متطلبات إمكانية الوصول.
ADA
يؤخذ في الاعتبار عند تقييم المتطلبات القانونية ذات الصلة بأعمال إمكانية الوصول الرقمي في الولايات المتحدة، مع الاستفادة من معايير WCAG في التنفيذ التقني.
EAA
يساعد على تقييم قرارات التصميم وفق متطلبات إمكانية الوصول للمنتجات والخدمات الواقعة ضمن النطاق في الاتحاد الأوروبي.
Section 508
تنطبق على تقنيات المعلومات والاتصالات التي تستخدمها الوكالات الفيدرالية الأمريكية. وعادةً ما يُطلب من الموردين الذين يبيعون لها إثبات المطابقة.
EN 301 549
المعيار الأوروبي الذي يتوافق مع WCAG ويغطي أيضاً البرمجيات والوثائق.
نوثّق نتائج المراجعة على مستوى المكوّنات والشاشات، ونوضح للمصممين والمطورين التغييرات المطلوبة بدقة.
لماذا WeAccess.ai في مراجعة إمكانية الوصول في التصميم؟
| المعيار | أداة تباين آلية | تدقيق بعد الإطلاق | مراجعة تصميم WeAccess.Ai |
|---|---|---|---|
| متى تظهر المشكلات | بعد بناء الشاشة | بعد إطلاق المنتج | Yesفي ملف التصميم |
| Coverage | التباين فقط | شامل، في لحظة محددة | Yesشامل، معياراً تلو الآخر |
| التفاعل وترتيب التركيز | غير مقيَّم | يُقيَّم في الشيفرة | Yesيُحدَّد قبل البناء |
| تكلفة إصلاح النتيجة | تغيير برمجي | تغيير برمجي وإعادة اختبار | Yesتعديل ملف |
| الأثر على الشاشات المقبلة | None | يتكرر في الدورة التالية | Yesيُصحَّح في نظام التصميم |
كثير من إخفاقات إمكانية الوصول التي يكشفها التدقيق تقررت في نموذج تصميمي قبل أشهر.
لماذا تختارون فريق تصميم إمكانية الوصول لدينا؟
خبرة في التصميم والبرمجة في فريق واحد
مشكلة تباين في Figma وخلل تركيز في مكوّن يعالجهما الأشخاص أنفسهم، لا موردان مختلفان.
إصلاحات تُنفَّذ مرة واحدة في المصدر
تصل التصحيحات إلى مكوناتكم المشتركة، فيتوقف الخلل عن الظهور في كل شاشة جديدة.
إمكانية وصول تخدم الجميع
الأهداف الأكبر والتسلسل الواضح والروابط الوصفية تجعل التنقل أسهل للجميع.
التركية والإنجليزية والألمانية
نراجع نصوص الواجهة باللغات الثلاث ونقدم التقرير باللغة التي يعمل بها فريقكم.
قدرة لا تبعية
يحتفظ مصمموكم بالأنماط والشروح وقوائم التحقق بعد انتهاء المشروع.
FAQ
ألديكم أسئلة أخرى؟ اطلعوا على قسم الأسئلة الشائعة الكامل.
كلاهما. تبدأ المنتجات القائمة عادة بتدقيق مرجعي، بينما يُراجع عمل التصميم الجاري أثناء إنتاجه.
WCAG 2.2 AA is the default, since it is the level nearly every law and procurement requirement points to. Where a specific AAA criterion matters for your audience, we flag it and you decide.
في المراحل المبكرة تكلفته ضئيلة جداً؛ فمعظمه مجرد طريقة مختلفة لاتخاذ القرار نفسه. أما النسخة المكلفة فهي إصلاح المشكلة ذاتها في الشيفرة بعد الإطلاق.
نعم. جلسات التمكين وقوائم تحقق المكونات جزء من المشروع، كي يتمكن مصمموكم من تطبيق الأنماط دوننا في الشاشة التالية.
يقيّد بعض الخيارات، مثل التباين وحجم الأهداف، لكنه لا يفرض أسلوباً بصرياً. فمعظم العمل يتعلق بالحالات والترتيب والتسميات لا بالجماليات.
نعم. نعمل في Figma إلى جانب فريقكم، ونشرح المكونات والتصحيحات في مكانها بدلاً من إنتاج مستند منفصل.
ابنِ تجارب رقمية يستطيع الجميع استخدامها.
اكتشف كيف يمكن لـ WeAccess مساعدة مؤسستك على إدارة إمكانية الوصول عبر الويب والهاتف المحمول والمستندات والوسائط.