נגישות דיגיטלית · WCAG 2.2

רשת אחת, לכולם.

מדריך קצר לנגישות דיגיטלית: מה זה, למה זה חשוב, ואיך משנה WCAG 2.2 את חוקי המשחק – כולל הדגמות מונפשות.

לאנימציה של WCAG 2.2 תקנים וחוקים

מה תמצאו באתר

על נגישות

מהי נגישות, מי נהנה ממנה ולמה היא חיונית.

עקרונות POUR

ארבעת העקרונות ושלוש רמות ההתאמה.

WCAG 2.2

תשעת הקריטריונים החדשים, עם אנימציות.

תקנים ורגולציה

אירופה, ארצות הברית, קנדה, בריטניה וישראל.

בדיקה וטיפים

מדריך בדיקה מעשי בשבעה שלבים.

דוח VPAT למוצר שלכם

בדיקת נגישות ודוח ACR שאפשר לשלוח ללקוחות ולמכרזים.

לצוותי פיתוח

כללים, קוד לדוגמה וכלים אוטומטיים.

מהי נגישות, ולמה היא חשובה?

נגישות דיגיטלית פירושה שאתרים, אפליקציות ומסמכים בנויים כך שכל אדם יכול לתפוס אותם, להפעיל אותם ולהבין אותם, גם עם קורא מסך, מקלדת בלבד או תוכנת הגדלה.

למה צריך אותה?

נגישות היא לא תוספת: היא תנאי לכך שאנשים עם מוגבלות, אנשים מבוגרים ומשתמשים בסביבות מאתגרות יוכלו להשתמש בשירות שלכם.

אנשים

מאות מיליוני אנשים בעולם חיים עם מוגבלות כלשהי – ראייה, שמיעה, תנועה או קוגניציה.

חוק

בישראל תקנות הנגישות מחייבות שירותי אינטרנט לפי תקן ישראלי 5568, המבוסס על WCAG.

כולם נהנים

ניגודיות טובה, מקלדת ותוכן ברור עוזרים גם בשמש חזקה, ביד אחת או ברשת איטית.

למי זה מיועד?

ראייה

עיוורון, ראייה חלקית ועיוורון צבעים. תלויים בקורא מסך, בהגדלה ובניגודיות.

שמיעה

חירשות וכבדות שמיעה. צריכים כתוביות ותמלולים.

תנועה

רעד, שיתוק או עייפות. משתמשים במקלדת, בקול או במתג.

קוגניציה

דיסלקציה, ADHD, אוטיזם וקשיי זיכרון. צריכים שפה פשוטה ועקביות.

הטיעון העסקי והחוקי

קהל רחב יותר. אתר שכולם יכולים להשתמש בו מגיע ליותר לקוחות.
איכות וקוד. קוד סמנטי משפר חיפוש, תחזוקה וביצועים.
סיכון משפטי. בישראל, באירופה ובארצות הברית יש היום חובות ואכיפה, ראו את עמוד התקנים.
מוניטין. שירות שמכבד את כל המשתמשים בונה אמון.

מה מרוויחים מנגישות

נגישות היא השקעה שמחזירה את עצמה: יותר לקוחות, מוצר טוב יותר ופחות עלויות בהמשך.

שוק גדול יותר

לפי ארגון הבריאות העולמי, כ־1.3 מיליארד אנשים, אחד מכל שישה, חיים עם מוגבלות משמעותית. מוצר נגיש פתוח גם להם ולמשפחות שלהם.

חוויה טובה יותר לכולם

טפסים ברורים, ניגודיות טובה וכפתורים גדולים עוזרים לכל משתמש, ומעלים את שיעור ההשלמה של הרשמה ותשלום.

נראות בחיפוש

כותרות סמנטיות, טקסט חלופי ותמלולים הם בדיוק מה שמנועי חיפוש קוראים.

זכייה במכרזים

גופים ציבוריים וארגונים גדולים דורשים הוכחת נגישות. דוח VPAT מוכן מכניס אתכם לרשימה הקצרה.

