מעבר לתצוגה קונטרסטית
מערכת סאמדיי מספקת לכל אתר עיצוב בקונטרסט גבוה, שאינו תלוי בעיצוב הרגיל של האתר. מעבר לעיצוב זה מתבצע על ידי לחיצה על כפתור הנגישות (בתפריט הראשי), ובחירה באפשרות "עבור לעיצוב בעל קונטרסט גבוה".
שינוי גודל הפונט
גודל הפונט ניתן לשינוי על ידי לחיצה על צירוף המקש Control עם המקש "פלוס", או עם המקש "מינוס". עיצוב האתר תוכנן לתצוגה נאותה גם ברמות הגדלה של 300%.
גלישה באמצעות המקלדת בלבד
האתר תוכנן כך שלחיצה חוזרת ונשנית על המקש Tab עוברת בין הקישורים השונים בעמוד.
לחיצה על Tab עוברת לקישור הבא ולחיצה על Shift + Tab עוברת לקישור הקודם. כאשר מגיעים לקישור הרצוי - לחיצה על המקש Enter מפעילה אותו.
מקשי קיצור סטנדרטיים
מקשי קיצור סטנדרטיים מאפשרים להגיע בבת אחת לחלקים מרכזיים באתר.
הפעלת מקשי הקיצור תלויה בדפדפן. בדרך כלל יש ללחוץ על המקש ALT בצירוף עם מקש הקיצור. במספר דפדפנים יש ללחוץ על צירוף המקשים ALT + SHIFT יחד עם מקש הקיצור.
להלן רשימת מקשי הקיצור:
| מקש הקיצור | להיכן הוא מפנה |
|---|---|
| 0 | תפריט הנגישות |
| 1 | עמוד הבית |
| 3 | מפת האתר / תפריט ראשי |
| 4 | חיפוש פנימי באתר |
התאמה לקורא-מסך (עבור עיוורים או כבדי ראייה)
מבנה כל העמודים באתרי סאמדיי הוא אחיד, ומורכב מהחלקים הבאים:
- באנר עליון
- תפריט האתר, הכולל לחצנים לאזורים מיוחדים באתר (מפת האתר, חיפוש, ספר כתובות ותפריט הנגישות)
- תוכן העמוד, המורכב משתי עמודות בתצוגת מחשב רגיל, ומעמודה אחת בתצוגת מובייל.
- כותרת תחתונה
- פוטר
היכן שניתן עשינו שימוש ברשימות, והקפדנו על שימוש מושכל בכותרות:
- כותרת ראשונה משמשת ככותרת האתר
- כותרת שניה משמשת ככותרת העמוד וכותרות חלקים מרכזיים בעמוד
- כותרת שלישית משמשת ככותרות חלקים משניים בעמוד
פעולות אלה אמורות להקל מאוד על הגלישה באתר באמצעות קורא מסך.
התאמת מערכת סאמדיי אל כללי הנגישות
מאחר והתקן הישראלי לנגישות אתרים לא נכתב עדיין כצ'ק ליסט ברור עבור מפתחי אתרים, בחרנו להסתמך על כללי הנגשה שנלקחו משני מקורות:
- רשימת המלצות מתוך אתר נגישות ישראל
- רשימת תקנות ההנגשה שנכתבו על ידי ארגון W3C
הטבלה הבאה מתחילה בכללי הנגשה אשר הועתקו (בשינויים קלים) מאתר "נגישות ישראל", וממשיכה עם כללים שנלקחו מאתר W3C. העמודה הראשונה בטבלה מציינת את יישום הכלל במערכת סאמדיי.
| כלל התאמה | הערות | |
|---|---|---|
| ✔ | התאמה לתוכנות מסייעות, וביניהן תוכנה היודעת להקריא טקסטים הכתובים באתר לאודיו (כגון TTS - Text To speech). לשם כך נדרש לאפשר באתר תמרון בעזרת מקשי ה- TAB וחיצים. | קיימת התאמה מלאה לניווט באמצעות המקלדת בלבד (ללא שימוש בעכבר). |
| ✔ | האתר יתוכנת כך שיאפשר שימוש בטכנולוגיות מסייעות כגון מסך ברייל לעיוורים | הקפדנו על מבנה לוגי נכון של החלקים השונים באתר, תוך שימוש מושכל ברמות הכותרות, בכדי שיהיה פשוט ויתאים לקוראי מסך. |
| ✔ | יאפשר ע"י מקשים לדלג ישירות לאזורים העיקריים של האתר | מומשו כל מקשי הניווט המוסכמים: ALT+1 לעמוד הבית, ALT+3 למפת האתר, ALT+4 לחיפוש. |
| ✔ | התכנים באתר יוזנו תוך שימוש בכותרות (Header 1-6 ) - כל אזור באתר יקבל כותרת, כל כתבה כותרת וכיוצא בזה. | |
| ✔ | כל תמונה - תיכלול בנוסף העלאתה תיאור טקסטואלי אשר יתאר את הנראה בתמונה - זה נקרא בשפה המקצועית "ALT " - המשמעות היא שללא טקסט חלופי "ALT " לתמונות לא יוכל הגולש העיוור לדעת מה ניראה בתמונה. | מערכת סאמדיי מאפשרת למנהל האתר לתת כותרת לכל תמונה. אלא שתמונות מועלות לאתר בעיקר על ידי הגולשים באמצעות האימייל. במקרה זה שם קובץ התמונה הוא כותרת התמונה. על הגולש ששולח התמונות לאתר לדאוג לשמות משמעותיים לתמונות, לפני הוא שולח אותן לאתר. |
| ✔ | כל כפתור מעוצב - לדוגמא "חפש" יש לספק לו טקסט חלופי - "ALT ". | בסאמדיי כל הכפתורים הם טקסטואליים, כך שמצב זה אינו קיים. |
| ✔ | Captcha - במקרה ויש צורך להזין נתונים המופיעים כקוד גראפי, יש לספק חלופה קולית על ידי הטמעת מנגנון קולי שיחליף את הקוד הגראפי. | אין שימוש ב- Captcha בסאמדיי, עקב היותו אלמנט זיהוי שקשה לגולש לעשות בו שימוש. |
| ✔ | בטפסים קריטי להשתמש בתוויות (Labels ) בשדות טפסים, בשדות החיפוש ובכפתורי פעולה (כגון, שלח, הירשם וכד'). | |
| ✔ | טבלאות - חייבים לשים כותרות של טבלאות הנקראות - TH - אלה מקריאות לקורא המסך את שם / נושא העמודה / שורה. | |
| ✔ | חשוב שהאתר יכלול מנוע חיפוש מובנה, תוכן עניינים ו/או מפת אתר. | אתר במערכת סאמדיי כולל את כל האלמנטים הללו. |
| ✔ | האתר יעוצב כך שתהיה ניגודיות בצבעים על מנת להקל קריאה של לקויי ראייה. | |
| ✔ | האתר יאפשר להגדיל ולהקטין את האתר מבלי לפגוע בעיצובו הן ע"י שלוש ברירות מחדל בראש העמוד והן ע"י שימוש במקשים ב Control + / - . | האתר של סאמדיי מותאם לשינוי פונט באמצעות המקשים Control + / -. מקשים אלו מייתרים את הצורך בכפתור ייעודיים לשינוי גודל הפונט. |
| ✔ | האתר יאפשר לשנות צבעים ולהתאימם פרסונאלית לפי הצרכים של הגולש. | קיים תפריט נגישות ייעודי, המאפשר בין השאר מעבר לעיצוב מיוחד בעל קונטרסט גבוה. |
| ✔ | יעוצב בפשטות. | |
| ✔ | יוודא הדגשת קישורים. | |
| ✔ | בכל מקום בו יש אודיו כגון סרטונים - אלה ילווו בכתוביות או בתיאור טקסטואלי. | מערכת סאמדיי מאפשרת להציג בתוכה סרטוני וידאו על ידי הטמעה של סרטונים מאתרים כגון Youtube ו- Vimeo. הסרטונים המוטמעים כוללים תיאור טקסטואלי. |
| ? | לאפשר שימוש בטכנולוגיות מסייעות כגון TrackBall או טכנולוגיות מסייעות שונות. | אין באתר "נגישות ישראל" הפניה אל הדרישות של אותן טכנולוגיות מן האתר. |
| ✔ | יוודא הנגשת השדות בהם ממוקד האתר. | השדות נגישים הן על ידי העכבר והן על ידי המקלדת (מקש TAB) |
| ✔ | במידה וקיימים סרטוני וידיאו באתר יש לאפשר להפעילם בנגן מדיה נגיש (כדוגמת הנגן ב- YouTube ) כך שניתן יהיה להפעיל את כפתורי המדיה באמצעות המקלדת. | מערכת סאמדיי מאפשרת להציג בתוכה סרטוני וידאו על ידי הטמעה של סרטונים מאתרים כגון Youtube ו- Vimeo. הסרטונים המוטמעים כוללים אפשרות לבקרה באמצעות המקלדת. |
| ? | על אתר האינטרנט לספק ממשק משתמש אשר יאפשר דיאלוג בשפת המשתמש, כאשר הרכיבים הקבועים בו יופיעו בסדר לוגי ועקבי ושלמשתמש תינתן בעת הצורך תמיכה ועזרה וכן אפשרות לצאת ממצבים עמומים ולא מובנים בתפעול האתר. | סעיף זה כלל אינו ברור. |
| ✔ | מסמכים שמצורפים לאתר כגון וורד ו PDF יונגשו גם הם. | המסמכים מוצגים באתר כקישור טקסטואלי, כאשר הטקסט מתאר את מהות הקובץ. |
| ✔ | האתר יציין את היותו נגיש ע"י לוגו מיוחד. |
קיים קישור בולט אל תפריט הנגישות עם אייקון של כסא גלגלים. |
| ✔ | האתר יוסיף מדור נגישות - מדור בו מפורסמים הסדרי הנגישות של העסק/ארגון ופרסום פרטי רכז הנגישות של הארגון | קיים תפריט נגישות ייעודי בכל אתר, המקשר אל הצהרת הנגישות ואמצעי ההנגשה של האתר. |
| ✔ | הצהרת נגישות - הוספת חלק המסביר על נגישות אתר האינטרנט שלך ועל הדרך להשתמש בו. | |
|
הסעיפים הבאים הושלמו מתוך אתר W3C |
||
| ✔ | אם יש אלמנטים ניידים באתר, עליהם לנוע בקצב איטי | סאמדיי לא עושה שימוש באנימציה, למעט הטמעה של סרטונים. |
| ✔ | לא להציג אלמנטים העשויים לגרום להתקפי אפילפסיה (לדוגמא: אלמנטים מהבהבים) | |
| ✔ | על האתר להיות צפוי, כלומר להיות מותאם לסטנדרטי הגלישה הרגילים. | |
| ✔ | מציג עזרה לגולש במקרה של טעויות. לדוגמא: הודעת שגיאה על מילוי כתובת אימייל לא חוקית בטופס. | |
| ✔ | התאמה לסוגים שונים של דפדפנים, התאמה למחשב רגיל, סמארטפון וטאבלט כאחד. | |
