הצהרת נגישות

רמת התקן שאליה אנחנו מחויבים

הדשבורד נבנה לעמידה בתקן הישראלי ת"י 5568 ברמת הנגישות AA, כנדרש בתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), תשע"ג-2013.

התקן הישראלי מאמץ את הנחיות WCAG של ארגון W3C. המימוש כאן נבדק מול WCAG 2.1 ברמה AA — גרסה מאוחרת מזו שהתקן מבוסס עליה, כלומר עמידה בדרישות התקן ומעבר להן בכמה קריטריונים, בהם יעדי-מגע וניגודיות של רכיבי-ממשק.

סרגל הנגישות — איך מפעילים

בפינת המסך מופיע כפתור עגול עם סמל הנגישות הבינלאומי (♿). לחיצה עליו — בעכבר, במגע, או במקלדת — פותחת תפריט התאמות-תצוגה.

• גודל טקסט — הגדלה עד 150%.
• ניגודיות גבוהה — שחור-לבן מלא, בלי שקיפויות ובלי טשטוש.
• גווני אפור והיפוך צבעים — להתאמה לעיוורון-צבעים ולרגישות לאור.
• גופן קריא — החלפת הגופן בגופן מערכת פשוט.
• הדגשת קישורים והדגשת כותרות — לסריקה מהירה של העמוד.
• סמן גדול.
• עצירת אנימציות — גם ידנית, בלי תלות בהגדרת מערכת ההפעלה.
• ריווח שורות מוגדל.

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

ערכת צבעים כהה או בהירה. הדשבורד עוקב אחרי הגדרת מערכת-ההפעלה, ואפשר לבחור אחרת בהגדרות, בלשונית "התראות", תחת "תצוגה". הבחירה נקבעת בשרת, כך שאין הבהוב של הערכה הלא-נכונה ואין צורך ב-JavaScript.

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

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

מה יושם בפועל

ניווט מקלדת

• כל פעולה בדשבורד ניתנת לביצוע במקלדת בלבד, בלי עכבר.
• מחוון-פוקוס דו-טבעתי — טבעת עם הילה בצבע-הרקע סביבה — כך שהפוקוס נראה בבירור מעל כל רקע, כולל כפתורים צבעוניים, בשתי ערכות הצבעים.
• קישור "דלג לתוכן הראשי" הוא הפריט הממוקד הראשון בכל עמוד.
• אין מלכודות-מקלדת: אפשר להיכנס לכל רכיב ולצאת ממנו.

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

• יחסי הניגודיות נמדדו חישובית מול כל צירוף טקסט-רקע שנשלח בפועל, ולא הוערכו בעין. כולם עומדים לפחות ב-4.5:1 לטקסט רגיל וב-3:1 לרכיבי-ממשק וגרפיקה.
• המדידה נעשית בשתי ערכות הצבעים, הכהה והבהירה, מול כל משטח שעליו מופיע טקסט — לא רק מול הרקע הראשי. היא רצה אוטומטית בכל שינוי בקוד.
• צבע לעולם אינו נושא מידע לבדו — כל מצב מלווה גם בטקסט או בסמל. למשל, שינוי מחיר מוצג עם חץ, סימן (+ או −) ואחוז, ולא רק בירוק או באדום.
• נתמך מצב ניגודיות-מוגברת של מערכת ההפעלה (prefers-contrast).

קוראי מסך

• מבנה סמנטי: אזור תוכן ראשי (main), ניווט, ותחתית.
• היררכיית כותרות תקינה, לניווט מהיר בין מקטעים.
• לכל פקד יש שם נגיש, ומצב המתגים מוכרז (aria-pressed).
• הודעות שגיאה והצלחה מוכרזות מיד (role="alert" / role="status").
• גרפים של מגמת-מחיר נושאים תיאור מילולי; גרפיקה דקורטיבית מוסתרת מטכנולוגיה מסייעת כדי לא להעמיס רעש.

מגע והתאמה למסך

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

תנועה ואנימציה

• אין בדשבורד תנועה דקורטיבית: אין רקע מונפש, אין זוהר ואין כניסות מדורגות. נתמך prefers-reduced-motion: כשההגדרה פעילה, גם מילוי פס-ההתקדמות וכניסת ההודעות מוצגים בלי תנועה.
• משוב-מצב (מתג שנדלק, פוקוס, ריחוף) נשמר גם אז, רק מקוצר. השתקה גורפת של כל תנועה הייתה פוגעת בהבנה במקום לעזור.
• ההגדרה נקראת בזמן אמת: שינוי שלה במערכת ההפעלה משפיע מיד, בלי צורך לרענן את העמוד.
• אין הבהובים, ואין תוכן שמתחיל לנוע מעצמו ואי-אפשר לעצור.
• נתמך גם prefers-reduced-transparency.

מה עדיין לא נגיש במלואו

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

• תוכן מגופים חיצוניים — תמונות משחקים מחנויות (Steam, Epic, GOG ואחרות) ותמונות פרופיל מ-Discord נטענות מהשרתים שלהם, ואין לנו שליטה על התיאור החלופי שלהן. לכן הן מסומנות כדקורטיביות, ושם המשחק תמיד מופיע כטקסט לצידן.
• אתרי החנויות עצמם — לחיצה על מחיר מובילה לאתר חיצוני שאינו בבעלותנו ואינו באחריותנו.
• Discord — חלק מהשירות פועל בתוך Discord, שהנגישות שלו באחריות Discord. הדשבורד הזה נבנה בין השאר כדי לתת חלופה נגישה לפעולות שאפשר לבצע גם שם.

דרך חלופית לקבלת מידע

נתקלתם בתוכן שאינו נגיש עבורכם? כתבו לנו לכתובת שלמטה, ונעביר לכם את אותו מידע בפורמט שנוח לכם — טקסט רגיל, דואר אלקטרוני, או הודעה ישירה ב-Discord. אין צורך להסביר או להצדיק את הבקשה.

רכז הנגישות — פנייה ובקשות

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

רכז נגישות

צוות הנגישות והתמיכה של ZeniBot

דואר אלקטרוני

zenibot023@gmail.com

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