האתגר |
הפתרון |
הגולשים אינם משתמשים בעכבר. |
תמיכה מלאה בהפעלת האתר באמצעות מקלדת. |
אין אפשרות להשתמש בתמונות, בצילומים או בכל חומר גרפי אחר |
תיאורים מילוליים באמצעות תגי alt. בעת הצורך, יש להביא הסברים ארוכים יותר באותו עמוד או באמצעות קישור לעמוד אחר. |
המשתמשים קופצים מקישור לקישור באמצעות המקש TAB. |
מתן שמות הגיוניים לקישורים, עם משמעות ברורה גם כשהם מחוץ להקשר ("לחץ כאן" או "לפרטים נוספים" הם שמות בעייתיים לקישורים, כי בלי הקשר לא ברור לאן הקישור מוביל). |
המשתמשים צריכים ליצור רשימה מרוכזת של כתובות, שדות, קישורים וכדומה. |
- הקפידו שניסוח הכותרות יבהיר באופן חד-משמעי את מהות התוכן.
- השתמשו בכותרות h1-h6 כדי להבהיר את ההיררכיה בין הכותרות.
- תנו שמות ברורים לשדות ולקישורים.
|
המשתמשים אינם יכולים לראות את כל המסגרות (frames) בבת-אחת, אלא כל אחת מהן בנפרד. דבר זה עלול לגרום להם קשיים בניווט באתר. |
השתמשו במסגרות רק אם אתם חייבים. אם אתם משתמשים במסגרות, צרפו להן כותרות קומוניקטיביות שמבהירות את מטרתן (לדוגמה: "מסגרות ניווט", "תוכן ראשי"), והסבירו את היחסים בין המסגרות (ב-longdesc). |
המשתמשים אינם יכולים להשתמש בטבלאות מורכבות שמעבירות מידע באמצעים חזותיים. |
- אל תשתמשו בטבלאות לצורך עיצוב – יש להעדיף Divs. השתמשו בטבלאות רק להעברת נתונים כגון שערי מט"ח, לוחות זמנים וכדומה.
- בזמן ההאזנה לתוכן של תא כלשהו בטבלה, המשתמשים עלולים להתקשות בזיהוי המיקום של התא. לפיכך, קשרו כל תא לתאי הכותרת המתארים אותו, בטבלאות פשוטות השתמשו ב-TH להגדרת שורת הכותרת, בטבלאות מורכבות השתמשו ב-headers ID.
- צרפו כותרות ותקצירים ו/או תיאורים טקסטואליים של תוכני הטבלאות.
|
המשתמשים אינם יכולים לתפוס דברים המסומנים בצבע. |
אל תשתמשו בצבעים בלבד כדי להעביר משמעות. השתמשו בקוד או בסימן גראפי עם alt. השתמשו בתגי שפת הקוד המיועדים לכך. למשל, השתמשו ב-H1 כדי להגדיר כותרת של מאמר בנוסף לצביעת הכותרת בצבע שונה מהצבע של שאר הטקסט, השתמשו ב-Strong כדי להדגיש טקסט. |
הגולשים משתמשים בתוכנה שמקריאה להם את תוכן העמוד בצורה לינארית. |
- ודאו שהמבנה של האלמנטים השונים בקוד תואם את המיקום הלוגי שלהם במסך, כך תבטיחו שסדר ההקראה יהיה הגיוני.
- הגדירו נכון את כיווניות העמוד והאלמנטים בעמוד (rtl / ltr)
- אל תשתמשו ב"עברית חזותית" ("ויזואלית"). קשרו את ה-labels של התוויות בטפסים לשדה באמצעות label for.
- קורא-המסך אינו קולט אלמנטים שמופיעים בעמוד כתוצאה מפעולה של המשתמש. יש להעביר אליהם את הפוקוס, או להשתמש בהגדרות ARIA.
|