רותם ויצמן

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

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

היכנסו לאתר של רשות השידור והתרשמו מהאופן שבו הוא •

.מעוצב וכתוב

http://www.iba.org.il/

.באתר ותראו אילו שינויים יש נגישותהיכנסו ללשונית ה, עכשיו•

http://www.iba.org.il/nagish/

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

?אלו הבדלים יש בין שני חלקי האתר•

?מה יותר ברור•

?מה נראה לכם יותר נוח•

רותם ויצמן

קהל היעד

סטטיסטיקה -אנשים עם מוגבלות

-אנשים עם מוגבלות 1,440,000•

(מהאוכלוסייה 20%-כ)

-בגילאי העבודה 706,000•

עם מוגבלות חמורה 300,000מתוכם

בגיל זקנה 425,000•

עם מוגבלות מתונה 500,000•

"עסק מרוויח= עסק נגיש ", ר נגישות ישראל"יו, מתוך הרצאה של יובל וגנר

?מי זקוק לאתר אינטרנט נגיש

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

יד -קושי במוטוריקה עדינה או בתאום עין , תגובה איטית

-אנשים עם מוגבלות חושית •

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

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

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

אנשים עם פגיעה , אנשים עם אוטיזם, אנשים עם מוגבלות שכלית

מוחית

אנשים עם מוגבלות נפשית•

אנשים מבוגרים•

"עסק מרוויח= עסק נגיש ", ר נגישות ישראל"יו, מתוך הרצאה של יובל וגנר

קושי

צורך

הנחייה לביצוע

ביצוע בפועל

עיוורון צבעים (ירוק-אדום)

אמצעים להקלה על ( גוונים אחרים)הקושי

הנוגעות C3Wתקנות ה להתאמת צבעים

תכנות, רמות נגישות

C3W-כללי ה

C3W-כללי ההנגשה של ה

: ההנחיות בעברית•

.html0.2c.org.il/guidelines/guidelines_WCAG_3http://www.w

: ההנחיות באנגלית•

/10.org/TR/WCAG3://www.whttp

C3W-עקרונות ההנגשה של ה : תפיסה – 1עיקרון

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

.אותם בחושיהם( לקלוט)שהמשתמשים יוכלו לתפוס

:תפעוליות – 2עיקרון

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

:נהירות – 3עיקרון

.המידע ואופן הפעלת מנשק המשתמש חייבים להיות ברורים ומובנים

:יציבות טכנולוגית – 4עיקרון

שתאפשר לאמצעים העומדים לרשות התוכן חייב להיות יציב במידה

.לפענח אותו באופן אמין, בכלל זה טכנולוגיות מסייעות, המשתמש

262398328.html#Toc0.2c.org.il/guidelines/guidelines_WCAG_3http://www.w

C3Wרמות הנגישות של ה

כל קריטריון לבחינת העמידה בהנחיות הנגישות מתייחס לרמת • A ,AA ,AAA –נגישות מסוימת מבין שלוש

חייב לעמוד בכל הנחיות הנגישות עבור רמה – Aאתר נגיש ברמה •

,A לקיים גם חלק מהנחיות הנגישות עבור שתי , פי בחירה-על, ויכול

.הרמות הגבוהות יותר

חייב לעמוד בכל הנחיות הנגישות עבור – AAאתר נגיש ברמה •

לקיים גם חלק מהנחיות , פי בחירה-על, ויכול, AA-ו Aרמות

.AAAהנגישות עבור רמה

עבור , חייב לעמוד בכל הנחיות הנגישות – AAAאתר נגיש ברמה •

.כל הרמות

http://www.nagish.org.il/?page_id=405

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

מידת החיוניות של היבטי הנגישות השונים לאנשים עם מוגבלות•

מידת היכולת של טכנולוגיות מסייעות לפתור את הבעיה•

מידת הישימות של ההנחיות•

הידע הנדרש מהמפתחים•

פגיעה אפשרית במראה האתר ובאווירה שהוא מׁשֶרה•

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

http://www.nagish.org.il/?page_id=405

C3W-רמות הנגישות של ה

(3.1הנחיה )עיקרון הנהירות

יש צורך לוודא שתוכנה של שפה טבעית תוכל לזהות : שפת הדף• (.Aרמה )את הדף ולהקריא אותו

יש צורך לוודא שתוכנה של שפה טבעית : השפה בחלקים של הדף•

תוכל לזהות את הדף ולהקריא אותו פרט לשמות פרטיים ומונחים

