נגישות לאינטרנט הלכה למעשה

| גילה גרטל | יועצת נגישות לאינטרנט |

על מה נדבר היום....

מבוא מהי נגישות

לאינטרנט??מיהם המשתמשים?כמה משתמשים?אז מה עושים?מהו אתר נגיש?מה נעשה בעולם?מה נעשה בארץ?מדוע להנגיש

1תפיסההפעלההבנהעזרים טכנולוגיים

כללי הנגישות3

תהליך הנגשה5

זהירות מחסומים 2משה דרשן

כיצד גולש עיוור גולשבאינטרנט?

מהן הבעיות בהם הואנתקל?

הנגשה בשטח4 הנגשת אתר גבי שלוסר

בנק הפועליםתהליךתוצאותתועלות

...אינטרנטכל העולם בלחיצת

! אצבע חדשות | מידע שימושי | קניות | שירותים | יחסים | לימודים | תרבות

ובילוי

מחסומים וירטואלים = אי שיווין ודחיקה לשולי החברה

ומה אם אין לך אצבע ?

ולפני שנתחיל... תרגיל

נסו לחייג את מספר הטלפון

054-6610065 .

במקום להשתמש

באצבעות, השתמשו במרפק.

משתמשים בעלי מוגבלויות מבוא:

עיוורים, כבדי ראיה, עיוורי צבעים– ראיה

ו/או ר אי יכולת להפעיל עכב– מוטוריקה, תגובה איטית, קושי במוטוריקה עדינהמקלדת

חרשים, כבדי שמיעה– שמיעה

לקויי למידה: דיסלקציה, – לקויות קוגנטיביותבעיות קשב וכד'

