אתרים ישראליים חייבים לעמוד בתקן IS 5568 (מבוסס WCAG 2.1) לפי חוק שוויון זכויות לאנשים עם מוגבלות, אבל כלי נגישות ושיטות סטנדרטיות לא מתייחסים לדפוסי RTL ספציפיים לעברית, תוויות ARIA בעברית או דרישות ישראליות כמו הצהרת הנגישות החובה.
יוצר: @skills-il
ביקורת ויישום נגישות אתרים בהתאם לתקן IS 5568 ולחוק שוויון זכויות לאנשים עם מוגבלות, כולל דפוסי RTL ותוויות ARIA בעברית
npx skills-il add skills-il/security-compliance --skill israeli-accessibilityחוק שוויון זכויות לאנשים עם מוגבלות (1998) עם תיקוני 2005 ו-2013 מחייב ציות ל-IS 5568. אתרי ממשלה, גופים ציבוריים, עסקים המשרתים את הציבור, חברות עם 50+ עובדים (הערה: תקנות הנגישות חלות לפי סוג השירות הציבורי, ולא רק לפי מספר העובדים) ואתרי מסחר אלקטרוני חייבים לעמוד ברמה AA. קנסות עד 50,000 ש"ח להפרה.
מבוסס על WCAG 2.1 עם תוספות ישראליות: הצהרת נגישות נדרשת בכל עמוד, תפריט/ווידג'ט נגישות, תכונות lang="he" ו-dir="rtl", פרטי רכז נגישות מפורסמים.
סדר Tab: ימין לשמאל, למעלה למטה. חצים בתפריטים: שמאל פותח תת-תפריט (הפוך מ-LTR). השתמשו בתכונות CSS לוגיות (margin-inline-start במקום margin-left). מחווני פוקוס מינימום 3px.
תוויות נפוצות: תפריט ראשי, חיפוש באתר, סגירה, דלגו לתוכן הראשי, טוען... תוכן מעורב דורש תכונות dir על מספרים ואימיילים.
נתפס: alt בעברית, כתוביות, ניגודיות 4.5:1. ניתן להפעלה: גישת מקלדת, סדר Tab RTL, דילוג ניווט. מובן: lang="he", הודעות שגיאה בעברית. חזק: HTML תקני, ARIA נכון.
אוטומטיות: axe DevTools, Lighthouse, WAVE, Pa11y, jest-axe. ידניות: ניווט מקלדת RTL, NVDA/JAWS בעברית, VoiceOver, זום 200%, ניגודיות גבוהה.
המשתמש אומר: "בדוק את אתר המסחר האלקטרוני שלי בעברית לעמידה בדרישות הנגישות הישראליות" פעולות:
<html lang="he" dir="rtl">המשתמש אומר: "הפוך את אפליקציית ה-React שלי לנגישה עבור משתמשים ישראלים" פעולות:
dir="rtl" לאלמנט השורש, השתמש בתכונות CSS לוגיותscripts/a11y_checker.py -- מאמת קבצי HTML מול דרישות הנגישות הישראליות IS 5568 כולל תכונות RTL, תוויות ARIA בעברית, דילוג ניווט ותוויות טפסים. הרצה: python scripts/a11y_checker.py --helpreferences/is-5568-checklist.md -- רשימת בדיקות מלאה לעמידה ב-IS 5568 הכוללת מסגרת חוקית (חוק שוויון זכויות לאנשים עם מוגבלות, 1998), מיפוי WCAG 2.1 AA, דרישות ספציפיות ל-RTL, דפוסי ARIA בעברית וכלי בדיקה. היעזר בה בעת ביצוע ביקורת נגישות מלאה או כשנדרשת רשימת הבדיקות המפורטת לפי קריטריון.סיבה: NVDA/JAWS עשויים לא לעבור למנוע דיבור בעברית באופן אוטומטי
פתרון: ודא ש-lang="he" מוגדר על אלמנט ה-HTML ועל כל חלקי התוכן. השתמש ב-aria-label בעברית עבור ווידג'טים מותאמים. בדוק עם מסנתז הדיבור העברי של NVDA (eSpeak או Vocalizer).
סיבה: מתאר הפוקוס ברירת המחדל של הדפדפן עשוי להיות בלתי נראה על רקעים כהים
פתרון: השתמש במחוון פוקוס מותאם עם ניגודיות מספקת בשתי ערכות הנושא. השתמש ב-outline: 2px solid עם צבע שיש לו ניגודיות 3:1 מול רקעים בהירים וכהים. CSS: *:focus-visible { outline: 2px solid #4A90D9; outline-offset: 2px; }
סיבה: פריטי flexbox/grid ב-CSS עשויים לא לעקוב אחרי סדר RTL החזותי עבור ניווט מקלדת
פתרון: ודא ש-dir="rtl" מוגדר על אלמנט המכולה. הימנע מערכי tabindex גדולים מ-0. השתמש בתכונות CSS לוגיות (margin-inline-start במקום margin-left) כדי שהפריסה וסדר ה-Tab יישארו מיושרים.
סוכנים נתמכים
בצעו ביקורת IS 5568 AA לאתר המסחר האלקטרוני הישראלי שלנו, כולל ניווט מקלדת RTL, תוויות ARIA בעברית, ניגודיות צבע ודרישות הצהרת נגישות
הפכו את טופס ההרשמה שלנו בעברית לנגיש עם תוויות נכונות, תכונות ARIA, הודעות אימות RTL וניווט מקלדת בסדר RTL
צרו הצהרת נגישות בעברית לאתר שלנו שעומדת בדרישות IS 5568, כולל רמת ציות, מגבלות ידועות ופרטי רכז נגישות
דפוסי קוד ליישום חוק הגנת הפרטיות — טפסי הסכמה, בקשות נושא מידע, רישום מאגרי מידע, העברות חוצות גבולות, וגישור GDPR
חיפוש בחקיקה ופסיקה ישראלית, ניתוח חוקים ותקנות
מסגרת רגולציית סייבר ישראלית — הנחיות מערך הסייבר הלאומי, הוראות בנק ישראל 361 ו-357, דרישות רשות ניירות ערך, וכללים מגזריים לפינטק ובריאות
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל