Back
BackToMain
PrevMode
Mode
תמונה לקישוט בלבד נגישות לאינטרנט - לוגו עמותת נגישות ישראל איגוד האינטרנט הישראלי

תמונה לקישוט בלבד

ביצוע בדיקת נגישות

הודעה חשובה:

בדצמבר 2008 הוכרזה גרסה חדשה להנחיות הנגישות (גרסה 2.0) - גרסה זו היא הגרסה המחייבת.

התכנים המפורסמים באתר זה מתייחסים לגרסה הקודמת (גרסה 1.0) ועל כן אינם עדכניים. בקרוב יועלה לרשת "אתר nagish" חדש ומעודכן שיכלול מדריכי נגישות על פי גרסה 2.0

עד אז, הנכם מוזמנים לעשות שימוש בתרגום לעברית של הנחיות 2.0 ובקישורים להסברים וטכניקות לביצוע הקיימים בו.

למידע נוסף על ההבדלים בין גרסה 1.0 לגרסה 2.0 של הנחיות הנגישות.

כיצד לערוך בדיקת נגישות?

לפניכם רשימה של נקודות בקרה לבדיקת נגישות של האתר. עבור כל נקודת בקרה סמן האם היא כן יושמה, לא יושמה או אינה ניתנת ליישום או אינה רלוונטית (סמן ל/ר).

שימו לב:

  • את הבדיקה ניתן לבצע על עמוד בודד או על כל האתר.
  • אם אתם מעדכנים את עמודי האתר שלכם, עליכם לחזור ולבצע את הבדיקה על העמודים החדשים או המעודכנים.
  • חלק מהבדיקות ניתן לבצע באמצעות כלי בדיקה אוטומטים , אותם ניתן למצוא ברשת בחינם.
  • מומלץ לבצע חלק מהבדיקות גם באמצעות טכנולוגיה מסייעת ובאמצעות סימולטורים למצבים שונים.
  • אתם מוזמנים לפנות אלינו לביצוע בדיקות שאינכם יכולים לבצע בעצמכם או בכל שאלה או בקשה שיש לכם בנושא. אנחנו פה בשבילכם.

חדש!!! לרשותכם: קובץ מפורט בעברית לביצוע בדיקות נגישות (Excel).


בדקתם, תיקנתם ועכשיו האתר שלכם נגיש? אנא
ספרו לנו כדי שנוכל לפרסם את האתר שלכם.

מסמך זה הינו נספח למסמך Web Content Accessibility Guidelines 1.0 . המסמך מספק למפתחים רשימה של כל נקודות הבקרה שבמסך ההנחיות להנגשת תכני אתרי אינטרנט 1.0, מאורגנות לפי נושאים. אנא פנה למסמך ההנחיות בעברית לקבלת הקדמה על נושא הנגישות, מידע על מסמכים נוספים הקשורים לנושא, מילון מונחים ועוד.

רמות עדיפות

לכל סעיף מתוך רשימת נקודות הבקרה יש רמת עדיפות בהתאם על השפעתו על הנגישות.


רמת עדיפות 1

מפתח תכני האינטרנט חייב למלא אחר הנחיות סעיף זה. קיום הדרישות הבסיסיות של סעיף זה הינו הכרחי כדי שכל קבוצות המשתמשים יוכלו לגשת למסמכי האינטרנט ולהשתמש בהם.


רמת עדיפות 2

מפתח תכני האינטרנט צריך למלא אחר הנחיות סעיף זה. אחרת, אחת או יותר מהקבוצות יתקשו לגשת למידע במסמך. קיום דרישות סעיף זה יסיר מחסומים משמעותיים בעת גישה למסמכי האינטרנט.


רמת עדיפות 3

מפתח תכני אינטרנט יכול להתייחס לסעיף זה. אם לא יעשה כן, אחת או יותר מהקבוצות ייתקלו בקושי בעת גישה למידע במסמכי האינטרנט. קיום דרישות סעיף זה ישפר את הנגישות לדפי האינטרנט.


רמת העדיפות של כמה מהסעיפים עשויה להשתנות בתנאים מסוימים.

נקודות בקרה לעדיפות 1

