Accessbility Workshop
-
Upload
amal-abduallah -
Category
Technology
-
view
1.931 -
download
0
description
Transcript of Accessbility Workshop
![Page 1: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/1.jpg)
تدريبيةورشة للوصول قابلة عربية ويب مواقع نحو
الخاصة االحتياجات لذوي
الخنين خالد بنت منالالقحطاني عبدالله بنت أمل
الخليفة. سليمان بنت هند دالمعلومات تقنية قسم
والمعلومات الحاسب علوم كليةسعود الملك جامعة
![Page 2: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/2.jpg)
للورشة الزمني الجدولالزمن بالدقيقة
الموضوع الجلسة
15 قابلية في عامة مفاهيمللمواقع الوصول
األولى
20 للتمييز عملية تجربةقابلة مواقع بين
غير وأخرى الوصولللوصول قابلة
15 الختبار مساعدة أدواتالوصول قابلية
الثانية
60 مواقع تصميم مبادئللوصول + قابلة
الدريم برنامج استخدامويفر
(20استراحة ) دقيقة
45 عملي تدريب الثالث15ة نقاش حلقة
5 خاتمة
![Page 3: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/3.jpg)
تمرينتمريناأليقونة؟ هذه ورأيت سبق هل
![Page 4: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/4.jpg)
التقنية التقنية المعينات المعينات((Assistive TechnologyAssistive Technology ))
![Page 5: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/5.jpg)
قابلية هي ما الوصول؟
![Page 6: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/6.jpg)
للمواقع الوصول للمواقع قابلية الوصول قابلية
Cسواًء للوصول قابل ما موقع جعلذوي أو العاديين لألشخاص
ألجهزة C وأيضا الخاصة، االحتياجاتالهواتف أو الشخصية الحاسبأو الكفية الحاسبات أو النقالة
( الشاشة ( screen readerقارئات. المساندة األجهزة من وغيرها
![Page 7: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/7.jpg)
بقابلية االهتمام بقابلية لماذا االهتمام لماذاالوصول؟الوصول؟
جميع. 1 في اإلنترنت استخدام انتشار. الحياة مجاالت
في. 2 الفرص تساوي مبدأ تحقيق. والخدمات للمعلومات الوصول
3. لموقعك. الزوار عدد في زيادة4. مادية. دوافع
![Page 8: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/8.jpg)
قابلية في خاطئة قابلية مفاهيم في خاطئة مفاهيمالوصولالوصول
مواقع 1. هي للوصول القابلة المواقع. ورتيبة مملة
عن 2. عبارة للوصول القابلة المواقع. فقط نصية مواقع
تكلف 3. للوصول قابلة مواقع تطوير. ومال جهد
![Page 10: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/10.jpg)
قوانين وتشريعات
![Page 11: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/11.jpg)
دولية دولية قوانين قوانين
• 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
![Page 12: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/12.jpg)
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(
![Page 13: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/13.jpg)
يوجد ال !عربيا
![Page 14: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/14.jpg)
W3CW3C
العنكبوتية ) الشبكة لديها( W3Cاتحادالمخصصة المبادرات من العديد
مبادرة منها الخاصة االحتياجات لذويللويب الوصول Webقابلية
Accessibility Initiative ))
![Page 15: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/15.jpg)
للويب الوصول قابلية مبادرة(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
![Page 17: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/17.jpg)
قابلية أدواتالوصول
![Page 18: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/18.jpg)
((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/
![Page 19: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/19.jpg)
((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/
![Page 20: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/20.jpg)
في مقدمةالمعايير القياسية
![Page 21: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/21.jpg)
منظمة “ قبل من انشائها تم المعايير من مجموعة هي(W3C) العالمية الويب شبكة تسهيل اتحاد بهدف
قابليةمعها التعامل لتسهيل و ، المعلومات إلى الوصول
باستخدامو كالمتصفحات ، الويب شبكة في المتخصصة المنتجات
اإلدارة برامج و المواقع تحرير .“ برامج
(ويكيبيدياويكيبيدياموسوعة موسوعة )
بالمعايير المقصود ماالقياسية؟
![Page 22: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/22.jpg)
المعايير إتباع من نستفيد ماذاتصميم عند القياسية
المواقع؟• ” من “ الخاصة االحتياجات ذوي تمكين و للمحتوى الوصول تسهيل
. بسهولة المعلومات شبكة استخدامالتحميل • سرعة زيادة و الموقع حجم .تصغيرواالنسجام • .التوافقالثبات.••. البحث محركات و البرامج قبل من الوصول عملية تسهيل
![Page 23: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/23.jpg)
تصميم مبادئقابلة مواقعللوصول
![Page 24: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/24.jpg)
مواقع تصميم مبادئ أقسامللوصول : قابلة
![Page 25: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/25.jpg)
العامة؟ بالمبادئ المقصود ما. سوًء xحد على الويب وصفحات البرامج تصميم في المستخدمة المبادئ تلك هي
؟ العامة المبادئ تشمل ماذا علىعلى : تشمل
المختلفة • المهام إنجاز وطرق خصائص في مختلفة خيارات بوضع االهتمام . اإلعاقات بمختلف األشخاص جميع لتالًءم
خاصة • حاجات تقنية ولكل مساعدة تقنيات يستخدم من من هناك بد فالتذكرها .
•. فقط االختالف بغرض المستخدم توقعات عن البعيد التصميم تجنبتحذيرية .• ورسائل توضيحية بتعليقات المستخدم تزويد•. ضرورية غير تعقيدات أي إزالةالفأرة .• استخدام من C بدال المفاتيح لوحة باختصارات األوامر تزويد
![Page 26: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/26.jpg)
الخاصة؟ بالمبادئ المقصود ماوالتي ، الويب صفحات بتصميم المتعلقة المبادئ تلك وهي
منظمة قبل من أولويات :W3Cص�نفت ثالث إلىاألولى )• الوصول (:Priority 1األولوية قابلية لتحقيق األساسية النقاط
للصور . مكافأة وبدائل وضع مثل للوصول قابليته المواقع يفقد وبفقدهاالثانية )• الموانع (:Priority 2األولوية أهم إزالة تضمن التي المبادئ
لالرتباطات . كاملة معاني وضع مثل الوصول صعبة بيئة تتوفر وبفقدهاالثالثة )• قابلية (:Priority 3األولوية من C كثيرا تحسن التي المبادئ
كتابة مثل C احيانا للوصول صعوبة الموقع يكسب قد وفقدها الوصوللالختصارات . الكامل المعنى
![Page 27: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/27.jpg)
) تابع ) الخاصة المبادئمنظمة التي المبادئ أهم قابلة w3cمن مواقع لتحقيق
التالي النحو على تلخيصها فيمكن وضعتها : للوصول•. والبصري السمعي للمحتوى مكافأة بدائل توفيروحده .• اللون على االعتماد تجنبالتوصيف )• النمط( )mark upاستخدام أوراق style sheets)و
. المناسب بالشكل•. واضحة لغة استخدام•.. للعرض كوسيلة الجداول استخدام تجنب
![Page 28: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/28.jpg)
التقنيات • مع الويب صفحات توافق من تأكد. والقديمة الجديدة
بالتغييرات • بالتحكم المستخدم قدرة من التأكد. بالتوقيت تتأثر التي
•. الصفحة لعناصر الوصول طرق تعدد•. واضحة تصفح آليات توفيرفي • المستخدم موقع وتحديد البحث إمكانية
الموقع صفحات
) تابع ) الخاصة المبادئ
![Page 29: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/29.jpg)
صفحات تصميمللوصول قابلة
برنامج باستخدامويفر الدريم
)Dreamweaver(
![Page 30: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/30.jpg)
مواقع وبرمجة تصميم برامج أفضل من هومعظم ويدعم اللغات php ، aspالويب
اإللكترونية المواقع برمجة في المستخدمة java script ، html .مثل
نوع من البيانات قواعد مع بسهولة ويتعاملMysql تقنية . Ajax ويدعم
ويفر؟ الدريم ماهو
![Page 31: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/31.jpg)
وهو ويفر الدريم لبرنامج األول اإلصدار منذإنشاًء في رائع وتصميم منفردة رؤية يحمل
يميز ما وأهم وإداراتها اإلنترنت مواقعأن بمعنى القياسية هو ويفر الدريم برنامجيخضع ويفر الدريم باستخدام الناتج الكود
كود بإنتاج يتميز كما ، القياسية للمعاييردون كبير حد إلى ومفهوم واضح و محدد
خالل من وذلك الكود كتابة إلى الحاجة. البرنامج وخيارات أدوات
ويفر؟ الدريم لماذا
![Page 32: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/32.jpg)
عرضتطبيقي
![Page 33: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/33.jpg)
عملي تطبيقص الورشة لكتيب الرجوع 40برجاًء
![Page 34: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/34.jpg)
نقاش
صعب؟ • القياسية المعايير تطبيق هلبأهمية • الوعي زيادة يمكن كيف
الوصول؟ قابليةالورشة؟ • بعد دورك هو ما
![Page 35: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/35.jpg)
خاتمة
بأهمية • الوعي نشر في المساهمة. الوصول قابلية
•. القياسية المعايير على التعرفلقابلية • قانون صياغة على الحث
. العربي العالم في الوصول
![Page 36: Accessbility Workshop](https://reader034.fdocuments.net/reader034/viewer/2022051817/547a190ab4af9fd3158b49e9/html5/thumbnails/36.jpg)
لكم Pشكرا !