קריטריון 1.3.6: זיהוי מטרה רמה AAA

בקצרה

קריטריון 1.3.6 זיהוי מטרה (Identify Purpose, רמה AAA) דורש שמטרת רכיבי ממשק משתמש, אייקונים ואזורים בעמוד תהיה ניתנת לקביעה תכנותית, כדי לאפשר התאמות אישיות מתקדמות. הקריטריון ברמת AAA ולכן אינו נדרש לפי ת"י 5568.

פרטי הקריטריון

מספר1.3.6
שםזיהוי מטרה (Identify Purpose)
רמהAAA
גרסהWCAG 2.1
עיקרון1 - מורגש (Perceivable)
הנחיה1.3 - ניתן להתאמה
מחייב לפי ת"י 5568לא - רמה AAA, אינה נדרשת

מה דורש קריטריון 1.3.6?

קריטריון 1.3.6 מרחיב את הגישה של קריטריון 1.3.5 (זיהוי מטרת הקלט) ומחיל אותה על כלל רכיבי הממשק. הוא דורש שמטרת כל רכיב ממשק משתמש, אייקון ואזור בעמוד תהיה ניתנת לקביעה תכנותית - כדי שתוכנות נגישות מתקדמות (וכלי התאמה אישית) יוכלו לשנות את הצגתם עבור המשתמש. הרציונל: משתמשים עם לקויות קוגניטיביות עשויים להיעזר בתוכנות שמחליפות אייקונים בסמלים מוכרים, או שמציגות ממשק פשוט יותר. הדרישה כוללת:

  • אזורי ממשק (Landmarks): שימוש ב-<header>, <nav>, <main>, <footer>, <aside> עם aria-label מתאר כשיש מספר אזורים מאותו סוג.
  • רכיבי ממשק: כפתורים, קישורים ופקדים עם שמות נגישים ברורים (aria-label, aria-labelledby) המתארים את מטרתם.
  • אייקונים: אייקונים פונקציונליים עם ARIA roles ושמות תואמי-מטרה, לא רק טקסט חלופי גנרי.
  • שדות טופס: בנוסף ל-autocomplete (כבר נדרש ב-1.3.5), גם מידע נוסף על הקשר השדה - כגון aria-describedby להוראות.

הקריטריון מכוון במיוחד לאפשר שימוש בטכנולוגיות "personalization" עתידיות, שיאפשרו למשתמשים להתאים את ממשק האתר להעדפותיהם.

למי זה עוזר?

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

איך עומדים בקריטריון?

  • השתמשו ב-HTML סמנטי לכל האזורים: <header>, <nav>, <main>, <footer>, <aside>, <section> עם aria-label כשצריך.
  • הוסיפו aria-label מתאר לכל כפתור, קישור ופקד שאייקונו בלבד אינו מספיק להבנת מטרתו.
  • השתמשו ב-ARIA roles מוכרים: role="search", role="banner", role="complementary" ועוד כאשר HTML סמנטי אינו מספיק.
  • עקבו אחר תוספות COGA (Cognitive and Learning Disabilities Accessibility Task Force) של W3C לעקרונות התאמה אישית.
  • בדקו שאייקונים פונקציונליים כוללים תיאור מטרה ברור ולא רק תיאור חזותי.

טיפ

קריטריון 1.3.6 הוא ברמת AAA ואינו מחויב בתקן הישראלי, אך עקרונותיו - שימוש בסמנטיקה עשירה, landmarks ושמות נגישים ברורים - הם בסיס טוב לכל אתר נגיש. יישום קריטריונים 1.3.1 ו-1.3.5 מניח תשתית טובה לדרישות 1.3.6.

איך בודקים?

  • בדיקת Landmarks: השתמשו ב-browser extension כגון "Landmarks" (Firefox/Chrome) לבדיקת אזורי הממשק.
  • קורא מסך (NVDA / VoiceOver): נווטו בין ה-landmarks ובין האלמנטים האינטראקטיביים - האם מטרת כל אחד ברורה?
  • בדיקת ARIA: בחנו קוד מקור עבור שימוש נכון ב-roles ו-labels על רכיבי ממשק ואייקונים.
  • כלים אוטומטיים: axe מזהה חלק מהבעיות - landmark חסר, שם נגיש חסר לכפתור; אך לא את כל הדרישות.

שאלות נפוצות

מה דורש קריטריון 1.3.6?

ברמת AAA, מטרת רכיבי ממשק משתמש, אייקונים ואזורים בעמוד חייבת להיות ניתנת לקביעה תכנותית. הדרישה מרחיבה את קריטריון 1.3.5 ומחייבת שימוש נרחב יותר ב-ARIA landmarks, roles וסמנטיקה עשירה.

מהי רמת הקריטריון 1.3.6?

רמה AAA - הרמה הגבוהה ביותר. הקריטריון אינו נדרש לפי ת"י 5568 (רמה AAA אינה נדרשת), והוא מיועד לאתרים המחפשים נגישות גבוהה במיוחד.

מה ההבדל בין קריטריון 1.3.5 לקריטריון 1.3.6?

קריטריון 1.3.5 (רמה AA) עוסק ספציפית בשדות טופס לאיסוף מידע אישי ומצריך autocomplete. קריטריון 1.3.6 (רמה AAA) מרחיב את הדרישה לכל רכיבי הממשק - כפתורים, קישורים, אייקונים, אזורים (landmarks) ועוד - ודורש שמטרתם תהיה ניתנת לקביעה תכנותית.

מקורות

צריכים לעמוד בקריטריון הזה באתר שלכם?

ראו את המדריך המעשי להטמעה, או בדקו את האתר מול הצ'ק-ליסט.

לצ'ק-ליסט הנגישות