الجمعة، 16 يناير 2009

قابلية الوصول لموقعك

حملة "دعوهم يتصفحون الويب مثلكم" تركز على فئة "المكفوفين" اللذين غابوا عن أذهان مدراء ومطوري المواقع العربية والتقنيين و المستخدمين العرب. هي همسة لـ مطوري ومدارء المواقع عند البرمجة والتصميم من أجل فئة فقدوا نعمة البصر ولم يفقدوا احساس البصيرة؛ بعزم واصرار يبحثون عن المعرفة ويطرقون شتى أبواب الويب من خلال قارئات الشاشة.

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

فيما يلي عشرة نصائح سريعة لجعل موقعك قابل للوصول:

  1. الصور والصور المتحركة: استخدم الوسم ALT لوصف وظيفة كل عنصر مرئي.

  2. خرائط الصور: استخدم الوسم map من جهة العميل مع نصوص وصفية.

  3. الوسائط المتعددة ( فلاش، فيديو ): قدّم عنوان و نسخة مكتوبه من الاصوات، و أوصاف للفيديو.

  4. الروابط التشعبيبة: استخدم نص مُعبّر حين قراءته عن محتوى الرابط عوضاً عن "انقر هنا".

  5. تنظيم الصفحة: استخدم عناوين، قوائم رقمية ونقطية، قوائم منسدلة وتنظيم هيكلي للمحتوى ثم ذيل (footer) مناسب للصفحة. يمكن ذلك باستخدام CSS للطبقات و التنسيق (layouts & style) كلما كان ذلك ممكناً.

  6. الرسوم والتخطيطات البيانية: ضعْ ملخص او استخدم الوسم longdesc

  7. السكربتات، التطبيقات، الاضافات ( scripts, applets & plug-ins ): قدّم محتوى بديل في حالة الخصائص النشطة غير مدعومة او غير مفعّلة (كـالجافا سكربت او الإجاكس).

  8. الاطارات: استخدم عنصر noframes و عناوين مُعبرة.

  9. الجداول: اجعلها قراءةً معقولة سطراً سطراً (line-by-line) ثم اعمل خلاصة.

  10. افحص عملك: تحقق باستخدام الادوات، مربعات الاختيار و الارشادات .

  11. للمزيد من النصائح زرْ نصائح قابلية الوصول للموقع من منظمة W3C و كيف تجعل مواقعك قابلةً للوصول.


اضافة لـ:

  • استخدام العناوين الوصفية.

  • تقديم المعلومات في قوائم.

  • استخدام التسلسل المنطقي.

  • كتابة الفقرات القصيرة المحملة بشكل ظاهري.

  • كتابة عناوين الصفحة الوصفية


فهذه دعوة لضرب عصفورين بحجر واحد .. و تحقيقاً لاحد أهداف الويب 2.0 : زيادة التفاعل والتواصل الاجتماعي بين الافراد و أصدقاؤنا المكفوفين. والأهم هو مساعدة هؤلاء الرائعون اللذين اقف اجلالاً لإصرارهم وعزيمتهم وقوة بصيرتهم..

مقالات مُرتبطة:

هناك 9 تعليقات:

  1. السلام عليكم:
    يشرفيني ان اكون اول من يرد على هذه المجهودات الجبارة في الرقي بالمجتمع بجميع شرائحه وخصوصا المغيبه والمنسيه عنه.
    لفته رائعة منك أسال الله ان يجعلها في موازين حسناتك وان يجزكي خيرا في الدنيا والآخره
    وشكرا

    ردحذف
  2. ما شاء الله عليك
    يا
    م
    ع
    ل
    م
    ة

    ردحذف
  3. موضوع رااائع جدا

    و ان شاء الله اكون عملت معضم الامور التي اشرتي اليها

    ردحذف
  4. المدونة المتميزة الأستاذة سلوى: لا أجد الكلمات التي بمقدورها أن تعّبر عن حرارة شكري وعظيم امتناني لشخصك الكريم على ما تفضلتِ به عبر هذه المقالة المحكمة من إسهام أراه من أفضل -إلم يكن أفضل- ما كتب حول موضوع قابلية الوصول بالعربية حتى الآن, وكل أملي أن تجد هذه الإرشادات الإنسانية بالدرجة الأولى أذنا واعية لدى عموم مبرمجي المواقع ومطوريها.

    أكرر شكري وامتناني وإلى الأمام دائما.

    ردحذف
  5. شاكر لكي علي النصائح ,
    ان شاء الله استفيد منها .

    ردحذف
  6. عزيزتي، الموضوع مذهل و مؤكد بأن هذه الشريحة من الشرائح المنسية في عالم التصفح النتي..
    اتمنى أن يعمل الكثير على تكرييس أعمالهم و صفحاتهم لتكون بين يدي اخواننا المكفوفين..
    يحتوي مقالك على الكثير من المصطلحات التقنية و التي بالنسبة للكثير هي مسلمات لغوية بينما لمن هم من أمثالي.. :)
    اعتقد انني سأسألك لاحقاً عن الكثير..
    تحياتي لجهودك..
    وشكراً

    ردحذف
  7. شكراً لكِ استاذة سلوى ،، بحجم عطائك !
    تدويناتك هنا أو في عالم التقنية ,,ساعدت الحملة بشكل كبير ،

    قد تأخرت في شكرك هنا ،
    لكن دعواتي لم تتأخر حينَ رأيت التنبيه في مدونتي ،،

    حفظكِ الرحمن ،
    تحياتي لكِ ،
    أمَـل

    ردحذف
  8. [...] بعين الإعتبار ، وكما قالت الأستاذة سلوى في مقال عن قابلية الوصول لموقعك : ” فهذه دعوة لضرب عصفورين بحجر واحد .. و تحقيقاً لاحد [...]

    ردحذف
  9. [...] للأستاذة القديرة سلوى القاسمي لكتابتها عن الحملة في مدونتها ، وكذلك في مدونة عالم التقنية [...]

    ردحذف