ما أدرجناه وما ينقصنا بعدُ

نبني الموقع وفق إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) الإصدار 2.2 عند المستوى AA — وهو المستوى المشار إليه في قانون إمكانية الوصول الأوروبي وفي المادة 508 في الولايات المتحدة. وفي تباين الألوان نذهب أبعد من ذلك ونستهدف المستوى AAA، لأن معظم هذا الموقع نصوص بيضاء ورمادية على خلفية قريبة من السواد، ولم يكن هناك سبب للاكتفاء بالرقم الأدنى.

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

يشمل هذا البيان الصفحات العامة لموقع www.surglasses.com. ولا يشمل المحررات التي يستخدمها موظفونا لنشر الأخبار والفعاليات، وهي أدوات داخلية محمية بكلمة مرور، ولا يشمل البرمجيات داخل أجهزتنا الطبية وأنظمتنا التعليمية — فلها وثائقها ومتطلباتها التنظيمية الخاصة.

• رابط “تخطَّ إلى المحتوى الرئيسي” هو أول ما تصل إليه في كل صفحة، فلا تحتاج إلى التنقل عبر القائمة كلها في كل صفحة.
• تركيز لوحة المفاتيح مرئي دائمًا. يُرسم إطار أخضر حول العنصر الذي عليه التركيز، ويبتعد عن العنصر حتى لا يختفي خلف حدّ. ويظهر عند الاستخدام بلوحة المفاتيح لا عند النقر بالفأرة، فيكون حاضرًا عند الحاجة ومتواريًا عند عدمها.
• القوائم تعمل كما ينبغي للقوائم. محفزات القوائم المنسدلة الأربع أزرار حقيقية لا روابط تتظاهر بأنها أزرار، وهي تُعلن ما إذا كانت مفتوحة. يفتح السهم لأسفل قائمة وينتقل إليها، ويتنقل السهمان لأعلى ولأسفل بين عناصرها، ويغلقها مفتاح Escape ويعيد التركيز إلى المحفّز. وعلى الحاسوب المكتبي تُفتح كذلك عند التركيز دون أي JavaScript.
• يمكن تمرير جداول المقارنة العريضة بلوحة المفاتيح. يقع كل منها في منطقة قابلة للتركيز لها اسمها الخاص، فيتمرر الجدول أفقيًا داخل إطاره بينما لا تتمرر الصفحة نفسها أبدًا.
• التاريخ سنة بسنة في صفحة من نحن مبني كقائمة تبويبات سليمة: يتنقل السهمان الأيسر والأيمن بين السنوات، ويقفز مفتاحا Home وEnd إلى الأولى والأخيرة، ولوحة كل سنة مرتبطة بتبويبها.
• لا شيء يعبث بترتيب التبويب. لم يُعطَ أي عنصر في الموقع موضعًا مخصصًا في تسلسل التبويب، فيتبع التركيز ببساطة ترتيب ظهور العناصر في الصفحة.
• الأزرار لا يقل مقاسها عن 44 بكسل مربع حيث تكون أيقونات لا كلمات — زر القائمة وروابط التواصل الاجتماعي وأزرار التحكم في الشرائح المتحركة.

وتحت ذلك كله، الصفحات HTML عادية: عنوان رئيسي واحد في كل صفحة تتفرع تحته بقية العناوين بالترتيب، ومناطق حقيقية للترويسة والتنقل والمحتوى الرئيسي والتذييل، وقوائم وجداول حقيقية. وجميع خلايا الترويسة الـ 59 في جداول المقارنة بالموقع تصرّح بما إذا كانت ترأس صفًّا أو عمودًا. وتحمل كل صورة نصًّا بديلًا، والصور الـ 25 الزخرفية بحتة معلَّمة على هذا الأساس كي تتخطاها قارئة الشاشة بدل أن تقرأ اسم الملف — وعندما يضيف موظفونا صورة إلى خبر أو فعالية، يطلب منهم المحرر وصفها في الوقت نفسه.

في صفحة الأخبار، يؤدي تغيير الفئة أو الانتقال بين الصفحات إلى تبديل القائمة في مكانها دون إعادة تحميل. وكان ذلك قد يترك مستخدم قارئ الشاشة دون أي إدراك لحدوث شيء، لذلك تُعلَّم القائمة بأنها مشغولة أثناء التحميل، وينتقل التركيز إلى القائمة الجديدة عند وصولها.

في هذا الموقع نموذجان، في صفحة الاتصال وفي صفحة أين تشتري، وقد بُنيا مع مراعاة هذه الصفحة.