קוד איכותי וזול יותר לתחזוקה

רכיבים נגישים הם רכיבים סטנדרטיים ובדוקים. פחות באגים, פחות קוד מותאם אישית, פחות הפתעות בגרסה הבאה.

מותג שאנשים סומכים עליו

לקוחות, עובדים ומשקיעים שמים לב מי מתייחס ברצינות לכל המשתמשים שלו.

מה מסכנים כשמתעלמים ממנה

המחיר של אתר לא נגיש מגיע בדרך כלל במפתיע, ותמיד גבוה ממחיר התיקון מראש.

תביעות ומכתבי דרישה. בארצות הברית מוגשות אלפי תביעות נגישות דיגיטלית בשנה. בישראל החוק מאפשר לתבוע פיצוי גם בלי הוכחת נזק.
אכיפה באירופה. מאז יוני 2025 חוק הנגישות האירופי חל על מוצרים ושירותים פרטיים, וכל מדינה קובעת קנסות וסנקציות משלה.
עסקאות שהולכות למתחרה. בלי VPAT או עם דוח חלש, הצעה נפסלת עוד לפני שמישהו ראה את המוצר.
לקוחות שעוזבים בשקט. מי שלא מצליח להשלים הזמנה עם מקלדת או קורא מסך לא מתלונן. הוא עובר לאתר אחר.
תיקון מאוחר ויקר. לתקן נגישות אחרי השקה עולה הרבה יותר מלבנות נכון מההתחלה, ובדרך כלל תחת לחץ של תביעה או של לקוח.
פתרונות קסם שלא עובדים. תוסף נגישות שמוסיפים בשורת קוד אחת לא הופך אתר לנגיש ולא מגן מפני תביעה. אין תחליף לתיקון בקוד עצמו.

זה מידע כללי ולא ייעוץ משפטי. לפני החלטה משפטית כדאי להתייעץ עם עורך דין.

לשירות VPAT

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

ארבעת העקרונות (POUR)

כל קריטריוני WCAG נשענים על ארבעה עקרונות.

ניתן לתפיסה

Perceivable – תוכן שאפשר לראות או לשמוע: טקסט חלופי, כתוביות, ניגודיות.

ניתן להפעלה

Operable – הכול עובד מהמקלדת, עם זמן מספיק ובלי הבהובים מסוכנים.

ניתן להבנה

Understandable – שפה פשוטה, התנהגות צפויה והודעות שגיאה מועילות.

חסין

Robust – קוד סמנטי שעובד עם טכנולוגיות מסייעות שונות.

שלוש רמות התאמה

A

המינימום. בלעדיו חלק מהמשתמשים חסומים לגמרי.

AA

היעד המקובל בחוק כמעט בכל מקום בעולם.

AAA

הרמה הגבוהה ביותר. לא תמיד אפשרית לכל התוכן.

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

מה חדש ב־WCAG 2.2?

הגרסה פורסמה באוקטובר 2023 והוסיפה 9 קריטריונים, בעיקר למובייל, לקוגניציה ולמוגבלות מוטורית. הנה ארבעה מהם בתנועה.

Focus Not Obscured (AA)

אלמנט שמקבל פוקוס מהמקלדת לא יוסתר לגמרי על ידי כותרת דביקה או באנר.

כותרת דביקה
✗ הכפתור מוסתר מאחורי הכותרת
כותרת דביקה
✓ הדף גולל, והפוקוס נשאר גלוי

כל תשעת הקריטריונים החדשים

AA2.4.11 מיקוד לא מוסתר (מינימום)
AAA2.4.12 מיקוד לא מוסתר (מורחב)
AAA2.4.13 מראה המיקוד
AA2.5.7 תנועות גרירה
AA2.5.8 גודל יעד (מינימום)
A3.2.6 עזרה עקבית
A3.3.7 מניעת הזנה חוזרת
AA3.3.8 אימות נגיש (מינימום)
AAA3.3.9 אימות נגיש (מורחב)

