كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

دليل إرشادي لأفضل تصميم يؤمّن احتياجات المستخدمين

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟
TT

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

كيف تصمّمون موقعاً إلكترونياً سهل التصفّح؟

مرّ 25 عاماً على دخول الإنترنت واستقرارها في حياة النّاس، إلّا أنّ 96.1 في المائة منها لا يزال بعيداً عن متناول المستخدمين... من النصوص القليلة السطوع، إلى الصور التي تفتقر إلى نصوص بديلة، والعناوين الناقصة (أي تلك الآلية الأكثر استخداماً من قِبل قرّاء الشاشات الإلكترونية للبحث في المحتوى).

دليل إرشادي

كما تُقصي ملايين المواقع الإلكترونية حول العالم الأشخاص الذين يعانون من صعوبات تعليمية أو اعتلالات سمعية أو بصرية.

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

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

وقد أسهم في وضع اللائحة التالية عشرات من مصمّمي المواقع الإلكترونية، ومناصري تسهيل الاستخدام، وعدد من المصادر والمؤسسات كـ«بيركنز أكسيس»، مجموعة سهولة التصفّح الرقمية، التابعة لمدرسة «بيركنز» للمكفوفين، و«مشروع A11Y» المتخصّص في تعزيز سهولة التصفّح الرقمية، بالإضافة إلى مجموعة كبيرة من الموارد كتوصيات الكتب، ودورات سهولة التصفّح، والمؤتمرات، والمدوّنات، وأدوات التطوير.

اللون والسطوع

كيف تتحقّقون من اللون والسطوع؟

> يساعد برنامج «كونتراست غريد Contrast Grid» في تجربة مجموعات لونية متنوّعة للمقدّمات والخلفيات لضمان تناغم لوحتكم اللونية، مع الحدّ الأدنى من متطلّبات السطوع المعتمَدة من قِبل أشهَر معايير سهولة التصفّح الرقمية المعروفة باسم «قواعد إتاحة محتوى الويب Web Content Accessibility Guidelines (WCAG)».

> يتيح لكم موقع «كولور شارك Color Shark» أيضاً تجربة مجموعات لونية للنصوص والخلفيات. وفي حال فشل الترتيبات اللونية المقترحة، يقدّم لكم الموقع اللون الأقرب لها.

> أيضاً، يساعد «كولور سيف Color Safe» المصمّمين في اختيار لوحة لونية مسهّلة للتصفّح تتوافق مع معايير «قواعد إتاحة محتوى الويب (wcag)». تتّسم هذه المنصّة ببعض التعقيد، ولكنّها تسمح لكم باختيار حجم الخطّ، ووزنه، وعائلته.

> وإذا قرّرتم استخدام «فيغما»، فينصحكم لوكا غونيلي، مؤسس ستوديو البيانات البصرية «ألغو»، باستخدام برنامج «كولور بلايند Figma’s Color Blind plug-in» المساعد؛ لأنّه «واحدٌ من المصادر التي تستخدمها شركته في اختيار اللوحات اللونية، وضمان حصول تصميماتها على السطوع وسهولة التصفّح الكافييْن».

> تتمتّع الأدوات المذكورة آنفًا بفعالية عالية في مهام محدّدة، لكن إذا كنتم تريدون المزيد والأفضل، فتجدون مفهوماً أكثر شمولية لتأثير الألوان والسطوع على تجربة أيّ وسيط رقمي، على موقع «كولور أند كونتراست Color & Contrast»، الذي ابتكره مصمّم «أدوبي» السابق؛ نايت بالدوين. يجمع الموقع معلومات علمية، ونظرية، وعملية مع رسومات تفاعلية ورسوم بيانية؛ لتقديم المادّة المكتوبة بأشكال أكثر إقناعاً.

توصيفات الصور

