Your SlideShare is downloading. ×
האם ויקיפדיה מונגשת לאנשים עם מוגבלויות?
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

832
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
832
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ‫האם ויקיפדיה מונגשת‬‫לאנשים עם מוגבלויות?‬ ‫אילנה בייניש, נגישות ישראל‬ ‫אייל סלע, איגוד האינטרנט הישראלי‬
  • 2. ‫תוכנית‬ ‫• מהי נגישות‬ ‫• כלים‬ ‫• 0.2 ‪ WCAG‬וווקיפדיה‬‫2‬
  • 3. ‫מהי‬ ‫נגישות‬‫3‬
  • 4. ‫מוגבלויות המשפיעות על השימוש באינטרנט:‬ ‫(קוראי מסך, ברייל)‬ ‫עיוורון‬ ‫•‬ ‫ראייה לקויה (מגדילי מסך)‬ ‫•‬ ‫עיוורון צבעים‬ ‫•‬ ‫שמיעה‬ ‫•‬ ‫קוגניציה‬ ‫•‬ ‫מוטוריקה (עזרי ניווט, אי שימוש בעכבר)‬ ‫•‬‫4‬
  • 5. ‫מהו אתר נגיש?‬ ‫אתר המאפשר לאנשים עם מוגבלות לגלוש באותה רמה‬ ‫של יעילות והנאה ככל הגולשים.‬‫5‬
  • 6. ‫נגישות זה גם....‬ ‫(יותר קהל, יותר מצליחים להשתמש)‬ ‫‪ROI‬‬ ‫•‬ ‫‪( SEO‬פשוט ככה...)‬ ‫•‬ ‫שימושיות (תת קבוצה)‬ ‫•‬ ‫‪( Mobile‬יש חפיפה בין צרכי המשתמשים)‬ ‫•‬ ‫מקצועיות (מרגישים את ההבדל)‬ ‫•‬ ‫חוק (בקרוב...)‬ ‫•‬ ‫שוק מתרחב (עלייה בתוחלת החיים)‬ ‫•‬‫6‬
  • 7. ‫אה כן...‬ ‫אנשים‬‫7‬
  • 8. ‫על מה אנחנו‬ ‫מדברים?‬‫8‬
  • 9. ‫0.2 )‪(WCAG‬הנחיות להנגשת תכני אתרי אינטרנט‬ ‫2‪• j.mp/w3av‬‬‫9‬
  • 10. ‫4 עקרונות‬ ‫‪‬‬ ‫21 קווים מנחים‬ ‫‪‬‬ ‫מדדי הצלחה‬ ‫)‪)‬‬ ‫שיטות‬‫‪j.mp/w3ada‬‬‫01‬
  • 11. ‫שלוש רמות נגישות – ‪AAA ,AA ,A‬‬‫11‬
  • 12. ‫כלים‬‫21‬
  • 13. nagish.org.il13
  • 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. Techniques for WCAG 2.0 (single file) j.mp/w3il64 • 1515
  • 16. ‫0.2 ‪WCAG‬‬ ‫ווקיפדיה‬‫61‬
  • 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. ‫הדגמה - כתיבת ערך בויקיפדיה‬‫81‬
  • 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. ‫עקרון 1: נתפס‬ ‫ניתן לתפוס מבחינה חושית (‪)perceive‬‬ ‫את תוכן האתר.‬‫02‬
  • 21. ‫1.1 חלופה טקסטואלית‬ ‫(תיאור תמונה, חלופה ל-‪) CAPTCHA‬‬‫05‪j.mp/w3il‬‬‫12‬
  • 22. alt-‫שימוש ב‬ alt=A red flag divided into four by a white cross slightly offset to the left.j.mp/w3il5122
  • 23. ‫ראיה‬ ‫שמיעה‬www.google.com/recaptcha23 23
  • 24. ‫2.1 חלופות עבור מדיה מבוססת-זמן‬ ‫כתוביות לוידאו או קול, תיאורים כתובים של צלילים משמעותיים,‬ ‫תיאורי אודיו למידע חזותי משמעותי‬‫42‬
  • 25. Universal Subtitles25 universalsubtitles.org
  • 26. ‫3.1 תוכן הניתן להתאמה‬ ‫תגיות נכונות וסמנטיות, הפרדת תוכן מעיצוב, קרבה בין‬ ‫אלמנטים קשורים, זיהוי כותרות ורשימות‬‫62‬
  • 27. ‫• בעריכת הטקסט הימנעו ככל האפשר משבירת שורה‬ ‫• דיאגראמות ותמונות דו צבעיות – עדיף שחור על לבן‬ ‫• הבניית ערכים (על פי כללי העיצוב...)‬‫72‬
  • 28. ‫• תקציר ) "…"=‪)summary‬‬ ‫• כותרות עמודות ושורות ( ! )‬ ‫• כותרת הטבלה (+| )‬‫82‬
  • 29. ‫4.1 בר הבחנה‬ ‫• הפרדת חזית מרקע – אי שימוש בצבע בלבד למשמעות, אי‬ ‫שימוש בתמונה כטקסט, ניגודיות‬‫92‬
  • 30. ‫שימוש בצבע‬ ‫הדגישו גם באמצעות עיבוי, הוספת מסגרת , שינוי רקע‬ ‫1‬‫8‪j.mp/w3ad‬‬‫03‬
  • 31. ‫ניגוד-צבעים‬ ‫•כי קשה של לפחות כאשר אין מספיק‬ ‫יחס-ניגוד לקרוא 1:5.4‬ ‫ניגודיות‬‫)השתמשו בבודק ניגודיות: 9‪(j.mp/cont123 ,j.mp/w3ad‬‬‫13‬
  • 32. ‫עקרון 2: ניתן להפעלה‬‫23‬
  • 33. ‫4.2 קלות ניווט ומציאת מידע‬ ‫• מספר דרכים לאותו תוכן, דפים מובנים עם כותרות‬ ‫נכונות, קישורים ברורים‬‫33‬
  • 34. ‫מבנה ערכים - צפוי‬ ‫למשל:‬ ‫• תבנית {{פירוש נוסף}} צריכה להיות הראשונה בערך,‬ ‫לפני כל תמונה או טקסט אחר‬ ‫• תבנית הפניה לערך מורחב צריכה לבוא מיד לאחר‬ ‫כותרת הסעיף אליו היא קשורה.‬ ‫• הימנעו מהצבת שורות כתובות לצידו של תוכן‬ ‫העניינים, או במקומות אחרים שבהם לא מקובל‬ ‫להציבן.‬‫43‬
  • 35. ‫טקסט בעל משמעות בקישורים‬ ‫‪ X‬לקריאת התוכנית המלאה לחץ כאן‬ ‫קראו את התוכנית המלאה‬ ‫‪V‬‬‫53‬
  • 36. ‫כותרות והיררכיה!‬‫63‬
  • 37. ‫עקרון 3: ניתן להבנה‬‫73‬
  • 38. ‫1.3 טקסט בר הבנה‬ ‫רמת הטקסט, פירוש קיצורים וזרגון‬‫83‬
  • 39. ‫• הימנעו מיצירת קישורים עודפים שאינם דרושים‬ ‫להבנת המאמר.‬ ‫• בעריכה:‬ ‫• השתמשו בקוד קצר‬ ‫"[[ישראל|ישראלים]]" לעומת "[[ישראל]]ים"‬‫93‬
  • 40. ‫עזרה‬ ‫- קישור לטקסט עזרה‬ ‫- הצגת דוגמאות לערכים נכונים‬‫04‬
  • 41. ‫• מחקת ערך בעל כתיב שגוי – ציין כתיב נכון.‬ ‫דוגמה:‬ ‫במחיקת ההפניה השגויה "אנטארטיקה" יש לכתוב:‬ ‫מפעיל מערכת פלוני מחק את "אנטארטיקה" (כתיב שגוי‬ ‫ל-אנטארקטיקה).‬‫14‬
  • 42. WAI-ARIA…42
  • 43. ‫אייל סלע‬ ‫אילנה בייניש‬ ‫‪eyal@isoc.org.il‬‬ ‫‪benish.ilana@gmail.com‬‬ ‫השתמשו במצגת -‬ ‫המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד‬ ‫האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 5.2 ישראל (5.2 ‪")CC BY‬‬ ‫מידע נוסף על רישיון השימוש: ‪creativecommons.org/licenses/by/2.5/il‬‬ ‫הנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.‬‫34‬