تدريبيةورشة للوصول قابلة عربية ويب مواقع نحو

الخاصة االحتياجات لذوي

الخنين خالد بنت منالالقحطاني عبدالله بنت أمل

الخليفة. سليمان بنت هند دالمعلومات تقنية قسم

والمعلومات الحاسب علوم كليةسعود الملك جامعة

للورشة الزمني الجدولالزمن بالدقيقة

الموضوع الجلسة

15 قابلية في عامة مفاهيمللمواقع الوصول

األولى

20 للتمييز عملية تجربةقابلة مواقع بين

غير وأخرى الوصولللوصول قابلة

15 الختبار مساعدة أدواتالوصول قابلية

الثانية

60 مواقع تصميم مبادئللوصول + قابلة

الدريم برنامج استخدامويفر

(20استراحة ) دقيقة

45 عملي تدريب الثالث15ة نقاش حلقة

5 خاتمة

تمرينتمريناأليقونة؟ هذه ورأيت سبق هل

التقنية التقنية المعينات المعينات((Assistive TechnologyAssistive Technology ))

قابلية هي ما الوصول؟

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

Cسواًء للوصول قابل ما موقع جعلذوي أو العاديين لألشخاص

ألجهزة C وأيضا الخاصة، االحتياجاتالهواتف أو الشخصية الحاسبأو الكفية الحاسبات أو النقالة

( الشاشة ( screen readerقارئات. المساندة األجهزة من وغيرها

بقابلية االهتمام بقابلية لماذا االهتمام لماذاالوصول؟الوصول؟

جميع. 1 في اإلنترنت استخدام انتشار. الحياة مجاالت

في. 2 الفرص تساوي مبدأ تحقيق. والخدمات للمعلومات الوصول

3. لموقعك. الزوار عدد في زيادة4. مادية. دوافع

قابلية في خاطئة قابلية مفاهيم في خاطئة مفاهيمالوصولالوصول

مواقع 1. هي للوصول القابلة المواقع. ورتيبة مملة

عن 2. عبارة للوصول القابلة المواقع. فقط نصية مواقع

تكلف 3. للوصول قابلة مواقع تطوير. ومال جهد

www.cssbeauty.com

www.cssliquid.com

قوانين وتشريعات

دولية دولية قوانين قوانين

• Australia• Canada• Denmark• European Union• Finland• France• Germany• Hong Kong• Israel

• India• Ireland• Italy• Japan• New Zealand• Portugal• Spain• Switzerland• United Kingdom• United States of

America

USA• Section 255 of the Telecommunications

Act

• Rehabilitation Act, Section 504

• Rehabilitation Act Amendments of 1998, Section 508

• Americans with Disabilities Act )ADA(

• Individuals with Disabilities Education Act )IDEA(

يوجد ال !عربيا

W3CW3C

العنكبوتية ) الشبكة لديها( W3Cاتحادالمخصصة المبادرات من العديد

مبادرة منها الخاصة االحتياجات لذويللويب الوصول Webقابلية

Accessibility Initiative ))

للويب الوصول قابلية مبادرة(WAI)

– WCAG - Web Content Accessibility Guidelines

– ATAG - Authoring Tool Accessibility Guidelines

– EARL - Evaluation and Report Language– UAAG - User Agent Accessibility Guidelines – WAI ARIA - Accessible Rich Internet

Applications Suite

http://www.w3.org/WAI/EO/2005/Demo

قابلية أدواتالوصول

((22--11األدوات )األدوات )

مثل )• تجارية The LIFT Machine fromأدواتUsableNet $999)

•: مجانية أدواتالويب – على خدمات

• Cynthia Says http://www.contentquality.com• Etre Accessibility Check http://

www.etre.com/tools/accessibilitycheck/

• Colorblind web page filterhttp://colorfilter.wickline.org/

((22--22)) األدواتاألدوات

•: مجانية أدواتالفايرفوكس – لمتصفح إضافات

• Firefox Accessibility Extension http://firefox.cita.uiuc.edu/

• Web development Toolbar https://addons.mozilla.org/en-US/firefox/addon/60

• Fangshttp://www.standards-schmandards.com/projects/fangs/

في مقدمةالمعايير القياسية

منظمة “ قبل من انشائها تم المعايير من مجموعة هي(W3C) العالمية الويب شبكة تسهيل اتحاد بهدف

قابليةمعها التعامل لتسهيل و ، المعلومات إلى الوصول

باستخدامو كالمتصفحات ، الويب شبكة في المتخصصة المنتجات

اإلدارة برامج و المواقع تحرير .“ برامج

(ويكيبيدياويكيبيدياموسوعة موسوعة )

بالمعايير المقصود ماالقياسية؟

