יוצר: @skills-il
יישום תקן הנגישות הישראלי IS 5568 ודרישות WCAG 2.1 AA לאפליקציות עבריות עם תמיכת RTL, קוראי מסך ותבניות ARIA
npx skills-il add skills-il/localization --skill israeli-accessibility-complianceנגישות אתרים בישראל מחויבת בחוק מכוח חוק שוויון זכויות לאנשים עם מוגבלויות, התשנ"ח-1998 ותקנות הנגישות משנת 2013.
| תקנה | דרישה | מועד | סנקציה |
|---|---|---|---|
| ת"י 5568 | תקן נגישות ישראלי מבוסס WCAG 2.1 AA | חובה מ-2017 | עד 50,000 ש"ח לכל הפרה |
| תקנות נגישות 2013 | אתרים ציבוריים חייבים לעמוד בדרישות | בתוקף | תביעות + קנסות |
| תיקון 19 (2022) | אפליקציות מובייל כלולות | בתוקף | זהה לנ"ל |
| אתרים ממשלתיים | חייבים לעמוד ב-IS 5568 רמה AA | בתוקף | פיקוח ממשלתי |
מי חייב לעמוד בדרישות: כל אתרי האינטרנט והאפליקציות הציבוריות בישראל, כולל עסקים עם 25+ עובדים, גופים ממשלתיים, מוסדות חינוך, ספקי בריאות, וכל ספק שירות הפתוח לציבור.
ת"י 5568 מבוסס על WCAG 2.1 AA אך מוסיף דרישות ייחודיות לישראל:
| תחום | WCAG 2.1 AA | תוספת IS 5568 |
|---|---|---|
| שפה | הצהרת תכונת lang | חייב לתמוך ב-lang="he" עם RTL |
| כיוון טקסט | לא מוגדר | חייב להצהיר dir="rtl" לתוכן עברי |
| ניגודיות | 4.5:1 לטקסט | זהה, בתוספת בדיקת ניגודיות עם גופנים עבריים |
| תוויות טפסים | תוויות משויכות | תוויות חייבות לתמוך ביישור RTL |
| הודעות שגיאה | שגיאות תיאוריות | חייבות להיות בעברית עבור אתרים עבריים |
| הצהרת נגישות | מומלצת | חובה (הצהרת נגישות) |
| פרטי קשר | לא נדרש | חובה לספק דרך יצירת קשר בנושא נגישות |
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>שם האתר - כותרת הדף</title>
</head>
<body>
<!-- קישור דילוג ניווט (חובה) -->
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
<header role="banner">
<nav role="navigation" aria-label="ניווט ראשי">
<!-- פריטי ניווט -->
</nav>
</header>
<main id="main-content" role="main">
<!-- תוכן הדף -->
</main>
<footer role="contentinfo">
<a href="/accessibility-statement">הצהרת נגישות</a>
</footer>
</body>
</html>דרישות IS 5568 מרכזיות במבנה זה:
lang="he" ו-dir="rtl" על אלמנט ה-htmlבדיקה עם קוראי המסך הנפוצים בישראל:
| קורא מסך | פלטפורמה | תמיכה בעברית | הערות בדיקה |
|---|---|---|---|
| NVDA | Windows | מצוינת עם eSpeak-ng עברית | חינמי, הנפוץ ביותר בישראל |
| JAWS | Windows | טובה עם Eloquence עברית | מסחרי, שימוש מוסדי |
| VoiceOver | macOS/iOS | תמיכה טובה ב-TTS עברי מובנה | מובנה, אימוץ גדל |
| TalkBack | Android | טובה עם Google TTS עברית | מובנה במכשירי אנדרואיד |
תבניות קורא מסך ייחודיות לעברית:
<!-- הכרזה על שינויי כיוון תוכן -->
<p dir="rtl" lang="he">
טקסט בעברית עם <span dir="ltr" lang="en">English text</span> משולב
</p>
<!-- תוויות ARIA בעברית -->
<button aria-label="סגור חלון">X</button>
<input type="search" aria-label="חיפוש באתר" placeholder="חפש...">
<!-- אזורים חיים בעברית לתוכן דינמי -->
<div aria-live="polite" aria-atomic="true" dir="rtl">
הטופס נשלח בהצלחה
</div><!-- טופס RTL עם הודעות שגיאה נגישות -->
<form dir="rtl" novalidate>
<div role="group" aria-labelledby="personal-info">
<h2 id="personal-info">פרטים אישיים</h2>
<label for="full-name">שם מלא</label>
<input id="full-name" type="text" required
aria-required="true"
aria-describedby="name-error"
aria-invalid="false">
<span id="name-error" role="alert" class="error" hidden>
נא למלא שם מלא
</span>
<label for="teudat-zehut">תעודת זהות</label>
<input id="teudat-zehut" type="text" pattern="[0-9]{9}"
inputmode="numeric" dir="ltr"
aria-required="true"
aria-describedby="tz-help tz-error">
<span id="tz-help" class="hint">9 ספרות</span>
<span id="tz-error" role="alert" class="error" hidden>
מספר תעודת זהות לא תקין
</span>
</div>
</form>
<!-- טבלת נתונים RTL -->
<table dir="rtl">
<caption>סיכום הזמנות</caption>
<thead>
<tr>
<th scope="col">מספר הזמנה</th>
<th scope="col">תאריך</th>
<th scope="col">סכום</th>
<th scope="col">סטטוס</th>
</tr>
</thead>
<tbody>
<tr>
<td dir="ltr">ORD-12345</td>
<td>04/03/2026</td>
<td dir="ltr">1,234.50 ₪</td>
<td>הושלם</td>
</tr>
</tbody>
</table>ת"י 5568 דורש פרסום הצהרת נגישות. תוכן נדרש:
<article dir="rtl" lang="he">
<h1>הצהרת נגישות</h1>
<p>אנו ב-[שם החברה] מחויבים להנגשת האתר לאנשים עם מוגבלויות
בהתאם לתקן הישראלי IS 5568 ולהנחיות WCAG 2.1 ברמה AA.</p>
<h2>אמצעי נגישות באתר</h2>
<ul>
<li>האתר תומך בניווט מלא באמצעות מקלדת</li>
<li>האתר תומך בקוראי מסך (NVDA, JAWS, VoiceOver)</li>
<li>תמונות מלוות בטקסט חלופי</li>
<li>ניגודיות צבעים עומדת ביחס 4.5:1 לפחות</li>
</ul>
<h2>פנייה בנושא נגישות</h2>
<p>רכז/ת נגישות: [שם]</p>
<p>טלפון: <a href="tel:+97212345678" dir="ltr">+972-1-234-5678</a></p>
<p>דוא"ל: <a href="mailto:negishot@example.co.il">negishot@example.co.il</a></p>
<p>תאריך עדכון אחרון: [תאריך]</p>
</article>ראו scripts/audit_a11y.py לצנרת הביקורת המלאה.
# בדיקת נגישות מהירה עם axe-core דרך selenium
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
def run_accessibility_audit(url):
options = Options()
options.add_argument('--headless')
driver = webdriver.Chrome(options=options)
driver.get(url)
# הזרקת axe-core
axe_script = open('axe.min.js').read()
driver.execute_script(axe_script)
# הרצת ביקורת עם כללי לוקאל עברי
results = driver.execute_script("""
return axe.run({
rules: {
'html-has-lang': { enabled: true },
'valid-lang': { enabled: true },
'document-title': { enabled: true },
'bypass': { enabled: true },
'color-contrast': { enabled: true },
'label': { enabled: true },
'image-alt': { enabled: true }
}
});
""")
driver.quit()
return resultsרשימת בדיקות עמידה ב-IS 5568 (אוטומטי + ידני):
| בדיקה | אוטומטי | כלי |
|---|---|---|
נוכחות lang="he" |
כן | axe-core |
נוכחות dir="rtl" |
כן | כלל מותאם |
| ניגודיות צבעים 4.5:1 | כן | axe-core |
| כל התמונות עם טקסט חלופי | כן | axe-core |
| שדות טופס עם תוויות | כן | axe-core |
| קישור דילוג ניווט | כן | axe-core |
| ניווט מקלדת | ידני | בדיקת Tab |
| תאימות קורא מסך | ידני | בדיקת NVDA/VoiceOver |
| הודעות שגיאה בעברית | ידני | בדיקה חזותית |
| הצהרת נגישות | ידני | בדיקת קיום דף |
ראו references/is-5568.md לרשימת הבדיקות המלאה ממופה לסעיפי IS 5568.
המשתמש אומר: "בדוק אם האתר שלי עומד בתקני נגישות ישראליים"
תוצאה: הרצת scripts/audit_a11y.py מול הכתובת, בדיקת דרישות IS 5568 כולל תכונת שפה עברית, כיוון RTL, יחסי ניגודיות, תוויות ARIA בעברית, דילוג ניווט, ודף הצהרת נגישות. הפקת דוח עמידה עם עובר/נכשל לכל קריטריון.
המשתמש אומר: "אני צריך להוסיף דף נגישות כדי לעמוד בחוק הישראלי" תוצאה: יצירת דף הצהרת נגישות בעברית עם כל הסעיפים הנדרשים בחוק: רמת עמידה, תכונות נגישות, מגבלות ידועות, פרטי יצירת קשר לרכז/ת נגישות, ותאריך עדכון אחרון.
המשתמש אומר: "קוראי מסך לא קוראים את הטופס העברי שלי נכון"
תוצאה: הוספת dir="rtl" לאלמנט הטופס, וידוא שכל התוויות משויכות לשדות קלט ומשתמשות בטקסט עברי, הוספת aria-required="true" לשדות חובה, מתן הודעות שגיאה בעברית עם role="alert", והגדרת dir="ltr" על שדות מספריים כמו טלפון ותעודת זהות.
המשתמש אומר: "הטבלה העברית שלי לא נגישה לקוראי מסך"
תוצאה: הוספת dir="rtl" לאלמנט הטבלה, הוספת caption בעברית, שימוש ב-scope="col" ו-scope="row" על תאי כותרת, סימון תוכן LTR כמו מספרי הזמנה עם dir="ltr", ווידוא שסדר הקריאה הלוגי תואם את הסדר החזותי RTL.
scripts/audit_a11y.py -- הרצת ביקורת נגישות IS 5568: בדיקות אוטומטיות לתכונת שפה עברית, כיוון RTL, תוויות ARIA, יחסי ניגודיות ודילוג ניווט באמצעות axe-core ו-selenium. מפיק דוח עמידה עם עובר/נכשל לכל סעיף IS 5568. הרצה: python scripts/audit_a11y.py --helpreferences/is-5568.md -- מדריך תקן IS 5568 המלא: דרישות סעיף-אחר-סעיף ממופות ל-WCAG 2.1 AA, תוספות ישראליות, לוח סנקציות לפי חוק שוויון זכויות לאנשים עם מוגבלויות, תבנית הצהרת נגישות חובה, ורשימת בדיקות לביקורות עמידה.סיבה: סדר RTL חזותי לא תואם את סדר ה-DOM, או חסרה תכונת dir
פתרון: יש לוודא שסדר מקור ה-DOM תואם את סדר הקריאה המיועד ל-RTL. הוספת dir="rtl" לאלמנטים מכילים. שימוש בתכונות CSS לוגיות לפריסה במקום מיקום פיזי שעלול להתנגש עם סדר הקריאה.
סיבה: הודעות שגיאה לא משתמשות באזורי ARIA חיים או תפקיד התראה
פתרון: הוספת role="alert" למכולות הודעות השגיאה ווידוא שהן מאוכלסות דינמית לאחר אימות. שימוש ב-aria-describedby לחיבור הודעות שגיאה לשדות הקלט שלהן. טקסט השגיאה חייב להיות בעברית עבור טפסים עבריים.
סיבה: קישור הדילוג ממוקם מחוץ למסך באמצעות CSS פיזי (left: -9999px)
פתרון: שימוש ב-inset-inline-start: -9999px במקום left: -9999px עבור קישור הדילוג. וידוא שלאלמנט היעד יש id ו-tabindex="-1" לניהול פוקוס. בדיקה שקישור הדילוג הוא האלמנט הממוקד הראשון בסדר ה-Tab.
סוכנים נתמכים
ציון אמון
הסקיל יכול להריץ סקריפטים ופקודות על המערכת שלך.
נמצאו 1 התאמות בקוד
יצירת מסמכים עסקיים בעברית בפורמטים PDF, DOCX ו-PPTX עם תמיכה מלאה ב-RTL
תזמון משימות תוך התחשבות בשבתות, חגים ולוח השנה העברי
כתיבה ועריכה של תוכן מקצועי בעברית תקנית ושוטפת
רוצים לבנות סקיל משלכם? נסו את יוצר הסקילס · הגשת סקיל