הנגשת אתרי וויקס

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



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

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

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


מילה על תוסף נגישות

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



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



איך מנגישים אתר וויקס?

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


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

  • שימוש בסוגי פונט ברורים בגודל קריא (כלל האצבע הוא שהפונט של הטקסט הרץ באתר צריך להיות לא קטן מ- 16).

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

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

  • הגדרת כותרות נכונה ומסודרת (h1-h5) (לא יודעים מה זה? קראו על זה במדריך ה- SEO המתוקצר שלי), והקפדה על התאמה בין כותרת h1 שלכם לבין ה- page title כפי שהיא מוגדרת בהגדרות ה- SEO שלכם עבור גוגל. הקפידו על הגדרת כותרות גם בעמודי הבלוג שלכם, במידה ויש לכם בלוג- כותרת ראשית, כותרת משנה וטקסט רץ מובחנים ביניהם אוטומטית ע"י גודל הכתב, וכאמור זה משרת גם את מטרות ההנגשה וה- SEO (עוד על SEO לאתר שלכם אתם יכולים לקרוא כאן).

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

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

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

  • וידאו ואודיו באתר- יש להוסיף כתוביות. זה כמובן צריך להעשות בתכנת עריכה חיצונית ולא במערכת של וויקס.

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


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

סיימתם הכל? מעולה. עכשיו, אתם יכולים להכנס בהגדרות שבעורך שלכם ללשונית accessibility, שם נמצא כלי חדש של וויקס לבדיקת נגישות שנמצא כרגע בשלבי בטא. לחלק מכם תהיה גישה אליו, ולחלק לא. לאלו שלא נותר רק להמתין, ואלו שכן רואים אפשרות להפעלת הפיצ'ר, Accessibility Wizard שמו, לחצו עליו ותנו לו לסקור את כל האתר שלכם ולהתריע בפניכם על כל המקומות שבהם פספסתם ולהציע לכם לבצע תיקונים שישפרו הנגישות של האתר, ממש בדומה ל- SEO wiz. הפיצ'ר הזה הוא ממש חדש ואני עוד לא מכירה אותו מספיק טוב כדי לדעת עד כמה הוא מקיף, יסודי וגם גמיש כשצריך- כך שאני מציעה לא לפעול על אוטומט אלא באמת להבין מה אתם עושים ומה המטרה. זו כמובן עצה טובה לכל מצב, ובהקשר זה- טובה במיוחד.


כמו תמיד, מוזמנים לכתוב אם יש לכם הערות, שאלות או מחשבות על הנושא, מקווה שעזרתי!

121 צפיות

מה מעניין אתכם היום?

נעים מאוד, אני אלכס

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

רוצים להשאר מעודכנים?

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

איזה כיף! נהיה בקשר