נגישות לפי התקן הישראלי

אתר עסקי בישראל מחויב בנגישות לפי ת״י 5568, שמבוסס על WCAG 2.0 ברמה AA. הבעיה היא שתיקון אוטומטי של נגישות מייצר לעיתים נזק: תווית שנגזרת מ-placeholder שהוא ערך לדוגמה, וקורא מסך שמכריז על שדה בשם "you@example.com". ה-Skill הזה מגדיר גם מה לתקן וגם מה אסור לעשות. זהו Skill ל-Claude: תיקייה עם קובץ SKILL.md, שנטענת אוטומטית כשהמשימה מתאימה לתיאור שבראש הקובץ. בניגוד לפרומפט שמדביקים בכל פעם מחדש, Skill מותקן פעם אחת וממשיך לעבוד לבד.

בניית אתרים · נגישות · ת״י 5568 · WCAG · חוק

מתי הוא נכנס לפעולה

---
name: israeli-a11y
description: "Accessibility rules for Israeli websites, based on WCAG 2.0 AA and the IL 5568 standard. Use when auditing or fixing accessibility, adding form fields, adding interactive elements, or when asked about screen readers, contrast, or keyboard navigation."
---

# נגישות לאתר ישראלי

הבסיס הוא WCAG 2.0 ברמה AA, שהוא גם הבסיס לת״י 5568.

## מה לבדוק

1. **ניגודיות.** כל טקסט מול הרקע האמיתי שלו, כולל טקסט מעל תמונה
   וטקסט אפור בשדות. דווח את היחס שנמדד, לא הערכה.
2. **שדות טופס.** לכל `input`, `select` ו-`textarea` יש תווית
   תוכניתית. `placeholder` אינו תווית.
3. **אלמנטים אינטראקטיביים.** כל מה שנלחץ הוא `button` או `a`, ולא
   `div` עם `onClick`. נגיש ב-Tab, מופעל ב-Enter וברווח.
4. **מיקוד.** סימון מיקוד גלוי, וסדר מיקוד שתואם את הסדר החזותי ב-RTL.
5. **תמונות.** תמונה משמעותית מקבלת `alt` שמתאר את מה שחשוב; תמונה
   דקורטיבית מקבלת `alt=""`.
6. **כותרות.** בדיוק `h1` אחד, בלי דילוג על רמות.
7. **שפה.** `lang="he"` ו-`dir="rtl"`, וכל בלוק בכתב לטיני מסומן
   בשפה משלו.
8. **תנועה.** כל אנימציה מכבדת `prefers-reduced-motion`, ושום תוכן
   אינו מגיע רק דרך אנימציה.

## אזהרה: מה שלא לעשות

**אל תגזור `aria-label` מ-`placeholder`.** ‏placeholder הוא לעיתים
קרובות ערך לדוגמה, ולא שם השדה. תווית `aria-label="you@example.com"`
על שדה מייל גרועה משדה בלי תווית בכלל, כי קורא מסך יכריז עליה כשם
השדה.

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

## סדר עבודה

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

## סעיף 8 בישראל

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

איך מתקינים

  1. צרו תיקייה בשם israeli-a11y בתוך ‎.claude/skills/‎ בפרויקט, או בתיקיית הבית לשימוש בכל הפרויקטים.
  2. שמרו בתוכה את הקובץ בשם SKILL.md.
  3. זהו. אין צורך להפעיל כלום, והוא ייטען לבד כשהמשימה תתאים לתיאור.