יוזמת הנגישות לאינטרנט:

כיום רוב אתרי האינטרנט אינם מתאימים לאנשים בעלי מוגבלויות בגלל סיבות שונות )ראו טבלה באנגלית(. הנגשת אתרים תורמת גם

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

מחיינו כמעט בכל תחום )חינוך,ממשל,כלכלה וכו'( ולכן אתרים . הנגשת אתר היאהנגישים מאפשרים שוויון זכויות לכלל האוכלוסיי

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

:WAIכללי ה אלו הם כללים אשר מהווים את הסטנדרט להנגשת אתרים והם נכתבו

)הארגון המאחד את כלל התקנים בווב(. הכלליםw3cעל ידי ארגון ה מיועדים גם למפתח טכנולוגיות )דפדפנים, מערכות הפעלה( וגם

למעצבו ומתכנני אתרים.

מחולקים לכמה אספקטים:WAIכללי ה

User Agent Accessibility Guidelines )UAAG( –מיועדים לתוכנות בשרות המשתמש כגון דפדפנים.

Authoring Tool Accessibility Guidelines )ATAG( –אלו הם קווים מנחים המיועדים לתוכנות לבניית אתרים אשר בדרך כלל מוסיפות

– ל WORDקודים בצורה אוטומטית )כאשר הופכים מסמך HTML)