הוסר: קריטריון 4.1.1 (Parsing) סומן כמיושן, כי דפדפנים וטכנולוגיות מסייעות מתמודדים היום עם שגיאות מבנה.

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

מדריך בדיקה וטיפים

בדיקה טובה משלבת כלים אוטומטיים עם בדיקה ידנית, כי כלים אוטומטיים תופסים רק חלק מהבעיות.

שבעה שלבי בדיקה

  1. בדיקה אוטומטית. הריצו axe DevTools, Lighthouse או WAVE כדי לתפוס שגיאות ברורות.
  2. מקלדת בלבד. Tab, Shift+Tab, Enter, רווח, Esc וחצים. בדקו סדר הגיוני, פוקוס גלוי ואין מלכודת מקלדת.
  3. קורא מסך. NVDA ב־Windows, VoiceOver ב־Mac וב־iOS, TalkBack באנדרואיד.
  4. הגדלה ו־Reflow. הגדילו טקסט ל־200% וזום ל־400% (רוחב 320px) ובדקו שאין גלילה אופקית ושום דבר לא נחתך.
  5. ניגודיות וצבע. 4.5:1 לטקסט רגיל, 3:1 לטקסט גדול ולרכיבי ממשק. אל תעבירו מידע בצבע בלבד.
  6. תנועה והעדפות. בדקו prefers-reduced-motion, מצב כהה, Forced Colors והשהיה של אנימציות.
  7. מובייל ו־WCAG 2.2. יעדי מגע של 24px לפחות, חלופה לגרירה, פוקוס שלא מוסתר בידי כותרות דביקות, והדבקה בשדות סיסמה.

חמישה צעדים להתחלה

נווטו במקלדת

עברו על האתר עם Tab בלבד וודאו שכל דבר נגיש ושהפוקוס ברור.

בדקו ניגודיות

טקסט רגיל דורש יחס של לפחות 4.5:1.

טקסט חלופי

תארו את תפקיד התמונה, ושימו alt ריק לקישוט.

HTML סמנטי

כותרות, כפתורים וטפסים אמיתיים לפני ARIA.

בדקו עם קורא מסך

NVDA, VoiceOver או TalkBack חושפים מה שכלים אוטומטיים מפספסים.

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

תקנים ורגולציה בעולם

כמעט כל חוקי הנגישות מפנים בסופו של דבר ל־WCAG. זו מפה כללית לפי אזור, לא ייעוץ משפטי. הדינים משתנים, ולכן כדאי לוודא מול מקור רשמי.

בינלאומי

W3CWCAG 2.2 (אוקטובר 2023). הסטנדרט הטכני המרכזי. WCAG 2.0 הוא גם תקן ISO/IEC 40500.
UNCRPD, סעיף 9. אמנת האו״ם לזכויות אנשים עם מוגבלות מחייבת נגישות למידע ולתקשורת.

אירופה

EUEuropean Accessibility Act (Directive 2019/882). אכיפה מ־28 ביוני 2025 על מוצרים ושירותים פרטיים, כמו מסחר אלקטרוני, בנקאות, ספרים דיגיטליים, תקשורת ותחבורה.
EUWeb Accessibility Directive (2016/2102). אתרים ואפליקציות של גופים ציבוריים.
ENEN 301 549. התקן האירופי ל־ICT. גרסה 3.2.1 (2021) מבוססת על WCAG 2.1 AA. גרסה 4.1.1 פורסמה ב־2 בספטמבר 2026 ומעדכנת ל־WCAG 2.2 ברמות A ו־AA, וטרם נכנסה לתוקף משפטי פורמלי.
UKEquality Act 2010 ו־PSBAR 2018. חוק השוויון חל על כולם, והתקנות מחייבות גופים ציבוריים לעמוד ב־WCAG ברמה AA.
DEBFSG ו־BITV 2.0. הטמעת ה־EAA בגרמניה והדרישות לגופים ציבוריים.
FRRGAA. התקן הצרפתי לנגישות דיגיטלית, מבוסס על WCAG.

