Accessibility: פתרון בעיות באשף הנגישות
3 דקות
אשף הנגישות הוא כלי שימושי שיכול לסייע לכם להנגיש את האתר עבור הגולשים.
בהתאם לסוג התוכן הוויזואלי או תוכן הבקאנד (backend) שיש לכם באתר, יכול להיות שתיתקלו בבעיות מסוימות במהלך השימוש באשף. האפשרויות שמופיעות במדריך מציגות פרטים נוספים על הבעיות האלה ועל הפתרונות הפוטנציאליים שלהן.
ניגודיות צבעים בתמונות
כדי שהטקסט באתר שלכם יהיה גלוי בבירור, האשף מסמן את כל האזורים שאין להם רמת ניגודיות צבעים של 3.0 ומעלה במקרה של טקסט גדול, ו-4.5 עבור טקסט רגיל. יכול להיות שתראו אחת מההתראות האלה כשיש לכם ניגודיות צבעים מספקת, אבל הצבתם טקסט על-גבי תמונה.
האשף מחשב את הניגודיות על סמך הבהירות של הטקסט ועל סמך רקע המקטע או הסטריפ שבו התמונה מופיעה. לכן, כדי לפתור את הבעיה, אתם צריכים לשנות את הבהירות של הטקסט או הרקע.
ניגודיות צבעים בקונטיינרים
אם תציבו טקסט על-גבי תיבת קונטיינר בלי להצמיד אותו לקונטיינר, חישוב ניגודיות הצבע יהיה שגוי. לכן, יכול להיות שתופיע לכם התראה על בעיה בניגודיות.
הסיבה לכך היא שהאשף לא מזהה את הקונטיינר כרקע, ובמקום זאת מחשב את הניגודיות על סמך הרקע שהקונטיינר נמצא עליו (לדוגמה סטריפ או מקטע).
כדי לפתור את הבעיה, אתם צריכים לצרף את הטקסט לתיבת הקונטיינר.
תראו לי איך לצרף טקסט לקונטיינר
תגי heading בעמודים
תגי Heading מגדירים את ההיררכיה של תוכן העמוד, ומאפשרים לגולשים לנווט בו. אם לא תגדירו את הטקסט בעמוד, ייתכן שהאשף יציג כרטיסים שיבקשו מכם להגדיר את הכותרת הראשית של העמוד ואת תגי ה-heading של טקסט אחר.
פתרון בעיות בתגי heading
פתרון בעיות בכותרות בעמודים
באשף מופיע הכרטיס Main Heading (כותרת ראשית) וגם הכרטיס Heading Definition (הגדרת כותרת)?
מומלץ לפתור קודם את הכרטיס Main Heading. פעולה זו תפתור באופן אוטומטי את אחד מכרטיסי ה-Heading Definition, כך שלא תצטרכו להגדיר שוב את הטקסט.
טקסט עם לינק
יכול להיות שתראו באשף כרטיס שמסמן טקסט מקושר באתר, או שממליץ לכם לבדוק אותו ידנית. הסיבה לכך היא שטקסט גנרי עם לינק (כמו 'מידע נוסף') לא מתאר בבירור מה קורה כשגולשים מקליקים עליו.
מומלץ לוודא שכל טקסט עם לינק שתוסיפו לאתר יהיה תיאורי, ויסביר לגולשים את תפקיד הלינק (למשל 'קראו את הביקורות על התוכנית שלנו').
טקסט חלופי ו-CMS
אם חיברתם תמונה למערך נתונים והוספתם לה טקסט חלופי דרך החיבור, יכול להיות שתתבקשו להוסיף שוב טקסט חלופי באשף הנגישות. הסיבה לכך היא שהאשף לא קורא את מערכי הנתונים של האתר שלכם, ולוקח את המידע מהגדרות התמונה.
כדי לפתור / למנוע את הופעת כרטיס הטקסט החלופי, מומלץ להוסיף טקסט חלופי טוב לתמונה ב-Wix Editor. אחרי שתחברו את התמונה למערך הנתונים, תוכלו לבדוק ששדה הטקסט החלופי מחובר לטקסט החלופי שהוספתם ב-editor.
מאפייני ARIA בתמונות
מאפייני ARIA מספקים לטכנולוגיות מסייעות מידע נוסף על הסמנטיקה של אלמנטים. מומלץ להוסיף מאפייני ARIA רק ליישומי אינטרנט מותאמים אישית באתר שלכם, זאת מכיוון שלרוב האלמנטים האחרים יש מאפיינים מקודדים מראש.
כיוון שטקסט חלופי מספק מידע על המדיה באתר לטכנולוגיות מסייעות, אין צורך להוסיף גם מאפייני ARIA.
בעיות שחוזרות על עצמן
האשף עשוי להדגיש בעיות שכבר פתרתם בשלב 3. לדוגמה, אם הוספתם הצהרת נגישות (וסימנתם שהשלמתם אותה באשף), הכרטיס עלול להופיע שוב כשתסרקו את האתר שוב.
השינויים / ההגדרות ששמרתם עדיין אמורים להיות פעילים באתר – פשוט הקליקו על הכפתור כדי לסמן שסיימתם.