מס. הנחיה כן לא ל/ר
כללי (עדיפות 1)
1.1 ספק חלופת טקסט לכל אלמנט לא טקסטואלי (באמצעות "alt", או מתן הסבר תכני לאלמנט), אלמנט לא טקסטואלי כולל: תמונות, ייצוגים גראפיים של הטקסט (כולל סמלים/איקונים), אזורי מפת תמונה (image map regions), ישומונים (applets), אובייקטי תכנות, מסגרות (frames), תסריטים (scripts), רשומות סדורות לתבליטים (bullets), מרווחים (spacers), כפתורים גראפיים, צלילים (המופעלים עם או בלי אינטראקציה עם המשתמש), קבצי אודיו עצמאיים, פסי קול של קובצי וידאו, וקובצי וידאו.
2.1 יש להוסיף הקשר מילולי או אמצעי סימון מתאים נוסף מלבד הצבע. העזר בגיליונות סגנון (CSS) המגדירים את הצבע.
4.1 זהה בבירור שינויים בשפה שבטקסט המסמך, או כל חלופה טקסטואלית (כגון תמלול).
6.1 ארגן מסמכים כך שניתן יהיה לקרוא אותם ללא גיליונות סגנון. לדוגמה, כאשר מסמך HTML מומר ללא שיוך לגיליון סגנון, עדין נדרש שניתן יהיה לקרוא את המסמך.
6.2 הבטח, שחלופות לתוכן דינאמי מעודכנות כאשר תוכן דינאמי משתנה.
7.1 עד אשר סוכני משתמש יאפשרו שליטה על הבהובים, מנע יצירת הבהובים על הצג.
14.1 השתמש בשפה הבהירה והפשוטה ביותר המתאימה לתכני האתר.
ואם אתה משתמש בתמונות מפה (עדיפות 1)
1.2 ספק לינק טקסטואלי לכל איזור פעיל בתמונת מפה בצד-שרת.
9.1 השתמש במפות תמונה צד לקוח במקום צד שרת.
ואם אתה משתמש בטבלאות (עדיפות 1)
5.1 עבור טבלאות נתונים, זהה כותרות של שורות ועמודות.
5.2 עבור טבלאות נתונים שבהם יש שתי רמות (או יותר) היררכיה של כותרות לעמודה או לשורה, השתמש בסימון על מנת לקשר בין תאי הנתונים לכותרות התאים.
12.1 תן כותרת לכל מסגרת (frame) לזיהוי ולניווט.
ואם אתה משתמש בישומונים או בתסריטים (עדיפות 1)
6.3 הבטח שהדפים שמישים כאשר תסריטים (scripts,applets) או אוביקטי תכנות מנוטרלים או לא נתמכים. אם הדבר אינו אפשרי, ספק מידע חלופי או עמוד נגיש חלופי.
ואם אתה משלב מולטימדיה (עדיפות 1)
1.3 עד שסוכני המשתמש (User Agents) יוכלו לקרוא חלופה טקסטואלית של סרטון חזותי (סרט, אנימציה וכד') באופן אוטומטי, ספק תיאור קולי של המידע החשוב המועבר בערוץ החזותי של מצגת מולטימדיה.
1.4 לכל מצגת מולטימדיה מתוזמנת (כגון סרטון או אנימציה), סנכרן תיאור מילולי (תמלול או תיאור קולי של התוכן החזותי) עם מצגת.
ואם עדיין לא הצלחת בכל אלו (עדיפות 1)
11.4 אם, לאחר כל הניסיונות, אינך מצליח ליצור עמוד נגיש, ספק קישור לעמוד אלטרנטיבי נגיש אשר עושה שימוש בטכנולוגיות W3C ויש בו מידע חליפי (או פונקציונאליות חליפית) והוא מעודכן בתדירות זהה לזו של העמוד המקורי שאינו נגיש.


נקודות בקרה לעדיפות 2

מס. הנחיה כן לא ל/ר
כללי (עדיפות 2)
2.2 ודא שצירופי הצבעים של הרקע והחזית מספקים ניגוד ראוי כאשר נצפים על ידי משתמש בעל מוגבלויות בראיית צבעים או כאשר נצפים בצג שחור לבן (עדיפות 2 לתמונות, עדיפות  3 לטקסט)
3.1 כאשר קיימת שפת סימול מתאימה, העדף שימוש בסימון (markup) על פני תמונות, להעברת מידע.
3.2 צור מסמכים לפי כללי השפה הרשמיים.
3.3 השתמש בגיליונות סגנון לשליטה על בקרה ותצוגה.
3.4 העדף שימוש ביחידות יחסיות על פני יחידות מוחלטות בסימון תכונות וערכים לשפה, וערכים למאפייני גיליונות סגנון.
3.5 השתמש באלמנט של כותרות (headers) לארגון המסמך והשתמש בהם על פי ההגדרות.
3.6 עשה שימוש ברשימות תבליטים וברשימות ממוספרות בצורה נכונה.
3.7 סמן ציטוטים. אל תשתמש בסימון ציטוטים לאפקטים כמו יישור.
6.5 ודא שתוכן דינמי הוא נגיש או ספק תצוגה חלופית, או עמוד חלופי.
7.2 עד אשר סוכני משתמש יאפשרו לשלוט בהבהוב. המנע מלאפשר לתוכן להבהב (כגון כיבוי והדלקה של תוכן בקצב קבוע).
7.4 עד אשר סוכני משתמש יאפשרו את היכולת למנוע רענון, אל תאפשר רענון אוטומטי מתוזמן של העמודים.
7.5 עד אשר סוכני המשתמש יספקו את היכולת לעצור הכוונות לעמודים אחרים באופן אוטומטי (auto-redirect), אל תעשה שימוש בסימון על מנת לכוון עמודים למקומות אחרים באופן אוטומטי. במקום זאת, הגדר את השרת לביצוע הכוונות למיקומים אחרים.
10.1 עד אשר סוכני המשתמש יאפשרו למשתמש לנטרל הופעתם של חלונות "קופצים", מנע הופעת חלונות "פופ-אפ" או חלונות אחרים מלהופיע ואל תשנה את החלון הנוכחי מבלי להודיע למשתמש.
11.1 השתמש בטכנולוגיות של ה- W3C כאשר הן זמינות ונאותות למשימה והשתמש בגירסה האחרונה כאשר היא נתמכת.
11.2 הימנע ממאפיינים שנדחו על ידי ה-  W3C.
12.3 פצל בלוקים גדולים של מידע ליחידות קטנות יתר שקל יותר להתמודד איתן, כאשר הדבר טבעי ומתאים.
13.1 ציין באופן ברור את המטרה של כל קישור.
13.2 ספק meta-data להוספת מידע מילולי על העמודים והאתרים.
13.3 ספק מידע על המבנה הכללי של האתר (כלומר, מפת אתר או טבלת תכנים).
13.4 השתמש במנגנוני ניווט באופן עקבי.
ואם אתה משתמש בטבלאות (עדיפות 2)
5.3 אל תשתמש בטבלאות לסידור מסמך אלא אם הטבלה הגיונית גם כאשר היא לינארית. אחרת, אם אינה הגיונית, ספק חלופה או ספק טבלה לינארית.
5.4 אם השתמשת בטבלה לסידור המסמך, אל תשתמש בסימון מבני לצורך עיצוב ויזואלי.
ואם אתה משתמש במסגרות (עדיפות 2)
12.2 תאר את מטרות המסגרות וכיצד הן מתיחסות זו לזו, אם כשהדבר אינו מובן מכותרות המסגרות.
ואם אתה משתמש בטפסים (עדיפות 2)
10.2 עד אשר סוכני משתמש יתמכו בקישורים ברורים בין תוויות לבין שדות או לחצני קלט (controls) בטופס, ודא שתוויות ממוקמות בצורה נכונה.
12.4 קשר תוויות באופן ברור לכותרות שלהן.
ואם אתה משתמש בישומונים או בתסריטים (עדיפות 2)
6.4 ודא שתזמוני אירועים הם ללא תלות בהתקנים.
7.3 עד אשר סוכני משתמש יאפשרו למשתמשים להקפיא תוכן נע, ספק מנגנון בתוך התסריט (script) או היישומון (applet) שיאפשר להקפיא תנועה או עדכונים.
8.1 צור אלמנטים תכנותיים כגון תסריטים (scripts) ויישומונים (applets) שהם נגישים ישירות או תואמים לטכנולוגיה מסייעת (רמת עדיפות 1). אם הפונקציונאליות חשובה ולא מוצגת בשום מקום אחר, אחרת שייך לרמת עדיפות 2.
9.2 ודא שכל האלמנטים שיש להם ממשק משלהם יכולים להיות מופעלים ללא תלות בהתקן כלשהו.
9.3 עבור תסריטים, הגדר event handlers לוגיים, על פני event handlers  עצמאיים מהתקן.


  

נקודות בקרה לעדיפות 3

מס. הנחיה כן לא ל/ר
כללי (עדיפות 3)
4.2 פרט את המשמעות של כל קיצור ושל כל ראשי התיבות כאשר הם מופיעים לראשונה במסמך.
4.3 זהה את השפה הראשית של המסמך.
9.4 צור טאב לוגי מסודר לאורך קישורים, לחצנים ואוביקטים.
9.5 ספק קיצורים בלוח המקשים לקישורים חשובים (כולל אלו שבמפות ותמונות בצד הלקוח), בקרים, וקבוצות של בקרים.
10.5 עד אשר סוכני המשתמש וטכנולוגיות מסיעות, יבחינו בין קישורים הצמודים, כלול תווים מודפסים לא מקושרים (המוקפים ברווחים) בין הקישורים הצמודים.
11.3 ספק מידע כך שמשתמשים יוכלו לקבל מסמכים על פי העדפותיהם (כגון: שפה, סוג תוכן וכד').
13.5 ספק שורות ניווט על מנת להדגיש ולהנגיש את מנגנון הניווט.
13.6 קבץ קישורים הקשורים זה לזה, זהה את הקבוצות עבור סוכני המשתמש, ספק דרך לעקוף את הקבוצה (עד שסוכני המשתמש יוכלו לעשות זאת בעצמם).
13.7 אם קיימים מנועי חיפוש, אפשר סוגים שונים של חיפוש לרמות כישורים שונות ולהעדפות של המשתמש.
13.8 הצג מידע מבחין בתחילת כותרות, פסקאות, רשימות וכד'.
13.9 ספק מידע על מסמכים אסופים יחדיו (מסמכים המאגדים יחדיו כמה קבצים).
13.10 ספק אמצעים לדלג על איור העשוי מתווי ASCII.
14.2 השלם טקסט באמצעות גרפיקה או מידע קולי כאשר הם מקלים על הבנת העמוד.
14.3 צור סגנון תצוגה עקבי לאורך העמודים.
ואם אתה משתמש בתמונות מפה (עדיפות 3)
1.5 עד אשר סוכני המשתמש יוכלו לקרוא חלופה טקסטואלית לקישורים בתמונת מפה של צד לקוח, ספק טקסט קישורי עודף לכל איזור פעיל בתמונת המפה.
ואם אתה משתמש בטבלאות (עדיפות 3)
5.5 ספק סיכומים לטבלה.
5.6 ספק ראשי תיבות לכותרות התווית.
10.3 עד אשר סוכני משתמש וטכנולוגיות מסיעות יפענחו טקסטים העומדים אחד בצד השני באופן תקין, ספק טקסט לינארי חלופי בעמוד הנוכחי או בעמוד אחר, לכל הטבלאות המציגות טקסט במקביל, או בטורים.
 ואם אתה משתמש בטפסים (עדיפות 3)
10.4 עד אשר סוכני משתמש ישלטו בשדות טופס ריקים באופן תקין, כלול כברירת מחדל תווים בתיבות עריכה ואיזורי טקסט.


 הרשימה נכתבה ע"י  WAI יוזמת הנגישות של W3C. את המסמך המקורי באנגלית תמצאו ב:

Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0.

ניתן גם לעיין בתרגום הרשמי לעברית.

 

.
חדש בנגיש

קישורים חשובים

Web Accessibility Initiative - יוזמת הנגישות של ה W3C

נציבות שיוויון זכויות לאנשים עם מוגבלויות - משרד המשפטים

עמותת נגישות ישראל

.
אנשים נגישים

עדי נתן

עדי נתן
כמעט עיוור

נורית פלג

נורית פלג
לקות ראיה ולקות פיזית

[אנשים נגישים נוספים]

.
תמונה לקישוט בלבד