ארצות הברית

508Section 508 (Rehabilitation Act). חל על סוכנויות פדרליות ועל הרכש הטכנולוגי שלהן. הרענון של 2017 מפנה ל־WCAG 2.0 ברמות A ו־AA.
ADA IIADA Title II. הכלל של משרד המשפטים מ־2024 דורש WCAG 2.1 AA מרשויות מדינתיות ומקומיות. באפריל 2026 נדחו מועדי העמידה בשנה: אפריל 2027 לגופים של 50,000 תושבים ומעלה, ושנה אחר כך לקטנים יותר.
ADA IIIADA Title III. עסקים פרטיים. אין תקנה טכנית ייעודית, אבל בתי משפט והסדרי פשרה מפנים בדרך כלל ל־WCAG 2.1 AA.
504Section 504. כלל של משרד הבריאות (HHS) מ־2024 מחיל WCAG 2.1 AA על מקבלי מימון פדרלי בתחום הבריאות.
255Section 255 ו־CVAA. נגישות בתקשורת, בציוד קצה ובווידאו.

קנדה ודרום אמריקה

CAAccessible Canada Act (פדרלי). התקן הלאומי CAN/ASC EN 301 549:2024 מבוסס על הגרסה האירופית מ־2021.
ONAODA (אונטריו). דורש WCAG 2.0 AA מארגונים מסוימים.
BRLBI ו־eMAG. חוק ההכללה הברזילאי ומודל הנגישות של הממשלה.

ישראל

ILת״י 5568 ותקנות הנגישות לשירות. התקן הישראלי מבוסס על WCAG 2.0 AA, והתקנות מחייבות אתרים של נותני שירות.
מה התקן דורש. ת״י 5568 מאמץ את WCAG 2.0 ברמה AA, עם התאמות לעברית ולישראל. בפועל, אתר שעומד ב־WCAG 2.2 AA עומד גם בדרישות האלה.
על מי זה חל. על גופים ציבוריים ועל עסקים פרטיים שנותנים שירות או מידע לציבור באינטרנט, כולל אתרים ואפליקציות. החובה נובעת מחוק שוויון זכויות לאנשים עם מוגבלות ומתקנות הנגישות לשירות.
פטורים. עוסק פטור או עסק עם מחזור שנתי של עד 100,000 ₪ פטור. לעסקים עם מחזור של עד מיליון ₪ יש פטורים חלקיים ומוגבלים בזמן, בתנאים. מעל זה צריך לפנות לנציבות שוויון זכויות לאנשים עם מוגבלות.
אכיפה. אדם עם מוגבלות, ארגון או הנציבות יכולים לתבוע. בית המשפט רשאי לפסוק פיצוי של עד 50,000 ₪ בלי הוכחת נזק, ואפשרית גם תביעה ייצוגית.

הסכומים והתנאים משתנים מעת לעת. בדקו מול הנציבות או עורך דין לפני שמסתמכים עליהם.

המלצה: יעדו ל־WCAG 2.2 AA. הוא כולל כמעט את כל הדרישות של 2.1 ושל 2.0, למעט קריטריון 4.1.1 שהוסר, ולכן הוא היעד הבטוח ביותר לעתיד.

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

לצוותי פיתוח

נגישות נבנית בקוד: בחרו HTML נכון, בדקו ברמת הרכיב, והכניסו בדיקות אוטומטיות ל־CI.

חמישה כללים

HTML לפני ARIA. button, a, label, nav ו־main מגיעים עם התנהגות מובנית. ARIA רק כשאין חלופה.
פוקוס גלוי ולא מוסתר. אל תסירו outline בלי תחליף, וקבעו scroll-padding מתחת לכותרות דביקות.
טפסים. label לכל שדה, autocomplete מתאים, הודעות שגיאה ברורות, והדבקה מותרת בשדות סיסמה.
רכיבים מורכבים. דיאלוג, תפריט וטאבים דורשים ניהול פוקוס, מקשי חצים ו־Esc לפי דפוסי ה־APG של W3C.
תנועה. כבדו prefers-reduced-motion ותנו כפתור השהיה לכל מה שזז יותר מחמש שניות.