מילים ששפתם לא ברורה וביטויים ששגורים בפיו של , טכניים (. AAרמה )הכותב

צריך לקבוע מנגנון שיאפשר למשתמש : רגיל-מילים בשימוש בלתי•

לקבל פירושים למילים שמשתמשים בהן באופן לא רגיל או מיוחד (.AAAרמה )מהתאם לתחום

יש לוודא שהמשתמשים יוכלו לקבל את הפירושים של : קיצורים• (.AAAרמה )הקיצורים

' ט-'ברגע שרמת הטקסט היא מעל לרמה של כיתות ז: רמת קריאה•

יש צורך לספק הבהרות בגוף הטקסט או טקסט חלופי שקריאתו (.AAAרמה )תהיה פשוטה יותר

שכל אפשרות תלויה , אם יש כמה אפשרויות להגיית המילה: הגייה•

אז יש לספק למשתמש אפשרות לזהות את אופן , בהקשר המילה (.AAAרמה )ההגייה הייחודי למילה

(3.1הנחיה )עיקרון הנהירות

5568י "תקן ישראלי ת(2013)

".קווים מנחים לנגישות תכנים באינטרנט" 5568י "תקן ישראלי חדש ת

קווים מנחים " 5568י "מכון התקנים הישראלי פרסם תקן ישראלי חדש ת

". לנגישות תכנים באינטרנט

.W3Cלאומי -זה מאמץ את הנחיות הנגישות של איגוד האינטרנט הביןתקן

מספק קווים מנחים המאפשרים נגישות לתוכני אינטרנט לקהל 5568י "ת

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

מוגבלויות , מוגבלות תנועה, מוגבלויות קוגניטיביות, לקויות למידה, שמיעה

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

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

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

5568י "תקן ישראלי ת(2013)

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

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

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

, יכולת גלישה נגישה למשתמשיוהנדרש לכך על פי חוק או המעוניין לספק

.שמישה ונוחה

ובכך אפשר , יישום הקווים המנחים יכול לסייע גם בתחום הפנים ארגוני

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

:בקישור, את התקן ניתן להוריד בחינם מאתר מכון התקנים הישראלי

2013מרס : קווים מנחים לנגישות תכנים באינטרנט - 5568י "ת

5568י "תקן ישראלי ת(2013)

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

(1.3הנחיה )עיצוב ומבנה .ודאו כי המידע מאורגן באמצעות כותרות וכותרות משנה–

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

.לפסקאותודאו שחילקתם קטעי טקסט ארוכים –

ודאו כי השתמשתם בתבליטים ובמספור במקום רשימות שבהן –

.בפסיקיםהפריטים מופרדים

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

.בתוכןנקודות חשובות

צורה , ודאו שלא נתתם הנחיות המתבססות רק על צבע, עם זאת–

.אלמנטיםומיקום של

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

איורים , דוגמאות, ניסוחים שונים, סיכומים: לדוגמה)בדרך נוספת

(.וגרפים

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

(.חלונות קופצים וכדומה, קולות, סרטונים ואנימציות)דעת הקורא

בספרות , ודאו שציינתם אותם בצורה מלאה, אם ציינתם תאריכים–

ובמילים

.מעטפהודאו שכתבתם אותה כפי שתופיע על , אם ציינתם כתובת–

אתר רשות השידור -הדף לא עמוס ואין אלמנטים שמסיחים את הדעת

(נספח א)גופנים באתר נגיש , למשל)ודאו שהשתמשתם בגופן בו התווים ברורים וקלים להבחנה –