المعايير إتباع من نستفيد ماذاتصميم عند القياسية

المواقع؟• ” من “ الخاصة االحتياجات ذوي تمكين و للمحتوى الوصول تسهيل

. بسهولة المعلومات شبكة استخدامالتحميل • سرعة زيادة و الموقع حجم .تصغيرواالنسجام • .التوافقالثبات.••. البحث محركات و البرامج قبل من الوصول عملية تسهيل

تصميم مبادئقابلة مواقعللوصول

مواقع تصميم مبادئ أقسامللوصول : قابلة

العامة؟ بالمبادئ المقصود ما. سوًء xحد على الويب وصفحات البرامج تصميم في المستخدمة المبادئ تلك هي

؟ العامة المبادئ تشمل ماذا علىعلى : تشمل

المختلفة • المهام إنجاز وطرق خصائص في مختلفة خيارات بوضع االهتمام . اإلعاقات بمختلف األشخاص جميع لتالًءم

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

•. فقط االختالف بغرض المستخدم توقعات عن البعيد التصميم تجنبتحذيرية .• ورسائل توضيحية بتعليقات المستخدم تزويد•. ضرورية غير تعقيدات أي إزالةالفأرة .• استخدام من C بدال المفاتيح لوحة باختصارات األوامر تزويد

الخاصة؟ بالمبادئ المقصود ماوالتي ، الويب صفحات بتصميم المتعلقة المبادئ تلك وهي

منظمة قبل من أولويات :W3Cص�نفت ثالث إلىاألولى )• الوصول (:Priority 1األولوية قابلية لتحقيق األساسية النقاط

للصور . مكافأة وبدائل وضع مثل للوصول قابليته المواقع يفقد وبفقدهاالثانية )• الموانع (:Priority 2األولوية أهم إزالة تضمن التي المبادئ

لالرتباطات . كاملة معاني وضع مثل الوصول صعبة بيئة تتوفر وبفقدهاالثالثة )• قابلية (:Priority 3األولوية من C كثيرا تحسن التي المبادئ

كتابة مثل C احيانا للوصول صعوبة الموقع يكسب قد وفقدها الوصوللالختصارات . الكامل المعنى

) تابع ) الخاصة المبادئمنظمة التي المبادئ أهم قابلة w3cمن مواقع لتحقيق

التالي النحو على تلخيصها فيمكن وضعتها : للوصول•. والبصري السمعي للمحتوى مكافأة بدائل توفيروحده .• اللون على االعتماد تجنبالتوصيف )• النمط( )mark upاستخدام أوراق style sheets)و

. المناسب بالشكل•. واضحة لغة استخدام•.. للعرض كوسيلة الجداول استخدام تجنب

التقنيات • مع الويب صفحات توافق من تأكد. والقديمة الجديدة

بالتغييرات • بالتحكم المستخدم قدرة من التأكد. بالتوقيت تتأثر التي

•. الصفحة لعناصر الوصول طرق تعدد•. واضحة تصفح آليات توفيرفي • المستخدم موقع وتحديد البحث إمكانية

الموقع صفحات

) تابع ) الخاصة المبادئ

صفحات تصميمللوصول قابلة

برنامج باستخدامويفر الدريم

)Dreamweaver(

مواقع وبرمجة تصميم برامج أفضل من هومعظم ويدعم اللغات php ، aspالويب

اإللكترونية المواقع برمجة في المستخدمة java script ، html .مثل

نوع من البيانات قواعد مع بسهولة ويتعاملMysql تقنية . Ajax ويدعم

 

ويفر؟ الدريم ماهو

وهو   ويفر الدريم لبرنامج األول اإلصدار منذإنشاًء في رائع وتصميم منفردة رؤية يحمل

يميز ما وأهم وإداراتها اإلنترنت مواقعأن بمعنى القياسية هو ويفر الدريم برنامجيخضع ويفر الدريم باستخدام الناتج الكود

كود بإنتاج يتميز كما ، القياسية للمعاييردون كبير حد إلى ومفهوم واضح و محدد

خالل من وذلك الكود كتابة إلى الحاجة. البرنامج وخيارات أدوات

ويفر؟ الدريم لماذا

عرضتطبيقي

عملي تطبيقص الورشة لكتيب الرجوع 40برجاًء

نقاش

صعب؟ • القياسية المعايير تطبيق هلبأهمية • الوعي زيادة يمكن كيف

الوصول؟ قابليةالورشة؟ • بعد دورك هو ما

خاتمة

بأهمية • الوعي نشر في المساهمة. الوصول قابلية

•. القياسية المعايير على التعرفلقابلية • قانون صياغة على الحث

. العربي العالم في الوصول

لكم Pشكرا !