كيف تكتبون توصيفات سهلة للصور؟ لا يكتمل الموقع الإلكتروني السهل التصفّح، ولا سيّما ذلك الذي يعتمد على البصريات، من دون توصيفات مفيدة للصور. تُوصي مدرسة «بيركنز أكسيس» باستخدام لوائح إرشادات «كوبر هيويت لتوصيفات الصور Cooper Hewitt Guidelines for Image Descriptions»، التي تُعدّ مستنداً حيّاً يساعد المصمّمين على تأسيس مواقع إلكترونية للزوّار الذين يستخدمون تقنيات مساعدة. تتضمّن اللائحة توصيات حول طول الموقع، واستخدام اللغة، وكيفية توصيف الأشخاص، وكيفية التحدّث عن الألوان، وكيفية صناعة توصيفات أغنى وأكثر صلةً بالموضوع.

تملك «بيركنز أكسيس» أيضاً مصدرها الخاص، تحت اسم «دليل التصميم الشامل»، الذي طوّره فريق من خبراء سهولة التصفّح الرقمي يضمّ مستشارين واستراتيجيين في التصميم. ويعدِّد الدليل 7 أسس للتصميم الشامل، كاعتماد سهولة التصفّح منذ البداية، والحصول على تقييم من فئات متنوّعة، وتضمين دراستيْ حالة مفصّلتين.

سهولة التصفح

كيف تقيّمون سهولة التصفّح الإجمالية لموقعكم الإلكتروني؟

> تعتمد شركة البرمجيات الناشئة «ستارك Stark» على أداة مضافة بسيطة للمتصفّح تتيح للمصمّمين، ومطوّري المواقع، ومديري المنتج، تقييم مواقعهم الإلكترونية، وضمان توافقها مع معايير «قواعد إتاحة محتوى الويب (wcag)». تعمل هذه الأداة المضافة مع جميع محرّكات التصفّح، حتّى إنّها توفّر برنامجيْ «أدوبي» و«فيغما» المساعديْن، وتقدّم مراجعة مجّانية تتضمّن لائحة كاملة من عناصر المواقع الإلكتروني، وروابط لإرشادات قواعد إتاحة محتوى الويب المشابهة، واقتراحات حول تصحيح الأخطاء، كتغيير حجم الخطّ، أو تعديل نسبة السطوع بمزواجة لونية أفضل.

> تساعد «وايف Wave» (أداة «وايف» لتقييم سهولة التصفّح Wave Accessibility Evaluation Tool) مصمّمي المواقع الإلكترونية على تعريف الأخطاء وفقاً لقواعد إتاحة محتوى الويب وتصحيحها. يمكنكم استخدام الأداة الإلكترونية ببساطة عبر إدخال محدد موقع الموارد الموحد «URL»، أو تنزيلها على شكل إضافة متصفّح لمحرّك «كروم»، و«فايرفوكس»، و«مايكروسوفت إيدج».

> تضع أداة «لايت هاوس Google Lighthouse» المجّانية والمفتوحة المصدر من «غوغل»، تقريراً مفصّلاً عن أداء الموقع الإلكتروني، وسهولة تصفّحه، وغيرها من الوظائف. تجدون الأداة مُدمجة في «أداة مطوّر كروم»، وعلى شكل إضافة لمتصفّح «كروم»، ووسيط مستخدم.

ذكاء اصطناعي

> تستخدم أداة «أكسيسي بي AccessiBe» المدعومة بالذكاء الاصطناعي، التعلّم الآلي لتقييم الموقع الإلكتروني وجعله أكثر سهولة للتصفّح. تبدأ خطط الاشتراك بالأداة من 49 دولاراً في الشهر وتمنحكم تجربة مجّانية لمدّة 7 أيّام، وتضمن لكم توافقاً مع كثير من برامج تأسيس المواقع الإلكترونية، كـ«وورد برس»، و«سكوير سبيس»، و«شوبيفاي»، و«ويبفلو»، و«ويكس». تتيح لكم «أكسيسي بي» تضمين تطبيق برمجي قابل للتخصيص في الموقع مطابق لشكل علامتكم التجارية، فضلاً عن أنّها تسمح للمستخدمين بتعديل السطوع، والتباين، والخطّ أثناء تصميمهم الموقع.

