ניגודיות צבעים: מדריך נגישות עבור חברות תשתית ותקשורת
ניגודיות צבעים נבדק בביקורות WCAG 2.2 לפי קריטריון 1.4.3. הנה מה שזה אומר עבור חברות תשתית ותקשורת, איפה זה נשבר ואיך מתקנים את זה בקוד.
תשובה מהירה
- הדרישה: ניגודיות צבעים מוגדר בקריטריון WCAG 1.4.3 (רמה AA) הנבדק בביקורות WCAG 2.1 ו-2.2 ברמה AA.
- איפה זה קריטי עבור חברות תשתית ותקשורת: תשלום חשבונות, דיווח על תקלות וניהול חשבון.
- הכשל הנפוץ: הטקסט והרקע נמצאים מתחת ליחס 4.5:1 לטקסט רגיל (3:1 לטקסט גדול), ולכן משתמשים עם לקות ראייה אינם מצליחים לקרוא אותו.
- התיקון: כהו או בהירו את צבעי הטקסט והרקע עד שטקסט רגיל מגיע ליחס של 4.5:1 לפחות וטקסט גדול ל-3:1.
דפוסי כשל נפוצים
- הטקסט והרקע נמצאים מתחת ליחס 4.5:1 לטקסט רגיל (3:1 לטקסט גדול), ולכן משתמשים עם לקות ראייה אינם מצליחים לקרוא אותו.
- הבעיה מופיעה לרוב בתשלום חשבונות, דיווח על תקלות וניהול חשבון, התהליכים שהגולשים נשענים עליהם יותר מכול.
- קל להחזיר אותה בכל גרסה חדשה כשאיש לא סורק מחדש את האתר החי.
איך Rogabot עוזר
- דפדפן Chromium ללא ממשק סורק את הדפים החיים שלכם ללא התקנה וללא גישה למאגר הקוד.
- מקבלים הצעות תיקון מוכנות ל-PR ב-HTML, CSS ו-ARIA עם מספרי שורות מדויקים.
- תעודת עמידה מתוארכת והצהרת נגישות מוכנה לפרסום.
צלילה לעומק: ניגודיות צבעים עבור חברות תשתית ותקשורת
עבור חברות תשתית ותקשורת נגישות אינה רשימת סימון תיאורטית. היא קובעת אם גולש מצליח להשלים את המשימות החשובות: תשלום חשבונות, דיווח על תקלות וניהול חשבון. ניגודיות צבעים הוא אחד הקריטריונים שנבדקים בתהליכים האלה, בהתאם ל-WCAG 1.4.3.
הטקסט והרקע נמצאים מתחת ליחס 4.5:1 לטקסט רגיל (3:1 לטקסט גדול), ולכן משתמשים עם לקות ראייה אינם מצליחים לקרוא אותו. הפתרון המעשי פשוט: כהו או בהירו את צבעי הטקסט והרקע עד שטקסט רגיל מגיע ליחס של 4.5:1 לפחות וטקסט גדול ל-3:1. תיקון הקוד במקור שומר על השיפור לכל המשתמשים, בכל מכשיר ובכל טכנולוגיית עזר.
בישראל נבדקת נגישות אתרים מול חוק שוויון זכויות לאנשים עם מוגבלות, תקנות הנגישות לשירות (ובהן תקנה 35) ותקן ישראלי ת"י 5568 המבוסס על WCAG. ביקורת ברמת הקוד מול WCAG מציגה מאמץ בתום לב ומקלה על תיעוד התיקונים. מדריך זה הוא תוכן חינוכי ואינו ייעוץ משפטי.
השוואה בין הגישות הנפוצות
| גישה | מה משתנה | ראיות שמתקבלות |
|---|---|---|
| בדיקות ידניות נקודתיות | מה שהבודק במקרה בדק | הערות לא פורמליות, קשה לשחזר |
| תוספי נגישות (Overlay) | שכבת סרגל כלים; הקוד, התוויות והניווט במקלדת נשארים כפי שהם | אין תיקונים ברמת הקוד |
| ביקורת Rogabot | מאתרת בעיות בדפים המוצגים ומפיקה תיקוני קוד מוכנים ל-PR | תעודה מתוארכת, דוח מנהלים והצהרת נגישות |
דוגמה לתיקון
לפני
.price { color: #94a3b8; background: #f9f9f9; } /* 2.4:1 */אחרי
.price { color: #475569; background: #f9f9f9; } /* 7.2:1 */שלושה צעדים לתיקון מתועד
- סריקה חיה ללא התקנה. מזינים את הדומיין. דפדפן ללא ממשק סורק את הנתיבים הציבוריים ואת ה-DOM המוצג.
- תיקוני קוד למפתחים. מקבלים הצעות HTML5, CSS ו-ARIA מוכנות ל-PR עם מספרי שורות מדויקים.
- הסמכה נקודתית בזמן. מקבלים תעודה מתוארכת, דוח מנהלים והצהרת נגישות מעודכנת.
מצאו ותקנו בעיות נגישות לפני שהן הופכות לסיכון משפטי
Rogabot מספקת לחברות תשתית ותקשורת ביקורות WCAG 2.2 AA אוטומטיות, תיקוני קוד למפתחים ותיעוד עמידה, בלי להתקין דבר.
התחילו ביקורת Rogabotשאלות נפוצות
מה WCAG 1.4.3 דורש מחברות תשתית ותקשורת?
ניגודיות צבעים (WCAG 1.4.3, רמה AA) בפועל: כהו או בהירו את צבעי הטקסט והרקע עד שטקסט רגיל מגיע ליחס של 4.5:1 לפחות וטקסט גדול ל-3:1.
האם תוסף נגישות (Overlay) יכול לתקן ניגודיות צבעים?
תוספי נגישות משנים רק סגנונות שטחיים ואינם מתקנים את ה-HTML עצמו, תוויות טפסים או ניווט מקלדת שבור. תיקון יציב נעשה בקוד הדף, וזה מה ש-Rogabot מכוונת אליו בתיקוני הקוד שלה.
איך Rogabot בודקת אתר של חברות תשתית ותקשורת?
Rogabot בודקת את האתר החי ללא כל התקנה. היא מריצה דפדפן ללא ממשק על הכתובות הציבוריות שלכם ומפיקה תיקוני קוד מדויקים, תעודות עמידה והצהרות נגישות מוכנות לפרסום.
תוכן חינוכי בלבד. אין בו ייעוץ משפטי, ושום כלי אינו יכול להבטיח עמידה משפטית. יש להיוועץ ביועץ משפטי מוסמך.