8 أدوات لقياس مدى قابلية الوصول لموقعك

مدرج تحت قسم: أدوات
30 سبتمبر 2009

8 أدوات لقياس مدى قابلية الوصول لموقعك

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

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

Wave: Web Accessbility Evaluation Tool

webaim-wave

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

Image Analyzer

image-analyzer

لتقييم الصور لديك، استخدم أداة Image Analyzer، والتي تفحص الصور الموجودة على الصفحة التي تريد تقييمها. لإدراج صور تكون مطابقة لمعايير قابلية الوصول في مستند HTML، يجب عليك الحفاظ على بعض الخواص لهذه الصور، منها width ،height ،alt، و longdesc. وهذه الخواص هي ما تفحصها هذه الأداة لموقعك.

Color Blindness Simulator

colourblindness

هناك شخص واحد تقريباً من بين كل 20 شخص لديه نوع من أنواع عمى الألوان، مما يكون عائقاً لهم في رؤية صفحات الويب الملونة كما يراها الأشخاص العاديين. أداة Colour Blindness Simulator تتيح لك تحميل صور موقعك، ومن ثمّ رؤيتها كيف تكون للأشخاص الذين لديهم أي نوع من عمى الألوان الذي تحدده.

AccessColor

access-color

أداة AccessColor تفحص مدى تباين وسطوع الألوان، بين الألوان الأمامية foreground والألوان الخلفية background، لكل العناصر في شجرة DOM؛ للتأكد من أن التباين عالي بدرجة كافية للأشخاص الذين لديهم بعض الإعاقات البصرية. تتيح هذه الأداة من إيجاد توليفات الألوان بداخل مستندات HTML وCSS بدلاً من أن البحث عنها يدوياً. وفي النهاية تعطيك تقريراً تفصيليلاً بالألوان الموجودة في الموقع.

UITest.com

uitest

أداة تجمع بعض الأدوات الموجودة على الويب لفحص قابلية الوصول إلى موقعك، فبدلاً من تعبئة الطلبات، والذهاب إلى العديد من المواقع لفحص مدى قابلية الوصول، فإن أداة UITest تطلب منك الرابط الذي تريد فحصه، ومن ثمّ تعرض عليك أهم الأدوات الموجودة على الويب لفحص موقعك.

BrowserShots

browser-shots

يتيح لك موقع BrowserShots أخذ صورة عن موقعك على جميع المتصفحات الموجودة (والمندثرة) على وجه المعمورة، وأيضا على أغلب أنظمة التشغيل. آلية عمل الموقع هي كالآتي، عندما ترسل إليهم رابط الموقع يقومون بنشره على عدد من الخوادم التي تشغل هذه المتصفحات وبعد بعض الوقت -تأخذ الخدمة القليل من الوقت فكن صبوراً- ستكون الصور جاهزة على الموقع لرؤيتها. ويمكنك أيضاً من تحديد بعض الخيارات كتعطيل تقنية Flash، اختيار نسخة JavaScript، تحديد حجم الشاشة، تعطيل محرّك Java، أو اختيار عمق الألوان التي تريدها.

W3 Semantic data extraction

semantic-data-extraction

كما تعوّدنا من منظمة W3C من أدوات التحقق الممتازة، تأتينا بأداة “استخراج البيانات الدلالية”. حفاظك على بياناتك الموجودة على موقعك بنظام ذو مدلول ليس فقط للمستخدمين البشر، ولكن للمستخدمين الآليين أو الحواسيب، يعني أن المعلومات سيتم الوصول إليها بطريقة أفضل، وأرشفتها بطريقة تُسهّل على الحواسيب قرائتها وفهمها.

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

SEO Browser

seo-browser

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

عن الكاتب

عبدالرحمن العتيبة أحد مؤسسي ورئيس التحرير في موقع المشروع، يهوى برمجة وتطوير الويب بكافة أنواعها، وله خبرة تتعدى 10 سنوات في هذا المجال، يعتبر نفسه من "أشد" مناصري المصادر المفتوحة، وأنها "في يوم ما" ستقضي على كل برنامج محتكر ومغلق مصدره. يعتقد بوجود القمر، ولكنه للأسف لم يصل إليه إلى الآن. يمكنك متابعته على twitter وعلى مدونته.

  • Share/Bookmark

التعليقات (3) على ”8 أدوات لقياس مدى قابلية الوصول لموقعك“

  1. مقاله رائعه كالعادة حبيبى
    اعرف بعض من هذه الأدوات – لكن البعض الآخر لعلى أطلع عليه لأول مره
    فجزاك الله عنا كل الخير للإفاده :)
    تحيتى لك أستاذى

  2. الله يطول في عمرك اخوي هذة بدايتي اول رد لمتابعة مدونتك وان شاء الله نستفيد من خبرتك

  3. أشكرك كثيرًا أخي بارك الله فيك , أدوات رائعة :)

أضف تعليقك




يمكنك استخدام الوسوم التالية في التعليق: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


* حقول مطلوبة