1
All-in-one
אלו הכלים המקיפים — לא כלים למשימה בודדת. הם בודקים הכל (צבע, מבנה, קוד) ומהווים את הבסיס המקצועי. כשלא יודעים איפה להתחיל – מתחילים כאן.
Google
Lighthouse
מובנה בכלי המפתחים של כרום. מריץ בדיקת נגישות אוטומטית (המבוססת על מנוע Axe) ומציג את הציון לצד ציוני ביצועים, SEO ושיטות עבודה מומלצות. זהו כלי המדגים כיצד נגישות משתלבת ביעדי האיכות הכלליים של המוצר.
מובנה בכרום | חינם
Axe DevTools
זהו הכלי המרכזי המשמש צוותי פיתוח. הוא מפורסם בזכות מדיניות "אפס תוצאות חיוביות שגויות", סורק את הקוד לעומק ומאתר עשרות סוגי הפרות WCAG ברמת הרכיב. הכרחי להבנת תהליכי הבדיקה בצד הפיתוח.
תוסף דפדפן (DevTools) | Freemium
Wave
מציג שכבת סמלים חזותיים (Overlay) ישירות על גבי העמוד. סמלים אלו ממחישים שגיאות ניגודיות, בעיות היררכיה בכותרות, תגי ARIA חסרים וטקסט חלופי. הופך בעיות קוד מופשטות לייצוג ויזואלי ברור.
תוסף דפדפן | חינם
Stark
הכלי המרכזי ליישום גישת 'Shift Left' (הטמעה מוקדמת של נגישות). מאפשר בדיקות ניגודיות, הדמיית עיוורון צבעים, בדיקת גודל מטרות לחיצה ונ יהול תיעוד סדר פוקוס – והכל קורה ישירות בסביבות העיצוב והפיתוח.
פלאגין (Figma/Sketch) | Freemium
צבע וניגודיות
זוהי נקודת הכשל הנפוצה ביותר בנגישות. ניגודיות נמוכה או הסתמכות על צבע בלבד פוגעת ישירות במשתמשים עם ליקויי ראייה ועיוורון צבעים. סקשן זה מרכז כלים ייעודיים לבדיקה (Checkers), יצירה (Generators) וסימולציה (Simulators) של פלטות צבע נגישות.
WebAIM Contrast Checker
מחשבון ה-WCAG הטהור. מכניסים צבע חזית וצבע רקע ומקבלים תשובת "עובר/נכשל" מיידית (AA/AAA).
כלי רשת | חינם
Color Safe
במקום לבדוק צבעים בדיעבד, כלי זה מייצר צבעי טקסט נגישים. מגדירים לו צבע רקע, גופן ומשקל, והוא מחולל אוטומטית אפשרויות שעומדות בתקן.
כלי רשת | חינם
Color Oracle
כלי חינמי (Win/Mac/Linux) המפעיל פילטר על כל המסך בזמן אמת. מאפשר לראות כיצד העיצוב (כולל בפיגמה) נראה לסוגים שונים של עיוורון צבעים.
אפליקציית דסקטופ | חינם
טיפוגרפיה
יותר מאסתטיקה, טיפוגרפיה נגישה היא קריאות (Readability). היא קריטית עבור משתמשים עם דיסלקציה ולקויות קוגניטיביות, ודורשת מבנה טכני יציב. סקשן זה מרכז כלים לבניית סקאלה היררכית (Typescale) ובדיקת עמידות לזום (Zoom Test).
Text Resizer
פלאגין המדמה את דרישת WCAG 1.4.4 (שינוי גודל טקסט) בתוך סביבת העיצוב. הוא מגדיל את הטקסט הנבחר באחוזים קבועים (כמו 200%) כדי לבדוק כיצד רכיבי הAuto-Layout מגיבים, והאם הפריסה נשברת או תוכן נחתך – עוד לפני שנכתב קוד.
פלאגין (Figma/Sketch) | חינם
Typescale
פלאגין UI ליצירת סולם טיפוגרפי (Modular Scale) הרמוני ישירות בפיגמה. הוא מייצר יחסים מתמטיים קבועים בין גדלי גופן, יוצר את סגנונות הטקסט (Text Styles) בקובץ, ומבטיח היררכיה ברורה ובסיס יציב לפיתוח.
פלאגין (Figma/Sketch) | חינם
רכיבים אינטראקטיביים
נגישות היא לא רק מראה סטטי, אלא תפעול ותנועה. סקשן זה מתמקד בשני עקרונות תפעול קריטיים שמעצבים חייבים לתעד: הבטחת סדר ניווט הגיוני (Focus Order) למשתמשי מקלדת, ועיצוב מטרות לחיצה (Touch Targets) גדולות מספיק.
Adee
בדיקת גודל מטרות לחיצה (Touch Targets)
ל-Adee כלים רבים, אך זהו כלי מרכזי בו. הפלאגין כולל בודק "Touch Target" ייעודי. הוא סורק רכיבים נבחרים ומוודא שהם עומדים בדרישות הגודל המינימלי (לפי WCAG או הנחיות Apple/Google) כדי להבטיח תפעול נוח.
פלאגין (Figma/Sketch) | Freemium
A11Y - Focus Order
תיעוד סדר ניווט (Tab) ישירות על העיצוב
פלאגין חיוני לתהליך ה-Handoff לפיתוח. הוא מאפשר למעצבים למספר את כל הרכיבים האינטראקטיביים בפריים, ויוצר תיעוד חזותי ברור של סדר ה-Tab הר צוי, מה שמבטיח ניווט מקלדת הגיוני למשתמשי קורא מסך.
פלאגין (Figma/Sketch) | חינם
תמונות ומדיה
תוכן ויזואלי (תמונות, וידאו) אינו נגיש כברירת מחדל לקוראי מסך או לכבדי שמיעה. הוא דורש חלופה טקסטואלית (כמו Alt Text) כדי לספק חוויה שוות-ערך. בעוד שמשימה זו הייתה ידנית לחלוטין, כלי AI חדשים מאפשרים כיום לבצע אוטומציה לחלק גדול מהתהליך.
AltText.ai
כלי AI הסורק תמונות ומייצר עבורן טקסט חלופי מדויק בעשרות שפות. חוזקו המרכזי הוא באינטגרציה ישירה למערכות CMS ההופכת את התהליך לאוטומטי
כלי רשת / API | מבוסס מנוי
Popupsmart
מעלים תמונה וה-AI מייצר מיד הצעת טקסט חלופי. זהו פתרון לבדיקות מהירות או ליצירת טקסט לתמונה בודדת, מבלי צורך בהתחייבות או אינטגרציה למערכת.
כלי רשת | חינם
מבנה וניווט
עבור משתמשי קורא מסך, היררכיית הכותרות (H1-H6) היא האמצעי המרכזי לסרוק עמוד ולהבין את המבנה שלו. מבנה כותרות שבור או דילוג על רמות הופך את העמוד לבלתי ניתן לניווט. סקשן זה מרכז כלים לבדיקה וייצוג חזותי של השלד הסמנטי של העמוד.
HeadingsMap
כלי ייעודי וממוקד לבדיקת מבנה. הוא סורק את העמוד ויוצר בחלונית צד מפה היררכית (דומה לעץ תיקיות) של כל הכותרות (H1-H6). הוא חושף ויזואלית ובאופן מיידי שגיאות מבניות, כמו דילוג על רמות (למשל, מ-H2 ל-H4).
תוסף דפדפן | חינם
Web Developer Toolbar
תוסף ותיק אשר בהקשר הנגישות, הפונקציה החשובה ביותר שלו היא "Outline Headings". היא מציירת מסגרת ויזואלית סביב כל הכותרות בעמוד, ומאפשרת לזהות במהירות רכיבים ש"נראים" כמו כותרת אך אינם מוגדרים ככאלה.
תוסף דפדפן | חינם