אתר נגיש לדוגמא: מה אפשר ללמוד ממנו, ואיך בודקים אותו ב-10 דקות
אתר נגיש לדוגמא יכול להראות לכם איך נראית נגישות, אבל הוא לא יכול להיות תבנית להעתקה. כל אתר בנוי אחרת, עם תבניות, טפסים ותוכן משלו, ומה שעבד שם לא בהכרח יעבוד אצלכם. מה שכן אפשר לקחת מאתר לדוגמה: איך נראה פוקוס ברור, איך עובד תפריט במקלדת, איך כתובה הצהרת נגישות טובה. ומה שאפשר לעשות איתו: לבדוק בעצמכם, ב-10 דקות, אם הוא באמת נגיש.
"תן לי אתר נגיש לדוגמא." זו אחת השאלות שאני מקבל הכי הרבה. אני תמיד עונה בשאלה: "בשביל מה? כדי לראות איך זה נראה, או כדי לדעת שאני יודע מה אני עושה?" שתי התשובות לגיטימיות, אבל כל אחת דורשת משהו אחר.
למה אין "אתר נגיש לדוגמא" אחד
יש אינספור סוגי מוגבלויות ורמות שונות, ואין אתר שמתאים בצורה מושלמת לכולם. מה שיש הוא תקן, ת"י 5568 ברמה AA, ואתר שעומד בו. ושני אתרים שעומדים בתקן יכולים להיראות שונה לגמרי. הנגישות לא נמצאת בעיצוב. היא נמצאת במבנה, בתוכן ובהתנהגות.
מה כן ללמוד מאתר לדוגמה
| מה לבדוק | איך | מה צריך לראות |
|---|---|---|
| מקלדת | לוחצים Tab מתחילת העמוד | קישור "דלג לתוכן", ואחריו כל רכיב לפי הסדר |
| פוקוס | ממשיכים ב-Tab | מסגרת ברורה על כל רכיב |
| כותרות | תוסף דפדפן שמציג מבנה כותרות | H1 אחד, ואחריו H2 ו-H3 לפי הסדר |
| רשימות | מסתכלים על רשימה בתוכן | רשימה אמיתית בקוד, לא שורות עם מקפים |
| הגדלה | Ctrl ופלוס עד 200% | שום דבר לא נחתך או נעלם |
| טופס | שולחים טופס ריק | הודעת שגיאה במילים, ליד השדה |
| הצהרת נגישות | מחפשים את הקישור בכותרת התחתונה | הצהרה שמתארת את האתר הזה, עם פרטי רכז |
רוצים שהאתר שלכם יהיה הדוגמה?
נבדוק את האתר מול התקן, נתקן, ונמסור טופס בדיקה מלא.
ספק מראה לכם "אתר נגיש לדוגמא" מהתיק שלו?
זה מצוין. עכשיו תבדקו אותו. הרשימה שלמעלה היא בדיוק הבדיקה. ויש עוד שני דברים שאני הייתי בודק:
- האם הסימן היחיד לנגישות הוא אייקון של תוסף? אם באתר לדוגמה יש כפתור נגישות, ומתחתיו הצהרה כללית שנראית אותו דבר בכל אתר אחר עם אותו תוסף, זו לא דוגמה להנגשה. זו דוגמה להתקנה.
- האם הספק יכול להראות את התיעוד של האתר הזה? שאלו: "יש לכם את טופס בדיקת הנגישות של הנציבות, מלא לאתר הזה?" ספק שבאמת הנגיש את האתר יודע על מה אתם מדברים. ספק שהתקין תוסף ישלח לכם תעודה.
שלושה דברים שכל אתר נגיש צריך
- מבנה נגיש: קוד, תבניות ורכיבים שעומדים בתקן, נבדקו במקלדת ועם תוכנה להקראת מסך.
- תוכן נגיש: כותרות מתויגות נכון, רשימות אמיתיות, ניגודיות, גופן קריא, טקסט חלופי.
- הצהרת נגישות שמתארת את האתר הזה, ולא אתר אחר.
רוצים להבין מה הופך אתר לנגיש, מעבר לדוגמה? קראו את המאמר מהו אתר נגיש. ואם יש לכם אתר קיים, אפשר להתחיל בשיפור נגישות האתר, צעד אחרי צעד.
שורה תחתונה
אתר לדוגמה הוא נקודת התחלה טובה לשיחה, לא הוכחה. הדוגמה הכי טובה היא האתר שלכם, אחרי שנבדק ותוקן. רוצים שנגיע לשם יחד? כל הפרטים בעמוד שירות הנגשת אתרים.
שאלות נפוצות על אתר נגיש לדוגמא
יש אתר נגיש לדוגמא שאפשר להעתיק?
לא באמת. כל אתר בנוי אחרת, ומה שעבד שם לא בהכרח יעבוד אצלכם. אפשר ללמוד מאתר לדוגמה, אבל צריך להנגיש את האתר שלכם עצמו.
איך בודקים אם אתר לדוגמה באמת נגיש?
ניווט ב-Tab, בדיקת פוקוס, מבנה כותרות, הגדלה ל-200%, טופס שנשלח ריק, והצהרת נגישות שמתארת את האתר הזה.
ספק הראה לי אתר נגיש מהתיק שלו. מה לשאול?
בקשו את טופס בדיקת הנגישות של הנציבות, מלא לאתר הזה. אם הסימן היחיד לנגישות הוא אייקון של תוסף, זו דוגמה להתקנה, לא להנגשה.
אתר נגיש נראה אחרת?
לא בהכרח. אפשר לעצב אתר נגיש בכל סגנון. ההבדל נמצא במבנה, בניגודיות, בפוקוס ובהתנהגות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.