Web Content Accessibility Guidelines )WCAG( - אלו הם הקווים לתוכן .והם הכי חשובים מבחינתנוהאתר עצמו

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

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

ניתן לדמות את כלל המרכיבים למעין מעגל שמזין את עצמו:

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

תוכן )חזרה להתחלה(.

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

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

WCAG 1.0

.1999אלו הנחיות ישנות יחסית מ

מדובר על סדרה של חוקים המסודרת לפי סעיפים שונים בשלושעדיפויות:

: חייבים לעמוד בכללים הללו מכיוון שבלעדיהם קבוצה אחת1עדיפות או יותר לא תוכל לגשת לאתר כלל.

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

משמעותיים.

: אפשר לעמוד בכללים אלו, אחרת קבוצה או או יותר3עדיפות תתקשה לגשת אל האתר במידה מסוימת. עמידה בכללים תשפר את

נגישות האתר.

. כלA,AA,AAAבהתאם ישנם שלוש רמות של הכרה באתר כנגיש : A( מסמל התאמה לעדיפות מסוימת A – 1 רק ,AAA –כל שלוש

הרמות(.

מבנה ההנחיות: (. לכל נקודתCheckpointsכל הנחיה מחולקת לכמה נקודות בדיקה )

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

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

WCAG 2 .0

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

קריטריונים הניתנים לבדיקה. למשל:

: המידע והממשק חייבים להיות מוצגים למשתמשים בצורה1 עקרון שיוכלו לאחזר אותם

: מדיות בזמן אמת 1.2 הנחיה : ספק כתוביות למדיה הכוללת1.2.3קריטריון לבדיקה

צליל.

.1.1.1זו רק דוגמה, כמובן שקיים למשל גם הנחיה

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

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

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

בצורה ידנית. כמו כן, ישנה התאמה טובה יותר לארצות ומדינותשונות. )ישנה הרמוניה בתקנים(.

תיאורים ,1התיאורים לקריטריונים מופיעים במסמכים נפרדים ובניגוד לגרסה

הם אינם תלויי טכנולוגיה. המסמכים הנוספים מספקים לא רק כיצד

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

ישנה רשימה מקוצרת של בדיקות המאפשרת לבצע2בנוסף , לגרסה אותן בכמה וכמה רמות.

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

C APTCHA

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

הזהב בין הצרכים של כל המשתמשים.פילטרים למילים חמות.2 ,IP שליפת מידע רב, כתובות –זיהוי רובוטים על פי התנהגות .3

וכו'.םביקורים בדפים ספציפיי זיהוי אחיד של כל המשתמשים ברשת של אתרים , כך יהיה קל.4

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

מדובר במידע רגיש. לאומי. הבעיה :

סוגי בדיקות

בדיקה מקצועית על ידי אדם חיצוני או לימוד עצמי באמצעות קורס ובסרגלw3c- בבדיקה זו נעשה שימוש בקווים המנחים של ה

הבעיההנגישות. הבדיקה זולה , מהירה , מעמיקה ורחבה יותר. העיקרית היא שהמידע לא מועבר הלאה וצוות האתר לא לומד ממנה דבר לעתיד. )רק אדם אחד או קבוצה מצומצמת מבצעים

אותה(.

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

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

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

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

חשיבות, אך מומחה ימליץ על הפרדה באמצעות גבולות על מנתלהימנע מהקריאות האלו.

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

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

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

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

עברית נגישה

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

יש להגדיר סימולlang="he" ו – dir="rtl"בתגי ה HTML והמטה.

כמשלבים שתי שפות בכיוונים שונים )עברית ואנגלית(, יש בשפה שהיאUnicode או תווי כיווניות בSPANלהשתמש בתגי

לא שפת המסמך הראשית. למשל, שדה–טבלאות וטפסים יש לסדר בצורה לוגית. בטופס

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

מוחלטת )בגלל שאין חפיפה של שתי שפות שונות על אותו קוד(. 2ניקוד : נגישות ברמה AA –דורשת ניקוד עזר )למילה ספר

דורשת ניקוד מלאAAA 3כמה ניקודים שונים(. נגישות ברמה ומיועדת לילדים או אנשים שחייבים לקרוא עם ניקוד.

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

–מורכבת מדי ולהימנע ממילים כאלו. אם חייבים להשתמש בהן שדרוג(.– upgradeיש להסביר אותן או לצרף תרגום לעברית )

עיצוב גרפי נגיש

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

יש להתאים את הצבעים גם לעיוורי צבעים באמצעות סימולציות.

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

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

אם היחידות מוחלטת(.אם חייבים להשתמש בטקסט שהוא בעצם תמונה, יש לצרף

(altתיאור חלופי )פלאש : יש להשתמש בגרסה אשר בה העברית נכתבת בצורה

לוגית )לא הפוכה(.גם לסרטים אפשר להוסיף כתוביות

עזרי תנועה

מקל פה.1שרביט ראש )כמו זר שמניחים(.2מקלדות עם מקש אחד.3מזהה נשיפה.4כדור עקיבה גדול.5.מכשיר מעקב אחרי העין6.מערכת לזיהוי דיבור7.מקלדת עם הגבהה למקשים החשובים.8

סיכום התאמת האתר לאוכלוסיות שונות

Challenges SolutionsImages, photos, graphics are unusable

Provide text descriptions, in the alt attribute and, if necessary, longer explanations )either on the same page or with a link to another page(.

Users often listen to the web pages

Create links that allow users to skip over navigational menus, long lists of items, ASCII art, and other things that might be difficult or tedious to listen to.

Users often jump from link to link using the Tab

Make sure that links make sense out of context )"click here" is problematic(.

keyUsers generally do not use a mouse

Don't write scripts that require mouse usage. Supply keyboard alternatives )e.g. use onFocus instead of onMouseover(.

It may be difficult for users to tell where they are when listening to data table cell contents

Provide column and row headers )<th>( for data tables.

Avoid spanned rows or columns in data tables, if at all possible.

Complex data tables and graphs that are usually interpreted visually are unusable

Provide summaries and/or text descriptions, preferably on the same page, or link to another page as an alternative.

Frames cannot be "seen" all at once. They must be accessed separately, leading to disorientation.

Don't use frames unless you have to. If you use them, provide frame titles that communicate their purpose )e.g. "navigational frame", "main content"(.

Colors are unusable Do not rely on color alone to convey meaningUsers expect links to take them somewhere

Don't write scripts in links that don't have true destinations associated with them )e.g. href="javascript: function(this)"(

Screen readers read web content in the literal order that it appears in the code

Ensure that complex CSS or table layouts read correctly visually AND in the code.

Individuals cannot see the events in videos

Provide audio descriptions of events in videos that cannot be interpreted by audio alone )e.g. have a narrator describe actions in videos for which there is no dialogue(.

Color Blindness

Challenges SolutionsColors of similar contrast are often indistinguishable

Make sure that there is sufficient contrast

Don't use color alone to convey meaning )supplement the color with text, for example(.

Low Vision

Challenges SolutionsUsers often use screen enlargers

To reduce that amount of horizontal scrolling, use relative rather than absolute units )e.g., use percentages for table widths, instead of pixels(

Text in graphics does not enlarge without special software, and looks pixilated when enlarged

Limit or eliminate text within graphics.

Use anti-aliasing to make text crisp and readable.

Deafness

Challenges SolutionsAudio is unusable Provide transcripts for audio clips.

Provide synchronous captioning for video clips

Motor Disabilities

Challenges SolutionsUsers may not be able to use the mouse

Make sure that all functions are available from the keyboard )try tabbing from link to link(.

Make sure that the tab order is logicalUsers may become fatigued when using "puff-and-sip" or similar adaptive technologies.

Provide a method for skipping over long lists of redundant links or other lengthy content.

Users may be using voice activated software

Voice activated software generally cannot replicate mouse movement as effectively as it can replicate keyboard usage, so make sure that all functions are available from the keyboard.

Cognitive Disabilities

Challenges SolutionsUsers may become confused at complex layouts or inconsistent navigational schemes.

Simplify the layout as much as possible.

Keep the navigational schemes as consistent as possible

Users may have difficulty focusing on or comprehending lengthy sections of text

Where appropriate, group textual information under logical headings.

Organize information in manageable "chunks."One method of input may not be sufficient

Where appropriate, supplement text with illustrations or other media, and vice versa.

למה להנגיש?

באופן כללי:

אתרים צריכים להיות נגישים על מנת לתת הזדמנות שווה לכולם , כולל אנשים מזדקנים. העלות הראשונית של הנגשת אתר יכולה להיות

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

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

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

למעשה את הנגישות.

שיקולים טכניים:

הפחתת הזמן הנדרש לטיפול באתר:

שימוש בקובץCSS חיצוני ושפות Markup כגון XML שימוש בתוכנות לבדיקות תקינותHTMLוכו' על מנת לדבג

בצורה יעילה יותר.להעדיף שימוש בCSSעל מנת לעצב טקסטים ובכך לתת

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

הפחתת העומס על השרת:

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

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

צריכים והם לא יטענו סתם דפים מיותרים

התאמת התוכן לתצורת )קונפיגרציית( המשתמש:

שימוש בטכנולוגיות של הw3c( אשר מותאמות לתצורות שונות XML,CSS)

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

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

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

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

שימוש בטכנולוגיות מתקדמות

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

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

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

שיקולים חברתיים:

נגישות ווב כבעיה חברתית

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

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

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

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

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

מוגדרים ככאלו, אך עדיין אין להם גישה לכל האתרים

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

)ולפעמיים אפילו חיבור רגיל(

אתרים נגישים יכולים להתגבר על חלק מבעיות אלו ויש לקחת אותןבחשבון בתהליך ההנגשה.

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

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

רצון הארגון להתגבר על פער היכולות הטכנולוגיות בחברה

(.Company , לא Society)הכוונה בחברה היא ל

( CSR אחריות חברתית של תאגידים )

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

האדם. אתר נגיש יכול לעזור בכך.

]מתקשר לסעיף "שיפור התדמית" ]קישור

כולם מרוויחים )בעלי מוגבלויות ואנשים רגילים(

]סעיף "הגברת השימוש באתר" ]קישורלאנשים זקנים יש בעיות המזכירות מוגבלויות כגון חירשות

