SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
‫האם ויקיפדיה מונגשת‬
‫לאנשים עם מוגבלויות?‬
               ‫אילנה בייניש, נגישות ישראל‬
         ‫אייל סלע, איגוד האינטרנט הישראלי‬
‫תוכנית‬

                  ‫• מהי נגישות‬
                        ‫• כלים‬
        ‫• 0.2 ‪ WCAG‬וווקיפדיה‬




‫2‬
‫מהי‬
    ‫נגישות‬
‫3‬
‫מוגבלויות המשפיעות על השימוש באינטרנט:‬

                         ‫(קוראי מסך, ברייל)‬     ‫עיוורון‬   ‫•‬
                       ‫ראייה לקויה (מגדילי מסך)‬           ‫•‬
                                        ‫עיוורון צבעים‬     ‫•‬
                                               ‫שמיעה‬      ‫•‬
                                              ‫קוגניציה‬    ‫•‬
                ‫מוטוריקה (עזרי ניווט, אי שימוש בעכבר)‬     ‫•‬



‫4‬
‫מהו אתר נגיש?‬

    ‫אתר המאפשר לאנשים עם מוגבלות לגלוש באותה רמה‬
                       ‫של יעילות והנאה ככל הגולשים.‬




‫5‬
‫נגישות זה גם....‬

       ‫(יותר קהל, יותר מצליחים להשתמש)‬     ‫‪ROI‬‬   ‫•‬
                           ‫‪( SEO‬פשוט ככה...)‬     ‫•‬
                     ‫שימושיות (תת קבוצה)‬         ‫•‬
      ‫‪( Mobile‬יש חפיפה בין צרכי המשתמשים)‬        ‫•‬
             ‫מקצועיות (מרגישים את ההבדל)‬         ‫•‬
                                ‫חוק (בקרוב...)‬   ‫•‬
        ‫שוק מתרחב (עלייה בתוחלת החיים)‬           ‫•‬
‫6‬
‫אה כן...‬


               ‫אנשים‬


‫7‬
‫על מה אנחנו‬
      ‫מדברים?‬

‫8‬
‫0.2 )‪(WCAG‬הנחיות להנגשת תכני אתרי אינטרנט‬

                                  ‫2‪• j.mp/w3av‬‬




‫9‬
‫4 עקרונות‬
                   ‫‪‬‬
             ‫21 קווים מנחים‬
                   ‫‪‬‬
              ‫מדדי הצלחה‬
                  ‫)‪)‬‬
                 ‫שיטות‬
‫‪j.mp/w3ada‬‬
‫01‬
‫שלוש רמות נגישות – ‪AAA ,AA ,A‬‬




‫11‬
‫כלים‬


‫21‬
nagish.org.il




13
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
Techniques for WCAG 2.0 (single file)

                             j.mp/w3il64 •




                                         15
15
‫0.2 ‪WCAG‬‬
      ‫ווקיפדיה‬

‫61‬
“It should be noted that Wikipedia's 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/Accessibility



17
‫הדגמה - כתיבת ערך בויקיפדיה‬




‫81‬
‫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‬
‫עקרון 1: נתפס‬

     ‫ניתן 'לתפוס' מבחינה חושית (‪)perceive‬‬
                          ‫את תוכן האתר.‬




‫02‬
‫1.1 חלופה טקסטואלית‬
                ‫(תיאור תמונה, חלופה ל-‪) CAPTCHA‬‬




‫05‪j.mp/w3il‬‬
‫12‬
alt-‫שימוש ב‬




  alt=A red flag divided into four by a white cross slightly offset to the left.


j.mp/w3il51
22
‫ראיה‬


                           ‫שמיעה‬

www.google.com/recaptcha
23      23
‫2.1 חלופות עבור מדיה מבוססת-זמן‬

 ‫כתוביות לוידאו או קול, תיאורים כתובים של צלילים משמעותיים,‬
                         ‫תיאורי אודיו למידע חזותי משמעותי‬




‫42‬
Universal Subtitles




25
       universalsubtitles.org
‫3.1 תוכן הניתן להתאמה‬

     ‫תגיות נכונות וסמנטיות, הפרדת תוכן מעיצוב, קרבה בין‬
                  ‫אלמנטים קשורים, זיהוי כותרות ורשימות‬




‫62‬
‫• בעריכת הטקסט הימנעו ככל האפשר משבירת שורה‬
     ‫• דיאגראמות ותמונות דו צבעיות – עדיף שחור על לבן‬
                  ‫• הבניית ערכים (על פי כללי העיצוב...)‬




