נגישות אתרים

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

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

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

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

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

💡חשוב לדעת💡 בישראל, התקן המחייב הוא ת"י 5568 המבוסס על הנחיות ה-WCAG הבינלאומיות ברמה AA. עמידה בתקן זה מבטיחה שהאתר שלכם עומד בדרישות החוק ונגיש לרוב המוחלט של האוכלוסייה.

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

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

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

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

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

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

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

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

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

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

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

המרכיב באתר	יישום נכון ונגיש	טעות נפוצה שפוגעת בנגישות
תמונות וגרפיקה	הוספת טקסט חלופי (Alt Text) שמתאר את תוכן התמונה עבור קוראי מסך.	העלאת תמונות ללא תיאור, או שימוש בתיאור גנרי כמו "image1".
ניווט באתר	אפשרות מלאה לניווט באמצעות המקלדת בלבד (Tab), ללא צורך בעכבר.	אלמנטים שניתן ללחוץ עליהם רק עם העכבר ותפריטים שלא נפתחים במקלדת.
טפסים ליצירת קשר	תוויות ברורות (Labels) לכל שדה, והודעות שגיאה מפורטות שעוזרות לתקן.	שימוש ב-Placeholder בלבד שנעלם בעת הקלדה, ללא הסבר מה השגיאה.
צבעוניות וקונטרסט	יחס ניגודיות גבוה בין הטקסט לרקע, המאפשר קריאה נוחה גם ללקויי ראייה.	שימוש בטקסט אפור בהיר על רקע לבן או שילובי צבעים שקשה להבחין ביניהם.

ההבדל בין תוסף נגישות להנגשה בקוד

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

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

איך אנחנו עושים את זה? תהליך ההנגשה ב-EMSTUDIO

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

1. אבחון ומיפוי ראשוני - בשלב הראשון אנחנו סורקים את האתר (אם הוא קיים) או את האפיון (באתר חדש) כדי לזהות נקודות תורפה ופערים בנגישות.
2. תכנון ועיצוב מותאם - אנחנו מבצעים התאמות בעיצוב, בבחירת הצבעים ובטיפוגרפיה, כדי לוודא שהם עומדים בדרישות הניגודיות והקריאות.
3. פיתוח וכתיבת קוד סמנטי - המתכנתים שלנו בונים את האתר תוך שימוש בתגיות HTML נכונות שמאפשרות לכלים כמו קוראי מסך להבין את מבנה העמוד.
4. הוספת תכנים נגישים - הזנת תיאורים לתמונות, הוספת כתוביות לסרטונים וארגון הכותרות בצורה לוגית.
5. בדיקות איכות (QA) קפדניות - בדיקה ידנית ואוטומטית של האתר, כולל שימוש בתוכנות להקראת מסך וגלישה באמצעות מקלדת בלבד.

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

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

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

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

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

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

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

• נתקו את העכבר - נסו לנווט באתר באמצעות מקש ה-Tab בלבד. האם אתם מצליחים להגיע לכל הקישורים והכפתורים? האם ברור לכם איפה אתם נמצאים בכל רגע?
• הגדילו את התצוגה - השתמשו בקיצור המקלדת Ctrl ופלוס (+) כדי להגדיל את התצוגה ל-200%. האם הטקסטים נשברים? האם התפריטים מסתירים את התוכן?
• בדקו סרטונים - אם יש לכם סרטוני וידאו באתר, ודאו שיש להם כתוביות (Captions) עבור אנשים עם לקות שמיעה.
• חפשו טקסט חלופי - עמדו עם העכבר על תמונה או בדקו בקוד האם קיים תיאור טקסטואלי (Alt tag).
• קראו את הצהרת הנגישות - בדקו האם קיימת הצהרת נגישות מעודכנת באתר, הכוללת פרטי רכז נגישות ודרכי התקשרות חלופיות.

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

לסיכום: נגישות היא הזדמנות לצמיחה

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

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

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

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