בדיקת נגישות לאתר ישראלי

אתר עסקי בישראל מחויב בנגישות לפי תקן ת״י 5568, שמבוסס על WCAG 2.0 ברמה AA. רוב האתרים שנבנים עם AI נכשלים באותם מקומות: ניגודיות נמוכה בטקסט אפור, שדות טופס בלי תווית, כפתורים שהם div, ותפריט שאי אפשר לנווט בו במקלדת. הפרומפט הזה עובר על הרשימה במקום לבקש "תעשה נגיש". הפרומפט כתוב באנגלית ומוכן להעתקה, מתוך ספריית הפרומפטים של כליקס. מה שבסוגריים מרובעים הוא מה שאתם ממלאים לפני ההדבקה. מתאים לכלים עם גישה לקוד. לבדיקת ניגודיות בלבד אפשר גם בודק הניגודיות של כליקס.

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

Audit this site for accessibility against WCAG 2.0 level AA, which is the basis of the Israeli standard IL 5568. Go through this checklist and report findings per item, with the file and line for each.

1. Contrast: every text element against its actual background, including text over images and gray placeholder text. Report the measured ratio, not a guess.
2. Form fields: every input, select, and textarea has a programmatic label. A placeholder is not a label. Report fields whose only label is a placeholder, and note that an aria-label copied from an example value (like "you@example.com") is worse than none.
3. Interactive elements: anything clickable is a button or a link, not a div or a span with onClick. Every one is reachable by Tab and activatable by Enter and Space.
4. Focus: a visible focus indicator exists on every interactive element, and focus order follows visual order in RTL.
5. Images: meaningful images have alt text describing what matters; decorative images have alt="".
6. Headings: exactly one h1, and no skipped levels.
7. Language: html has lang="he" and dir="rtl", and any Latin-script block is marked with its own lang.
8. Motion: anything that animates respects prefers-reduced-motion, and no content is only reachable through an animation.

For each finding, give the fix. Do not apply fixes yet - I want the list first.

איך להשתמש בזה נכון