אנשים שאינם דוברים עברית ברמת – שפהשפת אם )עולים חדשים, בני מיעוטים(.

שיעור האנשים הזקוקים לנגישות מבוא:

מוגבלות פיזית וחושיות *10%

לקויות למידה *10%

עולים חדשים או בני מיעוטים28%

שנים ומעלה 55 בני 17%

חלק ניכר הגילאים המתקדמים סובלים מאחד או יותר

מהמוגבלויות : ראיה, שמיעה, מוטוריקה, קשיים קוגנטיביים.

מהאוכלוסייה25%בעיית נגישות אמיתית לפחות ל

הערכה *

מבוא: שיעור האנשים הזקוקים לנגישותיכולות/מוגבלויות – כקו רצף וכמכלול

0

5

10ראיה

שמיעה

מוטוריקה קוגניציה

אדם ללא לקויותשפה

גיל 38

גיל 78

מבוא: מה עושים בעולם האמיתי?

הנגשת הסביבה עזרים

מבוא: מה עושים בעולם הוירטואלי?

הנגשת הסביבה עזרים

טכנולוגיה המשתמשים מסייעת

מסתייעים בחומרה ותוכנה המאפשרות

להם לעקוף את

המוגבלות.

אתרים נגישיםיש לפתח אתרים

המתאימים לגלישה של משתמשים מוגבלים.

מבוא: מהו אתר נגיש?אתר שקהל רחב ככל האפשר יכול:

לתפוסלהפעיל להבין

.טכנולוגיות מסייעותבאמצעות שימוש במגוון

איך נראה אתר נגיש? כמו כל אתר טוב.

UK Goverment cairngorms

Engine hisoftware

General Electric US First Gov

מבוא: מה נעשה בעולם?

ההנחיות המקובלות בעולם פותחו ע"י:

ההנחיות אומצו ע"י מדינות רבות בעולם :

לפירוט החקיקה הבין-לאומית

יפןארצות הבריתהאיחוד האירופי

איחוד מדינות אסיה קנדה

בריטניההונג-קונג אוסטרליה

פרק הנגישות בחוק שיוויון זכויות לאנשים - החוקעם מוגבלויות. החוק קובע, במסגרת העקרונות הכלליים, את חובתם של גופים ציבוריים לתת

שירות לאנשים עם מוגבלות במסגרת השירותים הניתנים והמיועדים לכלל הציבור, תוך ביצוע

ההתאמות הנדרשות.

משרד המשפטים כותב את תקנות - התקנות.W3Cהנגישות לאינטרנט ומפנה לסטנדרט של ה

AAאתרי רשויות ציבוריות מחוייבים ברמת נגישות Aאתרי גופים פרטיים מחוייבים ברמת נגישות

מבוא: מה נעשה בישראל?

הנגישו )מלא או חלקי(

בנק הפועלים מכבי שרותי בריאות

עריית רעננה gov.il

ויזה כ.א.ל כרטיס אשראי אינטרנטי

פיקוד העורף קצינת פניות הציבור –

צה"ל המוסד לביטוח לאומי

מבוא: מה נעשה בישראל?

בתהליך הנגשההאתר הראשי של צה"ל

הבנק הבינלאומי בנק לאומי

המשרד לאיכות הסביבה אורנג'

מכון מגיד ויזה כ.א.ל

עריית ירושליםועוד רבים אחרים

את תקציב 5%נגישות, אם מתוכננת מראש, מעלה ב .25%מגדילה את מספר הגולשים הפוטנציאלי ב הפיתוח,

כוח קניה ישלאנשים עם צרכים מיוחדים.

מוזילה עליות מתן שרותים לאנשים עם צרכים מיוחדים שרות )פרונטלי וטלפוני(.תפעול

האתר - גולשים מעדיפים נגישות מעלה את שימושיות אתרים נגישים ושימושיים.

שיפור בתדמית הארגון.

תוצאות טובות במנועי חיפוש... ובונוס.

*(ROIמבוא: נגישות משתלמת כלכלית )

יותר גולשים, פחות הוצאות = יותר הכנסות

משתלם כלכלית

נכון תדמיתית

החוק

שיווין זכויות והזדמנויות

סטנדרטים

איכות

מבוא: מדוע להנגיש?

מבוא: מדוע להנגיש?

משה דרשן

ועוד סיבה אחת...

כללי נגישות

מבנה הגרסה השניה

כללי נגישות עיקריים:4

(Perceivableניתן לתפיסה )1.

(Operableבר הפעלה )2.

(Understandable)מובן 3.

(Robust) יציבות טכנולוגית4.

תחת כל כלל נגישות עיקרי יש פירוט של מספר כללי נגישות

בסה"כ(. לכל כלל יש קריטריונים לבדיקה המסווגים 13)לפי שלוש רמות.

A רמה ראשונה – AA רמה שניה – AAAרמה שלישית –

כללי נגישות

(:perceivable ניתן לתפיסה ) וודא שכל התכנים מוצגים באופן שהמשתמש יוכל לתפוס

ספק חלופה טקסטואלית לכל תוכן שאינו 1.1טקסטואלי.

עבור מולטימדיה, ספק חלופה טקסטואלית 1.2מסונכרנת.

צור תוכן שאפשר להציגו במספר אופנים )הקראה, 1.3layout)פשוט יותר

הקל על אנשים עם מוגבלויות לראות ולשמוע )צור 1.4הבחנה ברורה בין תוכן לרקע(.

1

לדוגמא – מה תופס עיוור צבעים?

מה כתוב משמאל ללוגו של החברה?

מה כתוב בתמונה מעל למשאית?

אתר באמצעות צבעים לעיוורון http://www.vischeck.comהסימולציה

(perceivableכללי נגישות – ניתן לתפיסה )

. ספק חלופות טקסטואליות לכל התכנים שאינם 1.1טקסטואלים

טקסט חלופי מאפשר לאנשים שאינם רואים לקבל מידע על תכנים ויזואלים.

טקסט חלופי לתמונות.

>IMG src=“search.gif" alt="חפש">

סרטים ואנימציות כתוביות לסרטים / אנימציות לאlive תיאורי אודיו או טקסט להתרחשויות משמעותיות או

חלופת טקסט מלאה – למשל השמעת צפירה בסרט תלווה בטקסט "נשמעת צפירה". הדובר בסרט מתחלף

תלווה בקריינות "נשיא המדינה שמעון פרס" כתוביות לסרטים אנימציות בlive )AA( תיאורי אודיו(AA)

(perceivableכללי נגישות –ניתן לתפיסה )

. סנכרן חלופות לתכני מולטימדיה עם ההתרחשויות על 1.2המסך

והנה עוד תרגיל...

הולכים לסרט...

אטמו את האוזניים.

(perceivableכללי נגישות –ניתן לתפיסה )

. צור תוכן שאפשר להציגו במספר אופנים1.3

צור הפרדה בין תוכן/מידע ומבנה לבין תצוגה. ההפרדהתישמר גם אם המשתמש או האמצעי ישנה את פורמט

התצוגה. ספק מידע באמצעותו המשתמש יכול להבין )באמצעים

