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

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

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

הפיצ'ר 'Skip to Main Content' מאפשר לגולשים המשתמשים במקלדת לניווט לדלג על האזורים העליונים באתר (כמו התפריטים וה-header) ולעבור ישירות לתוכן המרכזי של העמוד.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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