בודק נגישות HTML

רוב בדיקות הנגישות המהירות הן או סריקת מילות מפתח שטחית או ספרייה כבדה שאתם חייבים לסמוך עליה כקופסה שחורה. הכלי הזה נוקט בגישה שלישית: הוא מנתח כל HTML שתדביקו באמצעות DOMParser המובנה של הדפדפן — ללא axe-core, ללא ספריית נגישות חיצונית, ללא הורדות — ואז סורק את עץ ה-DOM שנוצר באמצעות סט בדיקות בכתב יד המדמות דפוסי כשל WCAG 2.1 נפוצים ואמיתיים. המשמעות היא שהלוגיקה ניתנת לבדיקה מלאה והביקורת רצה כולה בתוך הדפדפן שלכם: התגים שאתם מדביקים, וכל זוג צבעים שאתם בודקים, לעולם אינם מועלים או נשלחים לשום מקום.

הבדיקות מכסות את הכשלים המופיעים בתדירות הגבוהה ביותר בדפים אמיתיים: רכיבי <img> ללא תכונת alt כלל (כשל WCAG אמיתי, להבדיל מ-alt="" הריק המשמש בכוונה לתמונות דקורטיביות, שאינו מסומן כהלכה), פקדי טופס ללא דרך לטכנולוגיה מסייעת לדעת למה הם מיועדים (נבדק מול כל נתיב אמיתי לתווית — <label for> תואם, הימצאות בתוך <label> עוטף, או תכונת aria-label/aria-labelledby), רמות כותרות המדלגות ללא אזהרה (<h1> ישירות ל-<h3>, או מסמך ללא <h1> כלל, או יותר מאחד), קישורים ללא href או עם טקסט מעורפל וחסר הקשר כמו "click here" או "read more", ותכונת lang חסרה כאשר מודבק מסמך HTML מלא (לא רק מקטע).

החלק הבולט הוא חישוב ניגודיות אמיתי, לא היוריסטיקה שטחית של 'נראה קריא'. עבור כל אלמנט הנושא color ו-background-color inline, הכלי קורא את שני הערכים, פותר אותם למספרי RGB אמיתיים באמצעות מנוע ה-CSS של הדפדפן (כך ש-hex, rgb(), hsl() וצבעים בעלי שם כמו 'tomato' עובדים באופן זהה), ומחשב את הבהירות היחסית המדויקת של WCAG עבור כל אחד — L = 0.2126×R + 0.7152×G + 0.0722×B, כאשר כל ערוץ מתוקן גמא תחילה באמצעות עקומת ההעברה האמיתית של sRGB — בטרם שילובם לנוסחת יחס הניגודיות הרשמית, (L הבהיר + 0.05) / (L הכהה + 0.05). גודל הגופן ומשקלו של האלמנט עצמו קובעים אם חלים הספים המחמירים של 'טקסט רגיל' או הספים המקלים יותר של 'טקסט גדול' (18pt ומעלה, או 14pt ומעלה מודגש), והתוצאה נבדקת מול כל ארבעת ערכי ה-WCAG האמיתיים בבת אחת: 4.5:1 ו-3:1 עבור AA, 7:1 ו-4.5:1 עבור AAA — לעולם אינה מצטמצמת לפסק דין יחיד ומזויף של טוב/רע.

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