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