(.אריאל

הדף עדיין קריא והמידע מאורגן, ודאו שבעת שינוי גודל הגופן–

, ודאו שהשתדלתם להשתמש במספר קטן של גופנים שונים בטקסט–

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

שינוי גודל הגופן באתר רשות השידור

פיסוק באתר נגיששמאפשרת קריאה זורמת , ודאו שהשתמשתם בפיסוק בצורה נכונה–

.הטקסטשל

או ( י/קח)ודאו שלא השתמשתם בקווים נטויים לציון צורת הנקבה –

.(או/ו)אפשרות

מספרים באתר נגישולא בספרות ( 3, 2, 1)ודאו שהמספרים במסמך כתובים בספרות –

רומיות

.באחוזיםהמעיטו להשתמש –

השתמשו בביטויים , לחליפין, כתבו מספרים גדולים במילים או–

"(.הרבה)"המציינים כמות

צפיפות המידע ודאו שלא העמסתם את הדף במידע–

ודאו שכל נושא חדש בטקסט מופיע בפסקה חדשה או בדף חדש–

ודאו שהשתמשתם במינימום הפניות למסמכים אחרים או לדפים –

אחרים

–הקישורים מופרדים ויש הבדלים בין שורות הכותרת לטקסט

אתר רשות השידור

תפעוליות

(2הנחיה )תפעוליות ודאו שההוראות באתר מופיעות בצורה הדרגתית ופשוטה–

(אוטומטי רענון, לדוגמה)הימנעו מהתבססות על אירועים מבוססי זמן –

ודאו שזיהוי הקישורים בטקסט מתאפשר על פי מלל הקישור עצמו–

ודאו שיצרתם טקסט חלופי לתמונות–

ודאו שיצרתם אפשרות קלה למעקב אחר המידע–

צבעים באתר נגיש

(1.4הנחיה )נגיש צבעים באתר

:כללי מאוד באופן הצבע נושא נדון (הבחנה<תפיסה) 1.4 בפרק⁻

,מידע להעברת יחידי חזותי אמצעי ישמש לא צבע :בצבע שימוש 1.4.1⁻

(A רמה) חזותי עצם הבלטת או ,תגובה בקשת ,פעולה סימון

.יחיד מנחה עיקרון להיות יכול אינו צבע⁻

המידע אך ,בצבעים תמונות קיימות וכמובן העיצובי בפן לצבע חשיבות יש⁻

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

.חזותית לחלופה לדאוג יש לכן ,ראיה לקויות

צבע על רק להסתמך לא ,חובה שדות המכיל בטופס :לדוגמה פתרונות⁻

."חובה שדה" כמו כתובה במילה גם להשתמש אלא

(1.4הנחיה )צבעים באתר נגיש

.1:3 של ורקע דמות לניגודיות מנחים -W3Cה של הכללים•

:דוגמאות של נראות צבע•

http://www.w3.org/WAI/WCAG20/Techniques/working

examples/G183/link-contrast.html

בעוד ששימוש , שימוש בקישור כחול נראה טוב לרוב האנשים, למשל•

.בקישור אדום נראה אפור

עם 1:5-ו שחור עם 1:3 של יחס המעניקים מומלצים צבעים של פלטה•

.לבן

אתר איקאה, שינוי בצבעים לעיוורי צבעים

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

.כדי להעביר מידעאל תסתמכו רק על צבע –

.שהצבע מספק ניגוד טוב מספיק בין הרקע לבין הטקסטוודאו –

.וודאו שהשימוש בצבעים עקבי לכל אורך הטקסט–

.עזים ומהבהביםצבעים בהימנעו משימוש –

. האורך של תוכן ברצד מהבהבהגבילו את –

.ההבהובאת וודאו שאפשר לעצור –

(1.4הנחיה )צבעים באתר נגיש

:צבעים של ניגודיות לבדיקת כלים•

Application – Analyser Contrast

service online - Analyser Ratio Contrast

Extension Firefox - Analyser Contrast Colour

(1.4הנחיה )צבעים באתר נגיש

התאמת השפה

התאמת השפהובמסמכים C3W-זכתה להתייחסות מועטה בכללי ה•

אחרים העוסקים בהתאמת אתרי אינטרנט לאנשים עם

.מוגבלות

מהווה מרכיב מרכזי בהתאמות הנדרשות לאנשים עם •

.מוגבלות קוגניטיבית ובמוקד הסדנה היום

בה נדבר , לנושא זה תתייחס בהרחבה ההרצאה הבאה•

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

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

קישורים רלוונטיים: מדריכי נגישות של איגוד האינטרנט הישראלי•

www.isoc.org.il/center/accessibility_guides.htmlhttp://

: נגישות ישראל –המאגר הישראלי של אתרים נגישים •

2106CategoryID=http://www.aisrael.org/?

(:בהיבט משפטי)מדריך התאמות נגישות לאתרי אינטרנט •

accessability.html-law.co.il/internet-http://www.y

(:35תקנה , שירותי האינטרנט: 'סימן ג)תקנות נגישות השירות •

_TakHanegishutLeSherut.pdf1160http://www.isoc.org.il/docs/

:נגישות ישראל -המדריך להנגשת אתר אינטרנט •

40720&ArticleID=2764http://www.aisrael.org/?CategoryID=

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

http://webaim.org/

/http://webaim.org אתר נגיש •

!תודה על ההקשבה