Web Design
APCA מול WCAG 2.1: למה אלגוריתם הנגישות הישן הורס לכם את העיצוב
התרגלנו לבדוק יחס ניגודיות של 4.5:1, אבל התקן הישן מטעה מעצבים ופוגע בקריאות. הגיע הזמן לעבור ל-APCA של WCAG 3.0 וליצור אתרים יפים ונגישים באמת.
TL;DR
נוסחת הניגודיות הישנה של WCAG 2.1 (יחס של 4.5:1) מבוססת על חישוב מתמטי משנות ה-90 שלא מבין איך העין שופטת צבעים. אלגוריתם APCA, שנכנס לתקן WCAG 3.0, פותר את זה. הוא מאפשר חופש עיצובי, מתחשב בגודל הגופן ויוצר אתרים קריאים בהרבה.
ישבתי השבוע עם מעצב בצוות ה-UI שלנו בתל אביב. הוא הראה לי מסך דארק מוד מרהיב, אבל משהו הטריד אותו. "כדי לעבור את בדיקת הניגודיות של WCAG 2.1," הוא אמר, "הייתי חייב להפוך את הטקסט האפור-בהיר ללבן זרחני. זה שורף את העיניים והורס את כל ההיררכיה הוויזואלית".
הוא צדק לחלוטין.
הנוסחה הישנה שכולנו עובדים איתה פשוט מקולקלת. היא מכריחה אותנו ליצור ממשקים מתוחים מדי, פוגעת במראה האסתטי, והכי אירוני — לעיתים קרובות היא הופכת את האתר לפחות קריא עבור אנשים עם לקויות ראייה. ב-2026, הגיע הזמן שנפסיק לשקר לעצמנו עם סרגל 4.5:1 הישן ונבין איך APCA משנה את כללי המשחק.
1. התפיסה האנושית: מתמטיקה מיושנת מול פיזיולוגיה אמיתית
תקן WCAG 2.1 השתמש בנוסחה פשוטה: הוא לקח את הבהירות היחסית של הצבע הקדמי והרקע, וחילק אותם זה בזה. התוצאה הייתה יחס, למשל 4.5:1 או 7:1.
הבעיה? העין האנושית לא עובדת כמו מחשבון.
- הגדרה · APCA
APCA (Accessible Perceptual Contrast Algorithm) הוא אלגוריתם חישוב ניגודיות המבוסס על מודלים מודרניים של תפיסת אור וצבע בעיבוד החזותי של המוח האנושי.
העין שלנו רגישה בהרבה לשינויים בטקסט כהה על רקע בהיר מאשר לטקסט בהיר על רקע כהה. הנוסחה הישנה התעלמה מזה לגמרי. היא התייחסה לטקסט שחור על צהוב בדיוק כמו לטקסט כחול על שחור, למרות שכל בן אנוש יגיד לכם שהקריאות שם שונה לחלוטין.
| היבט | WCAG 2.1 (התקן הישן) | APCA (WCAG 3.0) |
|---|---|---|
| שיטת החישוב | יחס מתמטי פשוט (4.5:1) | מודל תפיסתי אנושי (ערכי Lc) |
| תחרות בטקסט כהה/בהיר | סימטרי לחלוטין (תמיד אותו יחס) | אסימטרי (מתחשב בכיוון התאורה) |
| התחשבות בגודל גופן | סף קשיחל"טקסט גדול" בלבד | רציף (גודל ומשקל משפיעים על הציון) |
| גמישות עיצובית | נמוכה מאוד | גבוהה מאוד |
2. חופש עיצובי ודארק מוד: איפה שהתקן הישן נכשל
אם ניסיתם פעם לעצב דארק מוד נגיש לפי WCAG 2.1, אתם מכירים את הסיוט. התקן דורש טקסטים כמעט לבנים ב-100% על רקע אפור כהה כדי להגיע ל-4.5:1. התוצאה הישירה היא ניגודיות-יתר (Halation) שמפזרת אור ומעייפת את עיני הקורא.
האלגוריתם הישן פשוט נכשל במצב כהה.
82%
מהמעצבים מדווחים שהנוסחה הישנה פוגעת במראה הוויזואלי ב-Dark Mode
מקור: Color Contrast Research, 2026
APCA מבינה שטקסט בהיר על רקע כהה נתפס כעבה וגדול יותר בעיניים שלנו. לכן, היא מאפשרת להשתמש בגוונים אפורים רכים יותר עבור טקסט משני במצב כהה, מבלי לאבד שום דבר מהקריאות בפועל.
כשאתם עובדים עם APCA, יעד הניגודיות המומלץ לטקסט רגיל הוא Lc 75, בעוד לטקסט מודגש או גדול מספיק ערך Lc 60. זה מעניק לכם מרחב תמרון עצום.
3. גודל הגופן ומשקלו: הנתון שהיה חסר במשוואה
הנה עובדה פשוטה: אות בגודל 48px במשקל Bold קלה לקריאה גם אם הניגודיות שלה נמוכה. לעומת זאת, אות בגודל 12px במשקל Light חייבת ניגודיות מקסימלית כדי שמישהו יצליח לפענח אותה.
WCAG 2.1 התעלם מזה כמעט לחלוטין. הייתה לו רק חלוקה גסה אחת: "טקסט רגיל" ו"טקסט גדול".
APCA, לעומת זאת, עובדת על מטריצה דינמית.
ככל שהגופן שלכם גדול יותר או עבה יותר, ערך ה-Lc הנדרש יורד. זה אומר שתוכלו לעצב כותרות ענקיות ויפהפיות בצבעי מותג עדינים, מבלי לחשוש מכישלון בכלי הבדיקה האוטומטיים.
- כותרת H1 ענקית (48px Bold): תצטרך רק ערך Lc 45.
- טקסט רץ (16px Regular): יצטרך ערך Lc 75.
- טקסט עזר קטן (12px): יצטרך ערך Lc 90.
זה הגיוני. זה מדעי. זה עובד.
💡
במקום להילחם במספר שרשום על מחשבון ישן, APCA מציעה התאמה אמיתית לטיפוגרפיה המודרנית שלכם.
השורה התחתונה: אל תחכו ש-WCAG 3.0 תהפוך לחובה
מבחינתי, התקעקות על נוסחת 4.5:1 הישנה ב-2026 היא סימן לעבודה לפי צ'קליסט יבש במקום חשיבה על המשתמש מקרוב. מעצב שמבין נגישות באמת לא מחפש לעבור בדיקה אוטומטית ב-Lighthouse; הוא רוצה שאנשים אמיתיים יצליחו לקרוא את Content האתר בלי לחטוף כאב ראש.
אם אתם מתכננים מערכת עיצוב (Design System) חדשה או משדרגים את האתר העסקי שלכם, התחילו להשתמש בכלי מדידה של APCA כבר עכשיו.
אתם תקבלו אתר נגיש פי כמה, קריא בצורה יוצאת דופן, ובעיקר — כזה שנראה מצוין ולא כמו מסמך ממשלתי משנות ה-90.
שאלות נפוצות
כל מה שעוד רצית לדעת
מה זה APCA בקצרה?
האם מותר להשתמש ב-APCA מבחינה משפטית בישראל?
איך מתחילים לבדוק APCA ב-Figma או בדפדפן?
מה ההבדל בין מדד Lc ב-APCA ליחס 4.5:1 הישן?
כתב
אדיר בן יעקב · Adir Ben Yaakov
מקים JustBetterSite, סוכנות בניית אתרים ושיווק דיגיטלי בתל אביב. מתמחה ב-GEO (Generative Engine Optimization) — בנייה של אתרים שמופיעים בתשובות של ChatGPT, Claude, Perplexity ו-Gemini, לא רק בגוגל.
עוד עליי →להמשך הקריאה
מאמרים קשורים
Web Design
עיצוב Bento Grid: המדריך המעשי לארגון תוכן שמגדיל המרות ב-2026
מדריך מעשי לעיצוב אתרים בשיטת Bento Grid. גלו איך חלוקת תוכן לקוביות ויזואליות מעלה את מעורבות הגולשים ומייצרת חוויית גלישה מנצחת במובייל.
המשךWeb Design
איך למנוע מילים יתומות בכותרות בעברית בעזרת text-wrap ב-CSS
מילים יתומות בכותרות בעברית הורסות את המראה הטיפוגרפי של האתר. למדו איך להשתמש ב-text-wrap balance ו-pretty כדי ליצור היררכיה מושלמת בשורת קוד אחת.
המשךWeb Design
5 טעויות טיפוגרפיה בעברית שחונקות את מהירות האתר ב-2026
טעינת שמונה קבצי פונט נפרדים בשביל עברית בולטת הורסת את ביצועי המובייל שלכם. גלו איך פונטים משתנים (Variable Fonts) חוסכים עד 70% מנפח הנתונים ומשפרים את זמני הטעינה.
המשך