קוד לדוגמה

/* 2.4.11 focus not obscured */
html { scroll-padding-top: 5rem; }

/* 2.5.8 minimum target size */
button, a.btn { min-width: 24px; min-height: 24px; }

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}
<!-- 3.3.8 accessible authentication, 1.3.5 input purpose -->
<label for="pw">Password</label>
<input id="pw" type="password" autocomplete="current-password">

כלים

axe-core ו־Playwright. בדיקות אוטומטיות ב־CI.
eslint-plugin-jsx-a11y. כשלים נפוצים ב־React.
Pa11y ו־Lighthouse CI. בדיקה לכל pull request.
Storybook a11y. בדיקות ברמת הרכיב.

כלים אוטומטיים תופסים רק חלק מהבעיות, לכן כללו בדיקת מקלדת וקורא מסך ב־Definition of Done.

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.

שירות · VPAT 2.5 ו־ACR

דוח VPAT שעוזר לסגור עסקאות

לקוחות גדולים מבקשים VPAT לפני שהם חותמים. אנחנו בודקים את המוצר שלכם מול WCAG 2.2 ומוסרים דוח התאמה לנגישות (ACR) מדויק, מוכן לשליחה לרכש.

  • WCAG 2.2 A + AA
  • Section 508
  • EN 301 549
  • VPAT 2.5 INT

בדיקה ידנית עם JAWS, NVDA, VoiceOver ו־TalkBack, בנוסף לסריקה אוטומטית.

מה זה VPAT, ומה זה ACR?

VPAT (Voluntary Product Accessibility Template) הוא תבנית חינמית של ארגון ITI. כשממלאים אותה בתוצאות בדיקה של מוצר מסוים, מתקבל דוח התאמה לנגישות: ACR. בפועל רוב האנשים קוראים לשניהם VPAT.

הדוח עובר קריטריון אחר קריטריון ומציין לכל אחד רמת התאמה: נתמך, נתמך חלקית, לא נתמך או לא רלוונטי, עם הערות שמסבירות למה.

מי מבקש את זה?

רכש ממשלתי בארה״ב

סוכנויות פדרליות נדרשות לרכוש טכנולוגיה נגישה לפי Section 508, ומבקשות ACR כחלק מההצעה.

לקוחות ארגוניים ומכרזים

צוותי רכש ובדיקת ספקים מצרפים שאלת נגישות ל־RFP. דוח מוכן מקצר את התהליך.

השוק האירופי

מהדורת EN 301 549 של התבנית עונה לקונים שפועלים לפי חוק הנגישות האירופי.

אקדמיה ובריאות

אוניברסיטאות, בתי חולים ומבטחים מבקשים ACR לפני שהם מאשרים ספק תוכנה.

איך זה עובד: ארבעה שלבים

  1. היקף ותקן. בוחרים יחד את המסכים והתהליכים המרכזיים, את הפלטפורמות ואת מהדורת הדוח: WCAG, Section 508, EN 301 549 או הבינלאומית.
  2. בדיקה. בודקים כל תהליך מול WCAG 2.2 ברמות A ו־AA: סריקה אוטומטית, מקלדת בלבד, קוראי מסך, הגדלה וניגודיות.
  3. דוח. ממלאים את תבנית VPAT 2.5 עם רמת התאמה והערה לכל קריטריון, ומצרפים רשימת ליקויים עם חומרה והמלצת תיקון.
  4. בדיקה חוזרת ועדכון. אחרי שתיקנתם, בודקים שוב ומעדכנים את הדוח, כדי שהגרסה שנשלחת ללקוחות תשקף את המוצר כמו שהוא היום.