וראייה פחות טובה. ניתן לעזור להם בדרכים הבאות:ניגודיות טובה יותר.1שימוש בטקסט במקום בתמונות.2שימוש בגודל טקסט יחסי.3 שימוש בתמונות מהבהבות.–אי .4

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

:אנשים המוגבלים בהבנת הנקרא או בשימוש בשפה( W ikipedia Simple Englishשפה ברורה ופשוטה ).1תרשימי עזר.2חלוקת גושי טקסט גדולים לקבוצות.3טקסט שלא זז או מהבהב.4 בנוסף חשוב להתאים את האתר לקורא מסך על מנת.5

שאנשים יוכלו להאזין לתוכן האתר במקום לקרוא אותו

התאמת האתר לטכנולוגיות ישנות וחיבורים איטיים

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

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

(LOLהקופה בסופר - .טקסט חלופי כדי שהאתר יטען בלי תמונות ומהר יותריחידות יחסיות של טקסט שאפשר להגדיל גם בדפדפנים ישניםשימוש בCSS....חיצוני התאמה לקריאה ללאCSS...התאמה לתקני הw3c( HTML 4.0 10 קיים כבר בערך)!שנים ...ניווט שמונע דפדוף מיותר

שיקולים כלכליים:

יותר שימוש באתר:

שימוש יתר באתר מביא יותר לקוחות וחוסך משלוח טפסים ופקידים.

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

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

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

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

חיסכון ישיר בהוצאות:

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

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

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

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

עלויות שוטפות:

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

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

הפחתת עלויות:

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

הפן החוקי )ישראל וארה"ב בלבד!(

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

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

אשר נתבע עקב כך(.

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

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

לפני שמתחילים בתהליך.