أحاول اتباع معيار مهم للغاية يجب أن أعترف أنني تجاهله حتى وقت قريب. أريد أن أتأكد من أن صفحاتي متاحة لجزء كبير من الأشخاص ذوي الإعاقات. أركز بشكل أساسي على البرامج التعليمية المكثفة للنصوص والصور ، ولكن لا يوجد فيديو/فلاش أو أي نوع من الرسوم المتحركة.
ما هي قائمة التحقق التي يمكنني متابعتها للتأكد من أن العديد من الأشخاص ذوي الإعاقة يمكن أن يتمتعوا بتجربة جيدة عند استخدام موقع الويب الخاص بي ، وما هي الإعاقات التي يجب أن أكون أكثر وعياً بها؟
أعلم أنه لا يمكنني إرضاء الجميع. لقد مررت إرشادات W3C ، ومع ذلك لست متأكدًا تمامًا من المعايير التي تنطبق علي. أنا لا أقوم بإنشاء تطبيقات الويب ، فأنا أقوم في الغالب بإنشاء ويكي مثل تبادل المعلومات والمدونات والمنتدى العرضي.
يقدم W3 بعض النصائح الأساسية حول إمكانية الوصول عبر موقعه على الويب . لدى Joe Clark إصدار عبر الإنترنت من كتابه "بناء مواقع يمكن الوصول إليها" كتاب متاح للعرض مجانًا والذي يحتوي على الكثير من المعلومات المفيدة.
إن جعل الدلالة الترميزية الخاصة بك خطوة كبيرة نحو إمكانية الوصول ، إذا كان يمكن التنقل بين موقعك دون تطبيق أي CSS عليه والمحتوى منطقي ، فكل شيء آخر هو مجرد مرق بصري!
لذلك دعونا نلقي نظرة على بعض مجموعات الأشخاص الذين تحتاج إلى التحقق ، هل يمكنكم أن تكونوا موقع الويب الخاص بك.
تحتاج فقط إلى التحقق من موقع الويب الخاص بك الذي يمكن استخدامه عندما تكون نافذة المتصفح صغيرة دون أن تتطابق مع الألم.
هل يمكن لأي شخص استخدام موقع الويب الخاص بك دون رؤية لون الرموز وما إلى ذلك ، وتصويره كنت تقوم بالوصول إليه على شاشة B&W.
عندما تقوم بتغيير حجم الكتابة في المستعرض الخاص بك ، فهل يصبح النص بأكمله أكبر في موقعك ، ولا يزال التخطيط موافقًا. هل يمكن أيضًا استخدام الموقع على شاشة صغيرة؟
هل يستخدم موقعك تخطيط التباين العالي ، إن لم يكن من السهل للمستخدم التبديل إلى تخطيط التباين العالي؟
يمكن للشخص الذي لم يستخدم موقع الويب الخاص بك من قبل ، الوصول إلى جميع الوظائف/المعلومات فقط باستخدام لوحة المفاتيح. (هل يعمل مفتاح علامة التبويب بطريقة مفيدة؟)
أنت تستخدم اللغة الإنجليزية البسيطة قدر الإمكان؟
هل يعتمد تصميم موقعك على موقع آخر يعرف المستخدمون بالفعل كيفية استخدامه؟
هذا هو الشيء الصعب ومعظم ما تقرأه ليس للاستخدام المطابق !!
أولاً ، اختصر جميع مشاكل الوصول الأخرى الخاصة بنا ، حيث يوجد الكثير من الأشخاص ضعاف البصر ، أو الذين لا يمكنهم استخدام الماوس أكثر من الأشخاص الذين يربطونهم.
أدرك بعد ذلك أهدافك ، على سبيل المثال ، إذا كان موقعك عبارة عن موقع حجز فندقي ، فقد يكون من الأفضل توفير رقم هاتف برسوم لإجراء الحجوزات ثم فقط جعل معلومات الفندق متاحة.
يجد معظم المكفوفين صعوبة في استخدام أي موقع تفاعلي لم يستخدموه من قبل ، ولكن تم تصميم موقع الويب جيدًا.
لذلك يجب أن توفر خيار ويب لا شيء؟ (الهاتف؟ الشخص الذي يزورهم للمساعدة في ملء النموذج وما إلى ذلك؟)
أولاً ، هل يمكن استخدام موقعك دون أي صور؟ (النص البديل هو طريقة واحدة للقيام بذلك)
بالنظر إلى أن برنامج الكلام يقرأ الموقع من أعلى إلى أسفل ، هل يمكن فهم موقعك بهذه الطريقة؟
من الصعب جدًا جعل موقعًا يتميز بالتنقل المعقد سهلًا لاستخدام شخص ملزم ، وأيضًا شخص ليس لديه أي وسيلة لمعرفة أن جزءًا من الصفحة قد تم تحديثه بواسطة JavaScript ويحتاج إلى قراءته مرة أخرى.
لا يعد تغيير لون العناصر لتغييرات الحالة خيارًا جيدًا أيضًا.
الطريقة الوحيدة لمعرفة كيفية جعل موقع الويب يعمل بشكل جيد بالنسبة لربط الأشخاص هي معرفة كيفية استخدام شخص ملزم قارئ شاشة في بعض مواقع الويب. لا يعد أي من المعايير جيدًا بما يكفي ، فهو يخبرك فقط بما يجب عليك عدم فعله ، لكن الإبقاء عليها لا يكفي (ما لم يتم تزويدك بنص ثابت مثل موقع ورقة الأخبار).
يمكنك استخدام هذا الموقع للحصول على نظرة عامة سريعة على الامتثال: http://wave.webaim.org/
إنه يؤدي وظيفة مماثلة لنظام "بوبي" القديم الذي توقف عن العمل منذ عامين.
تستخدم الحكومة الهولندية هذا الموقع لاختبار مواقعها على إمكانية الوصول. ألقِ نظرة ... يمكنك أيضًا إدخال موقعك لاختبار حالته الحالية على إمكانية الوصول ...
لقد وجدت كتاب Mark Pilgrim القابل للتنزيل بحرية Dive into Accesibility ليكون نقطة مرجعية مفيدة حول هذا الموضوع. انها من عام 2002 ولكن لا يزال وثيق الصلة للغاية. مشورة مثل "استخدام تدهور رشيقة" لا تحصل القديمة.
يبدو أن WAI-ARIA قد يكون إضافة إلى ترسانة إمكانية الوصول الخاصة بنا.
بعض المعلومات عن WAI-ARIA - http://www.alistapart.com/articles/waiaria
الجواب رقم 1 بسيط: اكتب صحيحًا ، صحيح HTML/CSS !!! جميع الاقتراحات المذكورة أعلاه جيدة. فيما يلي قائمة مرجعية كتبتها قبل عامين توضح لك بعض الأشياء التي يجب عليك التحقق منها في جميع المواقع: https://forge.iowa.gov/wiki/index.php/Web_Checklist . يفترض أن يكون لديك شريط أدوات Web Developer على FF ، لكن هذا مجاني ويمكن الحصول عليه بسهولة.
يمكن أن تحدث بعض الأشياء البسيطة التي أشعر بها اختلافًا حقيقيًا:
بالنسبة للنماذج ، تأكد من استخدام علامة LABEL. يجعل مساحة أكبر قابلة للنقر لأشياء مثل أزرار الاختيار وأيضًا تربط الأشياء مع قارئات الشاشة.
الشيء الآخر الذي أشعر بإساءة استخدامه هو علامات h1 ، h2 ، h3 .... إذا تم استخدامها بشكل صحيح ، يمكن أن يساعد ذلك شخصًا ما على التنقل في صفحتك بسهولة. إذا قمنا فقط بتصميمها واستخدامها willy-nilly ، فهذا أمر مضلل للغاية لقارئات الشاشة وأجهزة الإدخال/الإخراج الأخرى التي لا تستخدم الماوس.
من الجيد أيضًا السماح لشخص يتنقل بصفحتك دون كل CSS والصور الجميلة لتخطي الشفرة المتكررة السابقة إلى المحتوى. يتم تحقيق ذلك بشكل شائع باستخدام ارتباط SKIP المخفي في CSS. على سبيل المثال ،
<a href="#skipnav" class="noshow">Skip past navigation to content.</a>
للسماح بتخطي عملية التنقل الطويلة.
كما ذكر توني ، أحد أفضل الاختبارات هو تجريد جميع أجراس وصفارات صفحتك ومعرفة ما إذا كان لا يزال من المنطقي.
أعتقد أنه يتعين عليك استخدام هذا الموقع http://www.totalvalidator.com أو المكون الإضافي لمتصفح فايرفوكس. لديه العديد من عمليات التحقق من صحة الإعاقة وسيبلغ عن أي شيء مفقود.