• هناك فحص آلي، وهو ليس من النوع الذي عليك حلّه. تتضمن النماذج فحصًا لأن التدابير التي لا تطلب منك شيئًا — كحقل مخفي لا تملؤه إلا البرمجيات الآلية، أو حدّ لعدد الرسائل التي يستطيع اتصال واحد إرسالها — لا توقف مرسلًا يملأ النموذج على الوجه الصحيح. أما الفحص الذي اخترناه فيراقب سلوك المتصفح بدل أن يضع أمامك لغزًا، فلا يحتاج أحد إلى تحديد إشارات المرور أو نسخ حروف مشوهة؛ وفي معظم الأحيان يكتمل من تلقاء نفسه ولا ترى إلا مربعًا صغيرًا يخبرك بذلك. لكننا لن ندّعي أنه بلا كلفة: فهو يحتاج إلى JavaScript، وقد يطلب نقرة واحدة للتأكيد، وهو مكوّن من جهة خارجية. فإن أعاقك لأي سبب، فاتصل بنا بدلًا من ذلك (الأرقام في أسفل هذه الصفحة) — فليس على هذا المسار أي فحص ونقرأ ما يصلنا منه بالطريقة نفسها.
• لكل حقل تسمية حقيقية ظاهرة دائمًا فوق المربع، لا نص توضيحي يختفي بمجرد أن تبدأ الكتابة. والحقول المطلوبة معلَّمة للمتصفح بأنها مطلوبة، فيستطيع برنامجك إخبارك قبل الإرسال.
• تصرّح الحقول بالغرض منها — الاسم والبريد الإلكتروني والمؤسسة والبلد والهاتف — ليتمكن الملء التلقائي في المتصفح وفي مديري كلمات المرور من إكمالها لك.
• اختيار عدة منتجات يتم عبر مربعات اختيار لا عبر قائمة متعددة الاختيار. فمثل هذه القوائم تتطلب النقر مع Ctrl وتكاد تكون غير قابلة للاستخدام على الهاتف.
• لا حدّ زمنيًا ولا جلسة تنتهي صلاحيتها. خذ ما شئت من الوقت. وقاعدة التوقيت الوحيدة هي حدّ أدنى: النموذج الذي يُرسل خلال نحو ثلاث ثوانٍ من فتح الصفحة يُعامَل على أنه آلي.
• النماذج تحتاج إلى JavaScript. فالفحص الأمني وإرسال النموذج كلاهما يحتاج إليه، ولذلك لا يمكن إرسال النموذج عند تعطيله؛ ويوضح النموذج ذلك ويرشدك إلى أرقام هاتفنا بدلًا من ذلك. وعند تفعيل JavaScript تظهر النتيجة — تم الإرسال، أو أمر يحتاج إلى تصحيح — في رسالة بجوار الزر تعلنها قارئات الشاشة، وينتقل تركيز لوحة المفاتيح إليها.

إذا كان النموذج غير مناسب لك لأي سبب، فلا تعانِ معه. اتصل بنا؛ فالأرقام في أسفل هذه الصفحة وفي صفحة مواقعنا.

هذا الموقع HTML وCSS وJavaScript عادية. لا توجد إضافات لتثبيتها ولا تطبيق. ولا شيء ننشره هنا متاح بصيغة PDF فقط — فكل صفحة صفحة ويب، وبذلك تعمل أدوات القراءة في متصفحك على كل ما فيها. وتقريبًا لا شيء مضمَّن من شركة أخرى: لا فقاعة دردشة ولا مشغّل فيديو من جهة خارجية ولا أداة تراكب. وهذا أهم مما يبدو، لأن مثل هذه التراكبات من أشيع أسباب تعثّر مستخدم لوحة المفاتيح في صفحة ما، وليس هنا أي منها. والاستثناء الوحيد هو الفحص الأمني في النموذجين، الموصوف تحت النماذج أعلاه؛ وهو موجود في هاتين الصفحتين فقط.

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

مع تعطيل JavaScript يظل الموقع كله مقروءًا. كل كلمة وصورة وجدول وفيديو في هذه الصفحات موجود في HTML نفسه. وما تفقده هو الراحة: لا تُبنى قوائم اختصارات الأقسام، وتبقى الشريحة الأولى من شرائح الصفحة الرئيسية ثابتة، وتظهر الأقسام فورًا بدل أن تتلاشى تدريجيًا، وتنتقل صفحة الأخبار بين صفحاتها بتحميل صفحة جديدة كما يفعل أي موقع. وتحتفظ مقاطع الفيديو بعناصر تحكمها المعتادة. أما النموذجان فهما الشيء الوحيد الذي لا يعمل دون JavaScript بسبب الفحص الأمني فيهما؛ ويخبرك النموذج بذلك ويعطيك أرقام هاتفنا بدلًا من ذلك.

كُتب الموقع ليعمل في الإصدارات الحالية من Chrome وEdge وFirefox وSafari على Windows وmacOS وiOS وAndroid، ولا يستخدم عمدًا أي ميزة يدعمها واحد منها فقط — ولهذا أيضًا فإن رسومنا المتحركة الشفافة للمنتجات صور لا فيديو، إذ لا توجد صيغة فيديو شفاف تشغّلها المتصفحات الأربعة جميعًا. وإذا بدت لك صفحة تتصرف بغرابة، فأخبرنا بالمتصفح وإصداره؛ فهذا عادة يكفينا لإعادة إنتاج المشكلة.