تصور وتصحيح إمكانية الوصول إلى موقع الويب مع Tota11y

التقنيات المساعدة هي المعيار الجديد لتصميم المواقع. بمجرد أن أصبح التصميم المتجاوب سائدًا ، أصبح من الواضح بسرعة للمصممين أن دعم المزيد من المستخدمين يعد ضرورة.

ولكن هناك الكثير من العمل للقيام به للوصول إلى شبكة الإنترنت. هذا موضوع ضخم وليس شيئًا يمكنك التقاطه بدون أدوات يدوية.

Tota11y هو مجموعة أدوات مجانية لتصور مشاكل الوصول إلى موقع الويب الخاص بك. يعمل هذا بشكل صحيح في المستعرض بحيث يمكنك فقط تحميل مجموعة الأدوات ، والنقر حول موقعك (أو أي موقع!) للعثور على توصيات بشأن إمكانية الوصول.

يعمل هذا كمكتبة JavaScript يمكن توصيلها بأي صفحة. هل يمكن أيضا قم بتشغيله يدويًا على المواقع الحية من خلال Chrome DevTools ، لكن هذا ليس مفيدًا دائمًا إلا إذا كنت تعمل على موقع شخص آخر.

يضيف Tota11y شريط أدوات صغيرًا إلى صفحتك ويتم تشغيله ديناميكيًا عبر DOM بالكامل. كلما انقر فوق عنصر ستحصل على مربع توسيع صغير مع التفاصيل التي تغطي مشاكل الوصول.

شيء واحد أنا حقا أحب حول Tota11y هو لغة واضحة تستخدم مع كل مربع وسيلة شرح. يبدو أن معظم وثائق WAI-ARIA تشبه قراءة الرموز الضريبية. عظيم لوضع نفسك على النوم ، وليس كبيرًا لتصحيح أخطاء موقع ويب.

مع هذه المكتبة ، ستجد المشكلات والحلول المكتوبة باللغة الإنجليزية البسيطة. أسهل بكثير للاستهلاك والحلول سريعة.

إذا قمت بزيارة الصفحة الرئيسية ستجد تجريبيًا لـ Tota11y يعمل على الموقع. إنها علامة تبويب سوداء صغيرة تقع في الزاوية السفلية اليسرى من الشاشة. ما عليك سوى النقر فوق ذلك لعرض موسع يغطي جميع عناصر الصفحة الرئيسية.

يتم فتح الأمر برمته تحت رخصة MIT ، لذلك من السهل التعامل معه.

يمكنك الحصول على نسخة على جيثب واستخدامها في أي شيء إلى حد كبير. يأتي Tota11y أيضًا مع مجموعة من الإضافات التي يمكنك تمديدها على البرنامج النصي الرئيسي. هذه إضافة وظيفة للتحقق من مخاوف الوصول مفصل أكثر.

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