מה מקבלים

דוח ACR מלא. בתבנית VPAT 2.5, כקובץ נגיש שמוכן לשליחה ולפרסום.
רשימת ליקויים. כל ליקוי ממופה לקריטריון ב־WCAG, עם חומרה, צעדי שחזור וצילום מסך.
המלצות תיקון. הנחיות קונקרטיות שמפתחים יכולים ליישם, לפי הפלטפורמה שלכם.
שיחת סיכום. עוברים יחד על הממצאים ועל סדר העדיפויות עם צוותי המוצר והפיתוח.

דוגמה מתוך דוח

דוגמה להמחשה בלבד, לא דוח של מוצר אמיתי.
קריטריוןרמת התאמההערות
1.1.1 Non-text Content (A)נתמך חלקיתלתמונות ולסמלים יש טקסט חלופי. לתרשים במסך הדוחות אין חלופה טקסטואלית.
1.2.2 Captions, Prerecorded (A)לא רלוונטיבמוצר אין מדיה מוקלטת.
2.1.1 Keyboard (A)נתמךכל הפעולות זמינות מהמקלדת.
2.4.11 Focus Not Obscured, Minimum (AA)נתמךהכותרת הדביקה לא מסתירה רכיב שמקבל פוקוס.
2.5.8 Target Size, Minimum (AA)נתמך חלקיתרוב הפקדים עומדים ב־24 על 24 פיקסלי CSS. סמלי הפעולה בטבלאות קטנים יותר.

דוח אמין מציין גם מה לא עובד. קונים מנוסים סומכים יותר על ״נתמך חלקית״ מוסבר היטב מאשר על דוח שכתוב בו ״נתמך״ בכל שורה.

שאלות נפוצות

מה ההבדל בין VPAT ל־ACR?

VPAT הוא התבנית הריקה. ACR הוא הדוח שמתקבל אחרי שממלאים אותה עבור מוצר וגרסה מסוימים.

האם VPAT הוא חובה בחוק?

התבנית עצמה וולונטרית. מה שמחייב הוא דרישות הנגישות של הקונה, למשל Section 508 ברכש פדרלי, וה־ACR הוא הדרך המקובלת להראות איך המוצר עומד בהן. זה מידע כללי ולא ייעוץ משפטי.

כל כמה זמן צריך לעדכן?

מקובל לעדכן אחרי גרסה משמעותית או שינוי גדול בממשק, ולפחות פעם בשנה. דוח ישן מעורר שאלות אצל הקונה.

כמה זמן זה לוקח?

תלוי בהיקף: מספר המסכים, הפלטפורמות והמהדורה. לוח זמנים מדויק מקבלים אחרי שיחת ההיכרות.

אפשר למלא את התבנית בלי בדיקה?

לא אצלנו. ACR בלי בדיקה אמיתית הוא הצהרה שאי אפשר לעמוד מאחוריה, והוא חושף אתכם מול הלקוח.

צריכים VPAT למכרז או ללקוח? בואו נדבר 15 דקות על ההיקף, בלי עלות ובלי התחייבות.

מה לקוחות אומרים

העמוד הזה שמור להמלצות של לקוחות אמיתיים. הכרטיסים למטה הם מקומות שמורים, ויוחלפו בציטוטים אמיתיים באישור הלקוח.

מקום שמור
ציטוט מלקוח על דוח VPAT: מה ביקש הקונה, ומה קרה אחרי שהדוח נשלח.
שם, תפקיד, חברה
מקום שמור
ציטוט מלקוח על ביקורת נגישות לאפליקציית מובייל: מה התגלה ואיך הצוות תיקן.
שם, תפקיד, חברה
מקום שמור
ציטוט מלקוח על העבודה המשותפת: תקשורת, עמידה בזמנים ואיכות הדוח.
שם, תפקיד, חברה

לא בטוחים איפה האתר שלכם עומד בנגישות? בואו נדבר 15 דקות, בלי עלות ובלי התחייבות.