נגישות אתרי אינטרנט E-accessibility

מצגת בנושא: "נגישות אתרי אינטרנט E-accessibility"— תמליל מצגת:

1 נגישות אתרי אינטרנט E-accessibility

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

3 מהי נגישות ?

4 נגישות היא שימושיות באתרי אינטרנט לאנשים עם מוגבלות
אתר אינטרנט נגיש מאפשר לאנשים עם מוגבלות לגלוש באותה רמה של יעילות והנאה ככל הגולשים המטרה היא שאתר האינטרנט יהיה קל לתפעול והתמצאות ללקוי ראיה, שמיעה, למידה, מוגבלויות גופניות ונוירולוגיות

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

6 25% מהאוכלוסייה הכללית אנשים עם מוגבלות בישראל סך-הכול כ-2 מיליון
500,00 כבדי שמיעה קושי קוגניטיבי 300,00 קושי פיזי 150,00 כבדי ראייה 70,00 עיוורים 30,00 חירשים 7,000 קשישים 1,000,000 סך-הכול כ-2 מיליון אנשים עם מוגבלות בישראל 25% מהאוכלוסייה הכללית

7 אמצעי העזר : שמיעה לקויה ראייה לקויה עיוורון מוטוריקה קוגניציה
(כתוביות, שפת הסימנים) ראייה לקויה (תוכנות הגדלה, מסך עם שליטה מורחבת טמ"ס) עיוורון (קוראי מסך TTS, צגי ברייל) מוטוריקה (אמצעי עזר, עכבר תואם, שימוש במקלדת בלבד) קוגניציה (שליטה על אופן קריאת התוכן)

8 כיצד מקריאה תוכנת מחשב?

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

10 תפיסה - perceptible תהליך של קליטה, פענוח וסיווג מידע
המגיע אלינו דרך החושים המשתמשים יוכלו לקרוא את המידע ולתפעל את האתר באמצעות ממשק המשתמש כפי שהם רואים את המידע על המסך

11 תפיסה לכל תמונה צריכה להיות חלופה טקסטואלית טקסט כתחליף לתמונה

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

13 תפיסה קטע וידאו או קול המוקלט מראש יהיה בעל חלופה תואמת ובעל כתוביות

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

15 תפיסה יש לאפשר שליטה על מהירות הנגינה של קטעי קול מוקלטים

16 תפעוליות - operable ממשק המשתמש של האתר והניווט בו יתאפשרו על-ידי גולשים עם מוגבלות

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

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

19 תפעוליות יש לאפשר למשתמש דרך לחסום הפרעות

20 נהירות - Understandable
משתמשים יהיו מסוגלים להבין את המידע ואת הדרך להגיע אליו באמצעות ממשק האתר תכני טקסט יהיו קריאים ובהירים להבנה

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

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

23 למנוע מהגולש לבצע שגיאות בזמן הזנת קלט אימות נתונים
נהירות למנוע מהגולש לבצע שגיאות בזמן הזנת קלט אימות נתונים

24 נהירות יש לבצע התראה ישירה על טעות בהזנת קלט

25 יציבות טכנולוגית - Robust
המידע שמספק האתר יהיה נגיש באמצעות כל האמצעים הטכנולוגיים המתקדמים בהם משתמשים עם מוגבלות

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

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

28 Web Developer Toolbar FireFox, Chrome, Internet Explorer
כיצד בודקים את נגישות האתר Web Developer Toolbar FireFox, Chrome, Internet Explorer

29 אתר נגיש nagish.org.il האתר מכיל את כל המידע הנחוץ להעמקה בנושא

30 תו אתר נגיש

31 תודה! לפרטים נוספים: דוא"ל : reutgold3@gmail.com
אתר : חלק מהתכנים באתר , באדיבות אתר "נגישות ישראל" נכתב ע"י הראל חייט