free accessibility widget

רכיב נגישות חינמי לאתר שלכם

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

כפתור הנגישות מופיע גם בפינה השמאלית התחתונה של כל עמוד באתר הזה, או בקיצור Alt+A.

features

כל מה שתפריט נגישות צריך

  • ניווט מקלדת

    סימון פוקוס בולט על כל רכיב וקישור ״דלגו לתוכן״ אוטומטי, למי שגולש בלי עכבר.

  • ביטול אנימציות והבהובים

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

  • ניגודיות

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

  • הגדלת והקטנת טקסט

    מ-80% עד 200%, גם באתרים שמוגדרים בפיקסלים. רוב התוספים לא מצליחים בזה.

  • גופן קריא

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

  • סימון כותרות וקישורים

    מדגיש כותרות, קישורים וכפתורים כדי שיהיה קל למצוא אותם.

  • ריווח טקסט

    ריווח שורות, אותיות ומילים לפי הערכים של WCAG 1.4.12.

  • סמן גדול ומדריך קריאה

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

  • פרופילים מוכנים

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

  • נגיש בעצמו

    כפתורים עם שמות לקוראי מסך, מתגים תקניים, סגירה ב-Esc, קיצור Alt+A ויעדי לחיצה של 44px.

  • פרטיות מלאה

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

  • קל ומהיר

    קובץ אחד בלי תלויות, נטען אחרי התוכן ולא מאט את האתר. עובד בכל פלטפורמה.

install

התקנה בשורת קוד אחת

הדביקו את הקוד לפני סגירת התגית ‎</body>‎ בכל עמודי האתר. זהו. כדאי להוסיף קישור להצהרת הנגישות שלכם וכתובת מייל לדיווח על בעיות.

<script src="https://findthe.one/a11y/v1/fto-a11y.js"
  data-lang="he"
  data-statement-url="/accessibility-statement"
  data-contact-email="[email protected]"
  defer></script>

אפשרויות הגדרה

מאפייני data שאפשר להוסיף לתגית הסקריפט
מאפייןערכיםברירת מחדלמה זה עושה
data-langhe | enלפי שפת העמודשפת התפריט וכיוון הטקסט שלו.
data-positionleft | rightleft בעברית, right באנגליתבאיזה צד של המסך יופיע כפתור הנגישות.
data-colorכל צבע CSS#111111צבע הכפתור וכותרת התפריט. צבע הטקסט נבחר אוטומטית לניגודיות מספקת.
data-offset-xמספר (px)20מרחק הכפתור מקצה המסך בצד.
data-offset-yמספר (px)20מרחק הכפתור מתחתית המסך.
data-statement-urlכתובתללאקישור להצהרת הנגישות שלכם. בלי ערך, הקישור לא יוצג.
data-contact-emailכתובת מיילללאכתובת לדיווח על בעיות נגישות. בלי ערך, הקישור לא יוצג.

למפתחים: window.FTOA11y חושף את הפעולות open, close, toggle, reset, getState ו-setState, ואירוע fto-a11y:change נשלח בכל שינוי הגדרה. שכבות עיצוביות שמכסות את העמוד (מסגרות, גרעיניות) סמנו ב- data-fto-a11y-ignore כדי שמצבי הניגודיות לא יצבעו אותן.

מדריכי התקנה לפי פלטפורמה

WordPress
  1. התקינו את התוסף WPCode (או כל תוסף ״Header & Footer״).
  2. היכנסו ל-Code Snippets ← Header & Footer.
  3. הדביקו את קוד ההטמעה בשדה Footer ושמרו.
Wix
  1. היכנסו ל-Settings ← Custom Code (דורש דומיין מחובר).
  2. לחצו Add Custom Code והדביקו את קוד ההטמעה.
  3. בחרו All pages, מיקום Body - end, ושמרו.
Shopify
  1. היכנסו ל-Online Store ← Themes ← Edit code.
  2. פתחו את הקובץ layout/theme.liquid.
  3. הדביקו את קוד ההטמעה ממש לפני התגית ‎</body>‎ ושמרו.
Webflow
  1. היכנסו ל-Project Settings ← Custom Code.
  2. הדביקו את קוד ההטמעה בשדה Footer Code.
  3. שמרו ופרסמו את האתר מחדש.
Google Tag Manager
  1. צרו Tag חדש מסוג Custom HTML.
  2. הדביקו את קוד ההטמעה.
  3. הגדירו Trigger מסוג All Pages ופרסמו את הקונטיינר.
