Wix Harmony Editor: אשף הנגישות (Accessibility Wizard)

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

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

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

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

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

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

אם הוספתם את Wix Multilingual לאתר, אי אפשר לשנות את השפה הראשית שנבחרה במהלך ההגדרה.  

עם זאת, אתם יכולים:

סדר ה-DOM ‏(Document Object Model – מודל האובייקטים של המסמך) של האתר קובע את סדר הבחירה/הקריאה של האלמנטים בעמודים (כלומר הסדר שבו קוראי מסך קוראים את האלמנטים והסדר שבו לחיצות על מקש Tab עוברות ביניהם ומסמנות אותם). 

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

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

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

האשף ינחה אתכם לשנות את הכותרת של העמוד כשתג הכותרת מכיל New page (ברירת המחדל שמשויכת לעמודים חדשים שאתם מוסיפים לאתר), או Copy of (ברירת המחדל שמשויכת לעמודים ששוכפלו).

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

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

תגי ה-Heading הם אלמנטים בקוד ה-HTML של האתר שקובעים את ההיררכיה / המבנה של תוכן הטקסט בעמוד. תגי ה-Heading מופיעים בסדר למעלה-למטה, מ-Heading 1 ‏(H1) ל-Heading 6 ‏(H6), ואז טקסט של פסקה (P).

טכנולוגיות מסייעות משתמשות בתגי heading כדי לדעת את סדר התוכן בעמוד. לדוגמה, קוראי מסך קוראים קודם תוכן ב-H1, אחריו את H2,‏ H3 וכו'. 

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

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

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

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

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

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

יחס ניגודיות הצבעים הרצוי תלוי בסוג האלמנט וברמת ה-Web Content Accessibility Guidelines (WCAG) שאתם רוצים להשיג – AA (דרישת המינימום), או AAA (משופר):

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

הערה: כרגע נדרשת רק רמת AA באשף הנגישות.

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

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

הערה: המשימה הזו תוצג רק אם ה-DOM האוטומטי מושבת באחד מקטעי העמודים או יותר.

טקסט או אלמנטים שמקשרים לעמודים, לקטעים או לאתרים אחרים צריכים להיות כמה שיותר תיאוריים. לדוגמה, 'מידע נוסף על המחקר האחרון שלנו' ברור יותר מ'למידע נוסף'. גם צריך שיהיה ברור אם הם מובילים לפעולה, כמו שליחת טופס. קראו את המסמך Web Content Accessibility Guidelines ‏(WCAG) בנושא מטרת הלינקים.

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

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

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

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

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

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

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

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

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

אשף הנגישות לא תומך בחלקים הבאים:

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

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