בניית אתרים לעסקים
איזה אתר מתאים לעסק שלכם — תדמית, דפי נחיתה, חנות או מערכת מותאמת — מה כל אתר של עסק קטן חייב שיהיה בו, ומה לשאול את מי שבונה לכם אותו.
למידע נוסף — בניית אתרים לעסקיםשירותים
הנגשת אתרים לפי ת״י 5568
הנגשה ברמת הקוד, לא כפתור צף: תיקון התבנית, הרכיבים והטפסים לפי התקן הישראלי, כולל בדיקה במקלדת ובקורא מסך והצהרת נגישות.
אתר נגיש הוא אתר שאנשים עם מוגבלות יכולים להשתמש בו באמת: לנווט בו במקלדת, לשמוע אותו בקורא מסך, לקרוא אותו בניגודיות מספקת ולמלא בו טופס בלי להיתקע. בישראל זו גם חובה חוקית לרוב האתרים שמספקים שירות לציבור. אני מנגיש אתרים ברמת הקוד — מתקן את מה שגורם לבעיה במקום להסתיר אותה מאחורי כפתור.
מה החוק בישראל דורש
תקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013, ובפרט תקנה 35, מחייבות אתרים שמספקים שירות לציבור לעמוד בתקן הישראלי ת"י 5568. מהדורת התקן העדכנית לנגישות אתרי אינטרנט פורסמה ב-2023, והיא מבוססת על הנחיות WCAG 2.0 של ארגון W3C ברמה AA, עם התאמות ישראליות. בנוסף, האתר צריך לכלול הצהרת נגישות עם פרטי קשר של רכז נגישות.
הסבר רשמי ומפורט נמצא באתר נציבות שוויון זכויות לאנשים עם מוגבלות ובאתר כל זכות. הסבר מפורט על החוק ועל הצהרת הנגישות נמצא במאמר חוק נגישות אתרים. המידע בעמוד הזה אינו ייעוץ משפטי.
הבעיה רחבה יותר ממה שנדמה
דוח WebAIM Million, שבודק מדי שנה את עמודי הבית של מיליון האתרים הפופולריים בעולם, מצא ב-2026 שגיאות נגישות שניתנות לזיהוי אוטומטי ב-95.9% מהעמודים. השגיאה הנפוצה ביותר, ניגודיות נמוכה בין טקסט לרקע, הופיעה ב-83.9% מהם. ואלה רק השגיאות שכלי אוטומטי מזהה; בעיות כמו סדר ניווט לא הגיוני או טופס שקורא מסך לא מבין מתגלות רק בבדיקה ידנית.
הנגשה בקוד או תוסף נגישות?
תוסף נגישות מוסיף לאתר כפתור עם תפריט: הגדלת טקסט, ניגודיות גבוהה, הדגשת קישורים. זה יכול להיות שימושי לחלק מהגולשים, אבל תוסף לא מתקן את הקוד שמתחתיו. כפתור בלי תווית נשאר בלי תווית, תמונה בלי טקסט חלופי נשארת בלי תיאור, ותפריט שאי אפשר לפתוח במקלדת נשאר חסום — גם כשהכפתור הצבעוני מופיע בפינה.
לכן הגישה שלי היא לתקן את המקור: את התבנית, את הרכיבים ואת התוכן. אחרי זה האתר נגיש גם למי שמשתמש בטכנולוגיה מסייעת משלו, ולא רק דרך תפריט של תוסף.
מה כוללת הנגשת אתר
- בדיקה: מעבר על תבניות העמודים המרכזיות — בכלים אוטומטיים ובבדיקה ידנית של ניווט במקלדת ועבודה עם קורא מסך.
- מבנה: כותרות בהיררכיה נכונה, אזורים מסומנים (תפריט, תוכן, כותרת תחתונה) וקישור "דילוג לתוכן".
- מקלדת ופוקוס: כל רכיב — תפריטים, סליידרים, חלונות קופצים וטפסים — עובד במקלדת, עם סימון פוקוס גלוי.
- ניגודיות וטקסט: תיקון צבעים שלא עומדים ביחס הניגודיות הנדרש, ותמיכה בהגדלת טקסט בלי שהעמוד יישבר.
- תמונות ומדיה: טקסט חלופי לתמונות משמעותיות, והסתרה נכונה של תמונות קישוטיות.
- טפסים: תוויות לכל שדה, הודעות שגיאה שקורא מסך מקריא, וסדר מילוי הגיוני.
- תנועה: כיבוד ההעדפה "הפחתת תנועה" של מערכת ההפעלה באנימציות ובסליידרים.
- הצהרת נגישות: עמוד הצהרה שמתאר את מה שבוצע באתר ואת פרטי הקשר לפניות.
בעיות נגישות נפוצות — ולמי הן מפריעות
| הבעיה | למי היא מפריעה | התיקון |
|---|---|---|
| ניגודיות נמוכה בין טקסט לרקע | גולשים עם לקות ראייה, וכל מי שגולש בשמש | צבעים שעומדים ביחס הניגודיות הנדרש |
| תמונה בלי טקסט חלופי | משתמשי קורא מסך | תיאור לתמונות משמעותיות, והסתרה של קישוטיות |
| כפתור או קישור בלי טקסט (רק אייקון) | משתמשי קורא מסך | תווית נגישה לכל רכיב |
| שדה טופס בלי תווית | משתמשי קורא מסך, ומי שהשדה מתרוקן לו בזמן הקלדה | תווית קבועה וקשורה לשדה |
| תפריט שנפתח רק בריחוף עכבר | מי שגולש במקלדת או במתג | פתיחה וסגירה במקלדת, עם סימון מצב |
| אין סימון פוקוס | מי שגולש במקלדת | מסגרת פוקוס גלויה וברורה |
| סליידר שזז לבד | גולשים עם קשיי קשב או רגישות לתנועה | עצירה, שליטה ידנית וכיבוד העדפת הפחתת תנועה |
| שפת עמוד לא מוגדרת | קורא המסך מקריא עברית בהגייה שגויה | הגדרת שפה וכיוון נכונים |
רוב הבעיות האלה נמצאות בתבנית, ולכן תיקון אחד מתקן אותן בכל העמודים.
איך אני עובד
- מיפוי: אילו תבניות עמוד יש באתר — דף בית, עמודי תוכן, מוצרים, טפסים — כי התיקון נעשה בתבנית ומשפיע על כל העמודים שמשתמשים בה.
- בדיקה ותיעוד של הבעיות לפי סדר חומרה.
- תיקון בקוד של התבנית, הרכיבים והתוספים.
- בדיקה חוזרת אחרי התיקונים.
- הצהרת נגישות מעודכנת.
באתר חדש, הנגישות מתוכננת מההתחלה — וזה תמיד זול ופשוט יותר מהנגשה בדיעבד. כך אני בונה כל אתר תדמית ואתר וורדפרס.
דוגמה: האתר הזה
אתר WebUp נבנה עם מבנה כותרות סמנטי, קישור דילוג לתוכן, סימון פוקוס גלוי, טקסט חלופי לתמונות, אזורי מגע בגודל מספיק בטלפון וכיבוד של העדפת הפחתת התנועה בסליידרים ובאנימציות. ההתאמות מפורטות בהצהרת הנגישות של האתר.
הנגשת אתר וורדפרס
ברוב אתרי הוורדפרס, בעיות הנגישות מגיעות מהתבנית ומבונה העמודים: כותרות שנבחרו לפי גודל ולא לפי מבנה, סליידרים שלא עובדים במקלדת וטפסים בלי תוויות. לכן הנגשת אתר וורדפרס מתחילה בתבנית. כשהתבנית בעייתית מדי, לפעמים נכון יותר להחליף אותה בתבנית ייעודית שנבנית נגישה מלכתחילה.
שאלות נפוצות
האם תוסף נגישות מספיק כדי לעמוד בחוק?
תוסף לבדו לא מתקן את הקוד, ולכן הוא לא פותר בעיות כמו טפסים בלי תוויות או רכיבים שלא עובדים במקלדת. ההתאמות הנדרשות בתקן נוגעות לאתר עצמו.
מה צריך להופיע בהצהרת נגישות?
תיאור רמת הנגישות של האתר וההתאמות שבוצעו, ופרטי קשר של רכז הנגישות לפניות בנושא. אפשר לראות דוגמה בהצהרת הנגישות של האתר הזה.
האם הנגשה משנה את העיצוב?
בדרך כלל השינויים קטנים: צבע שמקבל ניגודיות חזקה יותר, סימון פוקוס או תווית לשדה. אתר נגיש לא צריך להיראות שונה — הוא צריך לעבוד לכולם.
האם הנגשה עוזרת גם לגוגל?
יש חפיפה גדולה: מבנה כותרות נכון, טקסט חלופי לתמונות וקישורים ברורים עוזרים גם למנועי החיפוש להבין את העמוד. אבל המטרה של הנגשה היא האנשים שמשתמשים באתר.
חלק מהעבודה הוא גם הצהרת הנגישות שמתפרסמת באתר — ראו מה חייב להופיע בהצהרת נגישות.
רוצים לבדוק כמה נגיש האתר שלכם? שלחו לי את הכתובת, ואחזור אליכם עם תמונת מצב.
שירותים נוספים
בניית אתר תדמית לעסקים
אתר תדמית בקוד ייעודי: מהיר בטלפון, נגיש לפי התקן הישראלי ובנוי כך שגוגל מבין כל עמוד — עם עמוד נפרד לכל שירות שלכם.
למידע נוסף — בניית אתר תדמית לעסקיםבניית אתרים מורכבים בהתאמה אישית
אתרים עם משתמשים והרשאות, תשלומים, רב-לשוניות, נתונים בהיקף גדול ואינטגרציות — מאפיון וארכיטקטורה ועד השקה, ישירות מול המפתח.
למידע נוסף — בניית אתרים מורכבים בהתאמה אישיתבואו נבנה יחד!
מתכננים אתר חדש, פורטל, חנות או מערכת ניהול תוכן? ספרו לי על הפרויקט, ואחזור אליכם בעצמי. אני מתחיל תמיד בהבנת הצרכים העסקיים והטכניים — ורק אז ממליץ על הפתרון הנכון.