טכנולוגים( מהו מידע והיחסים בין חלקי המידע. הקפד על סדר הקריאה ברור – הגדרה של כיוון הכתיבה

(dir, rlm, lrm )

(perceivableכללי נגישות –ניתן לתפיסה )

. צור תוכן שאפשר להציגו במספר אופנים1.3 שונה, חלק מהמידע הולך לאיבודynetדוגמא: כאשר אופן התצוגה של

(perceivableכללי נגישות –ניתן לתפיסה )

הקל על אנשים עם מוגבלויות לראות ולשמוע )צור 1.4הבחנה ברורה בין תוכן לרקע(.

בצבע כדי להעביר מידע שימושכאשר נעשה ,)גודל השתמש אלמנט ויזואלי נוסף שיצור את ההבחנה

פונט, בולד(.

המושמע באופן אוטומטי )יותר מ אפשר לכבות סאונד שניות(3

בין הרקע לטקסט. בתמונות 5:1של קונטרס הקפד על (AA). 3:1הקונטרסט צריך להיות

של טקסטים ללא שימוש 200% של עד אפשר הגדלה (AA)בעזרים מיוחדים

כללי נגישות(:operable בר הפעלה )

וודא שכל המשתמשים יכולים להפעיל את ממשק האתר.2

הפעולות ניתנות שכל הבטח 2.1לביצוע באמצעות מקלדת.

תן למשתמשים מספיק זמן 2.2לקריאה, לאינטראקציה או

לתגובה. אל תיצור תוכן שעלול לגרום 2.3

להתקף אפילפטי. עזור למשתמשים לנווט, 2.4

להתמצא ולמצוא מידע.

כללי נגישות –ניתן להפעלה

הבטח שכל הפעולות ניתנות לביצוע באמצעות מקלדת.2.1

הפעולות באתר צריכות מבוצעות באמצעות מקלדת )שימו כללב לתפריטים – בהרבה אתרים הם לא נגישים(.

כללי נגישות –ניתן להפעלה

תן למשתמשים מספיק זמן לקריאה, לאינטראקציה או 2.2לתגובה.

כל מצב של הגבלת זמן, אפשר למשתמש לבצע אחת מהפעולות הבאות:

.לבטל את הגבלת הזמן.להתאים את הגבלת הזמןלהגדיל את הגבלת הזמן

)למעט מקרים שהגבלת הזמן הכרחית –\מכירה פומבית, או משחק על זמן(.

כללי נגישות –ניתן להפעלה

תן למשתמשים מספיק זמן לקריאה, לאינטראקציה או 2.2לתגובה.

בכל מצב של הגבלת זמן, אפשר למשתמש לבצע אחתמהפעולות הבאות:

)למעט מקרים שהגבלת הזמן הכרחית – מכירה פומבית, או משחק על זמן(.:

.לכבות את הגבלת הזמן.להתאים את הגבלת הזמןלהגדיל את הגבלת הזמן

שניות 3הבהוב – תוכן לא יהבהב יותר מ (AA) עצירה – ניתן לעצור תנועה, הבהוב, סקרולינג או עדכון

אוטומטי של תוכן )אלא אם התנועה על המסך הכרחית( (AA)

כללי נגישות –ניתן להפעלה

אל תיצור תוכן שעלול לגרום להתקף אפילפטי.2.3

פעמים בשנייה או שהריצוד נמוך 3תוכן אינו מרצד יותר מ .general flash and red flash thresholdsמ

כללי נגישות –ניתן להפעלה

עזור למשתמשים לנווט, להתמצא ולמצוא מידע.2.4

של תוכן שחוזרים על עצמם מנגנון לעקיפת בלוקיםספק בהרבה עמודים )כגון תפריט משנה(.

המתארת את תוכן העמוד כותרת לעמודספק (page title)Focus Orderלוגי הקישור לא מטרת הקישור צריכה להיות ברורה וייחודית(

יהיה "לחץ כאן" "לפרטים נוספים"( קיימת יותר מדרך אחת לאתר מידע(AA) כותרות וlabels תיאוריות (AA)

כללי נגישות

(:Understandable מובנות )

צור תכנים ואמצעי אינטראקציה מובנים לכמה שיותר משתמשים

קריאות ומובנות של התכנים. 3.1

סידור מסך עקבי והתנהגות של 3.2מרכיבים אינטראקטיבים ניתנת

לחיזוי.

עזור למשתמשים להימנע 3.3מטעויות ולתקן טעויות שביצעו.

3

כללי נגישות

(:Robustיציבות טכנולוגית )

webהשתמש בטכנולוגיות שעובדות באופן

מקסימלי עם טכנולוגיה מסייעת וסוכני משתמש

בהווה ובעתיד

4

- כתיבת קוד תקינה TAG בהתחלה ובסיום לכל אלמנט וכינון נכון של הקוד.

לכל מרכיבי הממשק שם, תפקיד וערך - (controls) ,מצבים, מאפיינים וערכים שיכולים להיקבע ע"י

המשתמש חייבים להיות ניתנים לזיהוי תוכנה ולשינוי userע"י המשתמש הנעזר בטכנולוגיה מסייעת או

agents הכוונה למפתחים שמייצרים( controls (HTML ב controlsבעצמם לא ל

(:Robustיציבות טכנולוגית ) עזור למשתמשים להימנע מטעויות ולתקן טעויות שביצעו3.3

בחירת כלי תומך בנגישות לחייב ספקי שרותים לתמוך בנגישות בתוצר ובכלי

הזנת התכניםבניית תהליכים תומכי נגישות – קביעת פורמטים נגישיםPDF.'מצגות וכד ,

בונים אתר חדש

בדיקת נגישות

הנגשת עמודים מרכזים

הנגשת תשתיות האתר

שכתוב סטנדרטים

ותהליכי עבודה

תהליך הדרגתי של הנגשת העמודים

תהליך הנגשת אתר קיים

תוכנית עבודה

לפי רמת נגישות

)רצויה בשילוב אנשים עם

מוגבלויות(

מעטפת האתר וממשקי משתמש

כלי מרכזים )חיפוש, מפת אתר(

התאמת כלי הזנת תכנים

פיתוח, תוכן, בקרת איכות

הנחיית מפתחים, מעצבים ואנשי

תוכן

הגדרת פתרונות והיקף טיפל

בדיקת נגישות חוזרת

הנגשתם את האתר?

הציבו את תו "אתר נגיש"

מטרות תו "אתר נגיש":

לקדם את המודעות הציבורית לנגישות

לאינטרנט.

.לידע את הציבור על נגישות האתר

להצהיר על אחריות ציבורית וחברתית

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

בחברה הישראלית.

סיכום

נסו לדמיין לעצמכם מקרים בהם נתקלתם בחוסר נגישות:

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

מי היה אשם בכל מה שקרה לכם? הבנק? חברת הכבלים? העירייה? הממשלה?

", האזרח הקטן האוחז במקלדתזו ההזדמנות שלך "לקחת אחריות ולדאוג שכל כך הרבה אנשים לא יחושו

הנגשת אתרים הוא אקט המאפשר לאנשים מוגבלים להיות את התסכול והעלבון באין נגישות. מסוגלים. המסוגלות שלהם והיכולת שלהם להשתלב

בחברה, בתרבות ובעבודה נמצאת בידך.