‫72‬
‫• תקציר ) "…"=‪)summary‬‬
     ‫• כותרות עמודות ושורות ( ! )‬
             ‫• כותרת הטבלה (+| )‬




‫82‬
‫4.1 בר הבחנה‬

     ‫• הפרדת חזית מרקע – אי שימוש בצבע בלבד למשמעות, אי‬
                          ‫שימוש בתמונה כטקסט, ניגודיות‬




‫92‬
‫שימוש בצבע‬




   ‫הדגישו גם באמצעות עיבוי, הוספת מסגרת , שינוי רקע‬
            ‫1‬




‫8‪j.mp/w3ad‬‬
‫03‬
‫ניגוד-צבעים‬
        ‫•כי קשה של לפחות כאשר אין מספיק‬
                   ‫יחס-ניגוד לקרוא 1:5.4‬
                                ‫ניגודיות‬




‫)השתמשו בבודק ניגודיות: 9‪(j.mp/cont123 ,j.mp/w3ad‬‬

‫13‬
‫עקרון 2: ניתן להפעלה‬



‫23‬
‫4.2 קלות ניווט ומציאת מידע‬
     ‫• מספר דרכים לאותו תוכן, דפים מובנים עם כותרות‬
                             ‫נכונות, קישורים ברורים‬




‫33‬
‫מבנה ערכים - צפוי‬

                                                 ‫למשל:‬
     ‫• תבנית {{פירוש נוסף}} צריכה להיות הראשונה בערך,‬
                            ‫לפני כל תמונה או טקסט אחר‬
       ‫• תבנית הפניה לערך מורחב צריכה לבוא מיד לאחר‬
                        ‫כותרת הסעיף אליו היא קשורה.‬
            ‫• הימנעו מהצבת שורות כתובות לצידו של תוכן‬
          ‫העניינים, או במקומות אחרים שבהם לא מקובל‬
                                             ‫להציבן.‬

‫43‬
‫טקסט בעל משמעות בקישורים‬

 ‫‪ X‬לקריאת התוכנית המלאה לחץ כאן‬

        ‫קראו את התוכנית המלאה‬   ‫‪V‬‬

‫53‬
‫כותרות והיררכיה!‬




‫63‬
‫עקרון 3: ניתן להבנה‬


‫73‬
‫1.3 טקסט בר הבנה‬
           ‫רמת הטקסט, פירוש קיצורים וז'רגון‬




‫83‬
‫• הימנעו מיצירת קישורים עודפים שאינם דרושים‬
                                ‫להבנת המאמר.‬



                                       ‫• בעריכה:‬
                             ‫• השתמשו בקוד קצר‬
        ‫"[[ישראל|ישראלים]]" לעומת "[[ישראל]]ים"‬


‫93‬
‫עזרה‬
               ‫- קישור לטקסט עזרה‬
     ‫- הצגת דוגמאות לערכים נכונים‬




‫04‬
‫• מחקת ערך בעל כתיב שגוי – ציין כתיב נכון.‬

                                           ‫דוגמה:‬
      ‫במחיקת ההפניה השגויה "אנטארטיקה" יש לכתוב:‬
 ‫מפעיל מערכת פלוני מחק את "אנטארטיקה" (כתיב שגוי‬
                                   ‫ל-אנטארקטיקה).‬




‫14‬
WAI-ARIA…


42
‫אייל סלע‬                                ‫אילנה בייניש‬
     ‫‪eyal@isoc.org.il‬‬                     ‫‪benish.ilana@gmail.com‬‬


                                          ‫השתמשו במצגת -‬
     ‫המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד‬
                    ‫האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 5.2 ישראל (5.2 ‪")CC BY‬‬
                   ‫מידע נוסף על רישיון השימוש: ‪creativecommons.org/licenses/by/2.5/il‬‬
                                   ‫הנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.‬


‫34‬

Mais conteúdo relacionado

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

אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמותאתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
Israeli Internet Association technology committee
 
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UICreating Delicious Wordpress Sites, Barak Danin, Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI
Uniq UI
 

Semelhante a האם ויקיפדיה מונגשת לאנשים עם מוגבלויות? (20)

כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
כלים ושיטות להנגשת אתרי אינטרנט על פי  WCAG 2.0כלים ושיטות להנגשת אתרי אינטרנט על פי  WCAG 2.0
כלים ושיטות להנגשת אתרי אינטרנט על פי WCAG 2.0
 
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמותאתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
אתרי אינטרנט – נגישות, התאמה למכשירים ניידים ופלטפורמות
 
הנגשת אתרי אינטרנט רותם - סופי
הנגשת אתרי אינטרנט   רותם - סופיהנגשת אתרי אינטרנט   רותם - סופי
הנגשת אתרי אינטרנט רותם - סופי
 
כלים ושיטות להנגשת אתרי אינטרנט
כלים ושיטות להנגשת אתרי אינטרנטכלים ושיטות להנגשת אתרי אינטרנט
כלים ושיטות להנגשת אתרי אינטרנט
 
ממשק - בדיקות מומחה
ממשק - בדיקות מומחהממשק - בדיקות מומחה
ממשק - בדיקות מומחה
 
מבט לעתיד – האינטרנט בשירות ההנגשה
מבט לעתיד – האינטרנט בשירות ההנגשהמבט לעתיד – האינטרנט בשירות ההנגשה
מבט לעתיד – האינטרנט בשירות ההנגשה
 
UXI Live 2011 - בדיקות מומחה לממשק
UXI Live 2011 -  בדיקות מומחה לממשקUXI Live 2011 -  בדיקות מומחה לממשק
UXI Live 2011 - בדיקות מומחה לממשק
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
נגישות באינטרנט מנקודת מבטם של אנשים עם מוגבלות
נגישות באינטרנט מנקודת מבטם של אנשים עם מוגבלותנגישות באינטרנט מנקודת מבטם של אנשים עם מוגבלות
נגישות באינטרנט מנקודת מבטם של אנשים עם מוגבלות
 
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UICreating Delicious Wordpress Sites, Barak Danin, Uniq UI
Creating Delicious Wordpress Sites, Barak Danin, Uniq UI
 
מגמות וטכנולוגיות באינטרנט ובווב
מגמות וטכנולוגיות באינטרנט ובוובמגמות וטכנולוגיות באינטרנט ובווב
מגמות וטכנולוגיות באינטרנט ובווב
 
Semntic Web Intro Eyal Sela
Semntic Web Intro  Eyal SelaSemntic Web Intro  Eyal Sela
Semntic Web Intro Eyal Sela
 
נגישות אתרים
נגישות אתריםנגישות אתרים
נגישות אתרים
 
HTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשתHTML5, ווב נייד ותקנים פתוחים ברשת
HTML5, ווב נייד ותקנים פתוחים ברשת
 
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
סקירת טכנולוגיות W3C חדשות שלא תראו אפילו בגירסאות ליליות - 12.2011
 
ממשק כקונפליקט אידאולוגי
ממשק כקונפליקט אידאולוגיממשק כקונפליקט אידאולוגי
ממשק כקונפליקט אידאולוגי
 
Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...Qa extreme2011 from classic lc to agile and the testers types of the future_b...
Qa extreme2011 from classic lc to agile and the testers types of the future_b...
 
Mobile Web Best Practices Eyal Sela [Hebrew]
Mobile Web Best Practices   Eyal Sela [Hebrew]Mobile Web Best Practices   Eyal Sela [Hebrew]
Mobile Web Best Practices Eyal Sela [Hebrew]
 
דרופל וחווית משתמש
דרופל וחווית משתמשדרופל וחווית משתמש
דרופל וחווית משתמש
 
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותרכלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
כלים ושיטות לבניית אתרים תקניים, נגישים ועשירים יותר
 

Mais de Israeli Internet Association technology committee

לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון  לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
Israeli Internet Association technology committee
 

Mais de Israeli Internet Association technology committee (20)

ליאור שיאון - מפת מקלטים
ליאור שיאון - מפת מקלטיםליאור שיאון - מפת מקלטים
ליאור שיאון - מפת מקלטים
 
טל גלילי - אושאידי
טל גלילי - אושאידיטל גלילי - אושאידי
טל גלילי - אושאידי
 
אמרי באומר - האקתון חוסן לאומי
אמרי באומר - האקתון חוסן לאומיאמרי באומר - האקתון חוסן לאומי
אמרי באומר - האקתון חוסן לאומי
 
אורי סגל - מרחב מוגן
אורי סגל - מרחב מוגןאורי סגל - מרחב מוגן
אורי סגל - מרחב מוגן
 
אופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמיןאופיר בן אבי - ממשל זמין
אופיר בן אבי - ממשל זמין
 
יובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאהיובל טיסונה - המלחמה הבאה
יובל טיסונה - המלחמה הבאה
 
עמוס גבע - StandWithUs
עמוס גבע - StandWithUsעמוס גבע - StandWithUs
עמוס גבע - StandWithUs
 
בן לנג - Iron Dome Count
בן לנג - Iron Dome Countבן לנג - Iron Dome Count
בן לנג - Iron Dome Count
 
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידיםיחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
יחידת לימוד – תכנון ופיתוח אפליקציות ווב למכשירים ניידים
 
IPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran LibermanIPv6 - Global Adoption - Ran Liberman
IPv6 - Global Adoption - Ran Liberman
 
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
implementing IPv6 in an ISP network, case study and lessons learned - Amos Ro...
 
IPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval ShaulIPv6 training guide - Yuval Shaul
IPv6 training guide - Yuval Shaul
 
פתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראלפתיחה - יום השקת IPv6 בישראל
פתיחה - יום השקת IPv6 בישראל
 
How I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASSHow I learned to stop writing CSS and start writing SASS
How I learned to stop writing CSS and start writing SASS
 
אבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגוןאבטחת מידע לעובדים בארגון
אבטחת מידע לעובדים בארגון
 
מכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיותמכללת ספיר - W3C - תהליכים וטכנולוגיות
מכללת ספיר - W3C - תהליכים וטכנולוגיות
 
HTML5FEST - פתיחה
HTML5FEST - פתיחהHTML5FEST - פתיחה
HTML5FEST - פתיחה
 
The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]The Open Web Platform and You! [Executive version]
The Open Web Platform and You! [Executive version]
 
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינקHTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
HTML5 וממשל - לבנות את האתרים של המחר היום - גיל פינק
 
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון  לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
לקראת העירייה הדיגיטלית - השירותים המקוונים של עירית תל-אביב-יפו זוהר שרון
 

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

  • 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‬
  • 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 • 15 15
  • 16. ‫0.2 ‪WCAG‬‬ ‫ווקיפדיה‬ ‫61‬
  • 17. “It should be noted that Wikipedia's 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/Accessibility 17
  • 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/w3il51 22
  • 23. ‫ראיה‬ ‫שמיעה‬ www.google.com/recaptcha 23 23
  • 24. ‫2.1 חלופות עבור מדיה מבוססת-זמן‬ ‫כתוביות לוידאו או קול, תיאורים כתובים של צלילים משמעותיים,‬ ‫תיאורי אודיו למידע חזותי משמעותי‬ ‫42‬
  • 25. Universal Subtitles 25 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‬
  • 37. ‫עקרון 3: ניתן להבנה‬ ‫73‬
  • 38. ‫1.3 טקסט בר הבנה‬ ‫רמת הטקסט, פירוש קיצורים וז'רגון‬ ‫83‬
  • 39. ‫• הימנעו מיצירת קישורים עודפים שאינם דרושים‬ ‫להבנת המאמר.‬ ‫• בעריכה:‬ ‫• השתמשו בקוד קצר‬ ‫"[[ישראל|ישראלים]]" לעומת "[[ישראל]]ים"‬ ‫93‬
  • 40. ‫עזרה‬ ‫- קישור לטקסט עזרה‬ ‫- הצגת דוגמאות לערכים נכונים‬ ‫04‬
  • 41. ‫• מחקת ערך בעל כתיב שגוי – ציין כתיב נכון.‬ ‫דוגמה:‬ ‫במחיקת ההפניה השגויה "אנטארטיקה" יש לכתוב:‬ ‫מפעיל מערכת פלוני מחק את "אנטארטיקה" (כתיב שגוי‬ ‫ל-אנטארקטיקה).‬ ‫14‬
  • 43. ‫אייל סלע‬ ‫אילנה בייניש‬ ‫‪eyal@isoc.org.il‬‬ ‫‪benish.ilana@gmail.com‬‬ ‫השתמשו במצגת -‬ ‫המצגת ניתנת לשימוש באופן חופשי, ללא תשלום או תנאים מגבילים למעט ייחוס לאיגוד‬ ‫האינטרנט הישראלי, כפי שמופיע ב"רישון ייחוס 5.2 ישראל (5.2 ‪")CC BY‬‬ ‫מידע נוסף על רישיון השימוש: ‪creativecommons.org/licenses/by/2.5/il‬‬ ‫הנ"ל אינו תקף לתמונות וחומרים מממקורות חיצוניים.‬ ‫34‬