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

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

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

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

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

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

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

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

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

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

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

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