HTML רגיל
  1. הדביקו את קוד ההטמעה בכל עמוד, לפני התגית ‎</body>‎ (או בתוך ‎<head>‎ עם defer).
Next.js / React
  1. ב-Next.js השתמשו ברכיב Script בקובץ ה-layout הראשי. ב-React רגיל, הוסיפו את התגית לקובץ index.html.
import Script from "next/script";

// app/layout.tsx, inside <body>
<Script
  src="https://findthe.one/a11y/v1/fto-a11y.js"
  strategy="afterInteractive"
  data-lang="he"
  data-statement-url="/accessibility-statement"
/>
statement generator

מחולל הצהרת נגישות

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

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

פרטי רכז/ת הנגישות
התאמות שבוצעו באתר

כדי שההצהרה תהיה תקינה, מלאו לפחות את שם האתר ודרך אחת ליצירת קשר עם רכז/ת הנגישות.

הצהרת נגישות - האתר

מחויבות לנגישות

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

ההנגשה נעשית בהתאם לחוק שוויון זכויות לאנשים עם מוגבלות, התשנ״ח-1998, ולתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע״ג-2013.

רמת הנגישות

האתר הונגש בהתאם לתקן הישראלי ת״י 5568 ״קווים מנחים לנגישות תכנים באינטרנט״, המבוסס על הנחיות WCAG 2.0, ברמה AA.

ההתאמות שבוצעו

  • מבנה HTML סמנטי עם היררכיית כותרות ואזורי ניווט, לניווט נוח עם קוראי מסך.
  • הגדרת שפת העמוד וכיוון הטקסט, כך שתוכנות הקראה מבטאות את התוכן נכון.
  • אפשרות לנווט ולהפעיל את כל רכיבי האתר באמצעות המקלדת בלבד.
  • סימון פוקוס ברור לרכיבים אינטראקטיביים בעת ניווט במקלדת.
  • טקסט חלופי לתמונות שמעבירות מידע, והסתרה של תמונות דקורטיביות מתוכנות הקראה.
  • טפסים עם תוויות לכל שדה, סימון שדות חובה והודעות שגיאה ברורות.
  • ניגודיות צבעים מספקת בין טקסט לרקע, ושימוש בצבע שאינו האמצעי היחיד להעברת מידע.
  • עיצוב רספונסיבי שתומך בהגדלת תצוגה של עד 200% בלי אובדן תוכן.
  • תפריט נגישות שמאפשר ניווט מקלדת, עצירת אנימציות, מצבי ניגודיות, הגדלת טקסט, גופן קריא, סימון כותרות וקישורים, ריווח טקסט, סמן גדול ומדריך קריאה. אפשר לפתוח אותו בכפתור הנגישות או בקיצור Alt+A.

מגבלות ידועות

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

פניות בנושא נגישות

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

עדכון ההצהרה

הצהרה זו עודכנה לאחרונה ב-27 בספטמבר 2026.

חשוב לדעת: תוסף לבד לא מספיק

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

ראו את הצהרת הנגישות שלנו
faq

שאלות נפוצות

כמה זה עולה?

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

האם התוסף הופך את האתר שלי לנגיש לפי החוק?

לא לבד. התקנות בישראל דורשות שהאתר עצמו יעמוד בת״י 5568 (WCAG 2.0 ברמה AA): מבנה תקין, טקסט חלופי, טפסים נגישים, ניווט מקלדת וניגודיות. תפריט נגישות משפר את חוויית השימוש, אבל לא מחליף תיקונים בקוד. נשמח לעזור גם בזה.

האם הרכיב אוסף מידע על הגולשים?

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

האם זה יאט את האתר?

לא. זה קובץ JavaScript אחד בלי תלויות, שנטען עם defer אחרי התוכן. הממשק מבודד ב-Shadow DOM, כך שהעיצוב של האתר שלכם לא מושפע ממנו עד שהגולש מפעיל התאמה.

מה צריך לכתוב בהצהרת הנגישות?

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

איך פותחים את התפריט במקלדת?

בלחיצה על Tab עד לכפתור הנגישות ואז Enter, או בקיצור Alt+A מכל מקום בעמוד. מקש Esc סוגר את התפריט ומחזיר את הפוקוס לכפתור.

השימוש ברכיב כפוף לתנאי השימוש. הרכיב מסופק כמות שהוא (AS IS).