* «فاست كومباني»

، خدمات «تريبيون ميديا»



ساكرامنتو تستضيف بطولة الرياضات الإلكترونية الكبرى

ساكرامنتو تستضيف بطولة الرياضات الإلكترونية الكبرى
TT

ساكرامنتو تستضيف بطولة الرياضات الإلكترونية الكبرى

ساكرامنتو تستضيف بطولة الرياضات الإلكترونية الكبرى

احتضن الفائزون بعضهم، وهز الخاسرون رؤوسهم، وانفجر المشجعون في الهتافات.

معارك رياضية إلكترونية

احتدمت المشاعر في معرض «كال أكسبو» Cal Expo هذا الأسبوع، حيث اشتبك الطلاب من جميع أنحاء البلاد في معارك رياضية إلكترونية متوترة وعالية المخاطر، كما كتب ماثيو ميراندا (*).

في المسابقات التي تضم لوحات المفاتيح ونقرات الماوس المحمومة، تنافس لاعبو ألعاب الفيديو في ألعاب مثل Super Smash Bros Ultimate and Street Fighter 6.

وقالت أنجيلا برنهارد توماس، كبيرة مسؤولي الرياضات الإلكترونية في بطولة Collegiate Esports Commissioners Cup West الإقليمية: «إنها مثل بطولة (مارتش مادنيس) March Madness، لكنها ألعاب فيديو».

لاعبو مدرسة سنتر الثانوية أثناء المنافسة في أول بطولة ألعاب إلكترونية كبرى في ساكرامنتو

فرق مدرسية إلكترونية تنافسية

استضافت ساكرامنتو البطولة في وقت تنمو فيه شعبية الرياضات الإلكترونية، مع تشكيل المزيد من المدارس لفرق تنافسية، واستقطب الحدث الذي استمر ثلاثة أيام، 22 فريقاً جامعياً من 18 ولاية وأكثر، من 150 طالباً في المدرسة الثانوية المحلية.

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

على المسرح الرئيسي، واجهت ولاية سان خوسيه فريق «يو سي ريفرسايد» في نهائي مكثف من Super Smash Bros. Ultimate - لعبة قتال ومنصة تضم شخصيات العديد من إبداعات نينتندو.

بطولة الرياضات الإلكترونية الوطنية

خرج فريق «يو سي ريفرسايد» المكون من أربعة أفراد منتصراً للعام الثاني على التوالي، وسيتقدم الفريق، جنباً إلى جنب مع أبطال عطلة نهاية الأسبوع الآخرين، إلى بطولة الرياضات الإلكترونية الوطنية في تكساس، في مايو (أيار) المقبل.

وقال كين هوانغ، طالب يدرس الرياضيات التطبيقية في «يو سي ريفرسايد»، إنه يأمل في أن يعزز الفوز الاعتراف بالرياضات الإلكترونية داخل الجامعة.

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

وأضاف هوانغ الذي مارس اللعبة لمدة 8 سنوات: «هذه الحالات توفر المزيد من الفرص للتمويل والسفر. ويعد فريق Super Smash Bros التابع لجامعة كاليفورنيا ريفرسايد نادياً ترفيهياً».

وتابع: «نأمل في أن يدفعنا أداؤنا الجيد والحصول على نتائج إلى القول إننا لسنا مجرد نادي ترفيهي».

رياضة للصغار والكبار

في مكان قريب، هتفت إيلينا فيريل، البالغة من العمر 15 عاماً، بينما كانت صديقتها تتنافس في لعبة Valorant، وهي لعبة إطلاق نار شهيرة من منظور الشخص الأول. وصاح الجميع معاً بحماس، ورفعوا أيديهم أحياناً احتفالاً.

حافظت فيريل، قائدة فريق اللعب المكون من 12 لاعباً في مدرسة «سنتر» الثانوية في أنتيلوب، على نشاط زملائها في الفريق من خلال إطعامهم وتقديم المشروبات لهم.

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

* «ذا ساكرمنتو بي»، خدمات «تريبيون ميديا».