Successfully reported this slideshow.

האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?

1,176 views

Published on

  • Be the first to comment

  • Be the first to like this

האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?

  1. 1. ‫האם ויקיפדיה מונגשת‬‫לאנשים עם מוגבלויות?‬ ‫אילנה בייניש, נגישות ישראל‬ ‫אייל סלע, איגוד האינטרנט הישראלי‬
  2. 2. ‫תוכנית‬ ‫• מהי נגישות‬ ‫• כלים‬ ‫• 0.2 ‪ WCAG‬וווקיפדיה‬‫2‬
  3. 3. ‫מהי‬ ‫נגישות‬‫3‬
  4. 4. ‫מוגבלויות המשפיעות על השימוש באינטרנט:‬ ‫(קוראי מסך, ברייל)‬ ‫עיוורון‬ ‫•‬ ‫ראייה לקויה (מגדילי מסך)‬ ‫•‬ ‫עיוורון צבעים‬ ‫•‬ ‫שמיעה‬ ‫•‬ ‫קוגניציה‬ ‫•‬ ‫מוטוריקה (עזרי ניווט, אי שימוש בעכבר)‬ ‫•‬‫4‬
  5. 5. ‫מהו אתר נגיש?‬ ‫אתר המאפשר לאנשים עם מוגבלות לגלוש באותה רמה‬ ‫של יעילות והנאה ככל הגולשים.‬‫5‬
  6. 6. ‫נגישות זה גם....‬ ‫(יותר קהל, יותר מצליחים להשתמש)‬ ‫‪ROI‬‬ ‫•‬ ‫‪( SEO‬פשוט ככה...)‬ ‫•‬ ‫שימושיות (תת קבוצה)‬ ‫•‬ ‫‪( Mobile‬יש חפיפה בין צרכי המשתמשים)‬ ‫•‬ ‫מקצועיות (מרגישים את ההבדל)‬ ‫•‬ ‫חוק (בקרוב...)‬ ‫•‬ ‫שוק מתרחב (עלייה בתוחלת החיים)‬ ‫•‬‫6‬
  7. 7. ‫אה כן...‬ ‫אנשים‬‫7‬
  8. 8. ‫על מה אנחנו‬ ‫מדברים?‬‫8‬
  9. 9. ‫0.2 )‪(WCAG‬הנחיות להנגשת תכני אתרי אינטרנט‬ ‫2‪• j.mp/w3av‬‬‫9‬
  10. 10. ‫4 עקרונות‬ ‫‪‬‬ ‫21 קווים מנחים‬ ‫‪‬‬ ‫מדדי הצלחה‬ ‫)‪)‬‬ ‫שיטות‬‫‪j.mp/w3ada‬‬‫01‬
  11. 11. ‫שלוש רמות נגישות – ‪AAA ,AA ,A‬‬‫11‬
  12. 12. ‫כלים‬‫21‬
  13. 13. nagish.org.il13
  14. 14. j.mp/accpyk1 - ‫ויקיפדיה:נגישות‬ • j.mp/wikiacc - Manual of Style/Accessibility • j.mp/wikialt - Alternative text for images • j.mp/wikibgac – ‫באגים בנושא נגישות בוויקיפדיה‬ • j.mp/accadvc - Accessibility advocates •14
  15. 15. Techniques for WCAG 2.0 (single file) j.mp/w3il64 • 1515
  16. 16. ‫0.2 ‪WCAG‬‬ ‫ווקיפדיה‬‫61‬
  17. 17. “It should be noted that Wikipedias design is already quite accessible… Bravo!.. But there are still a few things we can do, especially in the area of recommendations about how to write articles” meta.wikimedia.org/wiki/Accessibility17
  18. 18. ‫הדגמה - כתיבת ערך בויקיפדיה‬‫81‬
  19. 19. ‫21 הקווים המנחים‬ ‫3. נהירּות‬ ‫1. תפיסה‬ ‫1.3 קריאּות‬ ‫1.1 חלופה טקסטואלית‬ ‫2.3 תפקוד באופן צפוי‬ ‫2.1 מדיה מבוססת־זמן‬ ‫3.1 גמישות‬ ‫3.3 עזרה בהזנת קלט‬ ‫4.1 הבחנה‬ ‫4. יציבות‬ ‫2. תפעול‬ ‫1.4 תאימּות‬ ‫1.2 נגישות מהמקלדת‬ ‫2.2 משך־זמן מספיק‬ ‫3.2 מניעת התקפים אפילפטיים‬ ‫4.2 ניווט נוח‬‫91‬
  20. 20. ‫עקרון 1: נתפס‬ ‫ניתן לתפוס מבחינה חושית (‪)perceive‬‬ ‫את תוכן האתר.‬‫02‬
  21. 21. ‫1.1 חלופה טקסטואלית‬ ‫(תיאור תמונה, חלופה ל-‪) CAPTCHA‬‬‫05‪j.mp/w3il‬‬‫12‬
  22. 22. alt-‫שימוש ב‬ alt=A red flag divided into four by a white cross slightly offset to the left.j.mp/w3il5122
  23. 23. ‫ראיה‬ ‫שמיעה‬www.google.com/recaptcha23 23
  24. 24. ‫2.1 חלופות עבור מדיה מבוססת-זמן‬ ‫כתוביות לוידאו או קול, תיאורים כתובים של צלילים משמעותיים,‬ ‫תיאורי אודיו למידע חזותי משמעותי‬‫42‬
  25. 25. Universal Subtitles25 universalsubtitles.org
  26. 26. ‫3.1 תוכן הניתן להתאמה‬ ‫תגיות נכונות וסמנטיות, הפרדת תוכן מעיצוב, קרבה בין‬ ‫אלמנטים קשורים, זיהוי כותרות ורשימות‬‫62‬
  27. 27. ‫• בעריכת הטקסט הימנעו ככל האפשר משבירת שורה‬ ‫• דיאגראמות ותמונות דו צבעיות – עדיף שחור על לבן‬ ‫• הבניית ערכים (על פי כללי העיצוב...)‬‫72‬
  28. 28. ‫• תקציר ) "…"=‪)summary‬‬ ‫• כותרות עמודות ושורות ( ! )‬ ‫• כותרת הטבלה (+| )‬‫82‬
  29. 29. ‫4.1 בר הבחנה‬ ‫• הפרדת חזית מרקע – אי שימוש בצבע בלבד למשמעות, אי‬ ‫שימוש בתמונה כטקסט, ניגודיות‬‫92‬
  30. 30. ‫שימוש בצבע‬ ‫הדגישו גם באמצעות עיבוי, הוספת מסגרת , שינוי רקע‬ ‫1‬‫8‪j.mp/w3ad‬‬‫03‬
  31. 31. ‫ניגוד-צבעים‬ ‫•כי קשה של לפחות כאשר אין מספיק‬ ‫יחס-ניגוד לקרוא 1:5.4‬ ‫ניגודיות‬‫)השתמשו בבודק ניגודיות: 9‪(j.mp/cont123 ,j.mp/w3ad‬‬‫13‬
  32. 32. ‫עקרון 2: ניתן להפעלה‬‫23‬
  33. 33. ‫4.2 קלות ניווט ומציאת מידע‬ ‫• מספר דרכים לאותו תוכן, דפים מובנים עם כותרות‬ ‫נכונות, קישורים ברורים‬‫33‬
  34. 34. ‫מבנה ערכים - צפוי‬ ‫למשל:‬ ‫• תבנית {{פירוש נוסף}} צריכה להיות הראשונה בערך,‬ ‫לפני כל תמונה או טקסט אחר‬ ‫• תבנית הפניה לערך מורחב צריכה לבוא מיד לאחר‬ ‫כותרת הסעיף אליו היא קשורה.‬ ‫• הימנעו מהצבת שורות כתובות לצידו של תוכן‬ ‫העניינים, או במקומות אחרים שבהם לא מקובל‬ ‫להציבן.‬‫43‬
  35. 35. ‫טקסט בעל משמעות בקישורים‬ ‫‪ X‬לקריאת התוכנית המלאה לחץ כאן‬ ‫קראו את התוכנית המלאה‬ ‫‪V‬‬‫53‬
  36. 36. ‫כותרות והיררכיה!‬‫63‬
  37. 37. ‫עקרון 3: ניתן להבנה‬‫73‬
  38. 38. ‫1.3 טקסט בר הבנה‬ ‫רמת הטקסט, פירוש קיצורים וזרגון‬‫83‬
  39. 39. ‫• הימנעו מיצירת קישורים עודפים שאינם דרושים‬ ‫להבנת המאמר.‬ ‫• בעריכה:‬ ‫• השתמשו בקוד קצר‬ ‫"[[ישראל|ישראלים]]" לעומת "[[ישראל]]ים"‬‫93‬
  40. 40. ‫עזרה‬ ‫- קישור לטקסט עזרה‬ ‫- הצגת דוגמאות לערכים נכונים‬‫04‬
  41. 41. ‫• מחקת ערך בעל כתיב שגוי – ציין כתיב נכון.‬ ‫דוגמה:‬ ‫במחיקת ההפניה השגויה "אנטארטיקה" יש לכתוב:‬ ‫מפעיל מערכת פלוני מחק את "אנטארטיקה" (כתיב שגוי‬ ‫ל-אנטארקטיקה).‬‫14‬
  42. 42. WAI-ARIA…42
  43. 43. ‫אייל סלע‬ ‫אילנה בייניש‬ ‫‪eyal@isoc.org.il‬‬ ‫‪benish.ilana@gmail.com‬‬ ‫השתמשו במצגת -‬ ‫המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד‬ ‫האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 5.2 ישראל (5.2 ‪")CC BY‬‬ ‫מידע נוסף על רישיון השימוש: ‪creativecommons.org/licenses/by/2.5/il‬‬ ‫הנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.‬‫34‬

×