נגישות
הצהרה שכדאי לקרוא היא כזו שמציינת את הדברים שאינם תקינים. זו עושה זאת, לצד היעדים שאנו מציבים לעצמנו והדרך לדווח על דברים שפספסנו.
- WCAG 2.2 AA כיעד
- ניגודיות נמדדת, לא נשפטת
- פערים ידועים מפורטים
העמדה
אנחנו בונים את האתר הזה בהתאם ל־WCAG 2.2 level AA, ובודקים אותו במקום להסתמך על הנחות: הניגודיות נמדדת מול הצבע שעליו כל רכיב מוצג בפועל, וכשל מונע את הבנייה. זה לא יעד שאנחנו מצהירים עליו ובודקים מחדש פעם בשנה — הבדיקה מתבצעת בכל גרסה.
זו אינה טענה לעמידה מלאה בתקן. פערים ידועים מפורטים למטה במקום שיושמטו. אם משהו באתר הזה או באפליקציה אינו שמיש עבורך, כתוב/כתבי אל [email protected] עם הנושא נגישות וספר/י לנו מה קרה — הפנייה תטופל כדיווח על תקלה, לא כמשוב.
בתוקף מאז
מה כבר מובנה
- כל דף פועל בלי JavaScript. שום דבר לא מוסתר כברירת מחדל ואז נחשף באמצעות סקריפט, כך שגם דף שסקריפט בו נכשל, חוסם תוכן מחמיר או לקוח טקסטואלי עדיין מציג את התוכן שלו. רכיבים אינטראקטיביים הם תוספות לדפים שכבר פועלים.
- הניגודיות נמדדת מול הרקע המוצג בפועל, באמצעות זיהוי של האב הקדמון האטום הראשון מאחורי כל רכיב, ולא בהערכה מול צבע משוער. טקסט גוף באתר הזה היה בעבר ביחס של 4.49:1 — מתחת ל-AA ונראה סביר לחלוטין — ונדרשה מדידה כדי לגלות זאת.
- קישור לדילוג ומיקוד גלוי. כל דף נפתח בקישור לדילוג לתוכן, ולכל רכיב אינטראקטיבי יש סימון מיקוד גלוי במקום להסיר את קווי המתאר כדי לשמור על סדר חזותי.
- מבנה סמנטי. h1 אחד בכל דף, כותרות לפי הסדר בלי לדלג על רמות, רשימות אמיתיות, טבלאות עם תאי כותרת וכיתובים תקינים, ואזורי ניווט שקורא מסך יכול לנווט לפיהם.
- התנועה מכבדת את הגדרת המערכת. כל אנימציה מושבתת תחת prefers-reduced-motion, והתוכן גלוי מיד במקום להמתין לכניסה מונפשת.
- הטקסט ניתן להגדלה. הפריסות משתמשות ביחידות יחסיות ובסידור מחדש, במקום להישבר או לדרוש גלילה הצידה כשהטקסט מוגדל או כשהחלון צר.
- טקסט חלופי בעל משמעות, ו-alt ריק בכוונה לתמונה בתוך קישור שכבר מכיל טקסט משלו — תיאור שם יגרום לקורא מסך להכריז על אותו דבר פעמיים.
פערים ידועים
זו הסיבה שבגללה כדאי לפרסם את הדף. כל פריט כאן אמיתי, אנחנו מודעים אליו, ואף אחד מהם לא מוצג כאן כאילו כבר תוקן.
האתר מפורסם בשלושים שפות ולא נבדק עם קורא מסך בכולן. הבדיקות נעשו באנגלית. ההגייה וסדר הקריאה בשפות הנכתבות מימין לשמאל, ובמערכות כתב שבהן לגופני התצוגה שלנו אין תמיכה והפלטפורמה משתמשת בגופן חלופי, לא אומתו באמצעות טכנולוגיה מסייעת.
שני הגופנים שלנו תומכים בלטינית בלבד. קירילית, דוונאגרי, גאורגית, תאית, ערבית, עברית, בנגלית, געז ומערכות הכתב של CJK משתמשות בגופנים של הפלטפורמה. בדרך כלל זה טוב לקריאות, אבל המשמעות היא שהפרטים הטיפוגרפיים שבהם אנחנו שולטים באנגלית — משקל, ריווח והגודל שבו טקסט קטן כבר אינו קטן מדי — אינם בשליטתנו בשפות האלה.
חלק מהרכיבים האינטראקטיביים חדשים יחסית ונבדקו פחות. מטריצת ההשוואה ומסנן החיפוש בעזרה מסננים שורות במקום, וזו התבנית הנכונה, אך ההכרזה לקורא מסך על שינוי במספר התוצאות יושמה אך טרם נבדקה עם משתמשים.
האפליקציה כפופה לאותה כוונה, אך נבדקת בתדירות נמוכה יותר מהאתר. היא תומכת בגודל הטקסט ובקורא המסך של הפלטפורמה, ושניהם עושים את רוב העבודה, אך כרגע איננו מבצעים ביקורת נגישות רשמית בכל גרסה.
לא בוצעה ביקורת רשמית של צד שלישי לא באתר ולא באפליקציה. אנחנו מעדיפים לומר זאת מאשר לרמוז על הסמכה שאין לנו.
האפליקציה, ודבר אחד שכדאי לדעת
האפליקציה של Telvio מסתמכת על תכונות הנגישות של מערכת ההפעלה שבה היא פועלת: VoiceOver ו-Dynamic Type ב-iOS, ו-TalkBack ושינוי גודל גופן ב-Android. אלה מכסות את רוב הדברים החשובים באפליקציה שהממשק שלה כולל לוח מקשים, יתרה ורשימת תעריפים.
החלטה עיצובית אחת ראויה לציון כתכונת נגישות ולא כתכונה רגילה. מכיוון שהאפליקציה אינה דורשת חשבון, אין טופס הרשמה, אין סיסמה להזנה, אין שלב אימות בדוא״ל ואין קוד שצריך לאחזר מהודעה — כל סוג האינטראקציה שמכשיל לעיתים קרובות אנשים המשתמשים בטכנולוגיה מסייעת, או כל מי שמתקשה עם טפסים, פשוט אינו קיים כאן. מתקינים, מחייגים, מדברים.
המגבלה המקבילה מופיעה באותו דף כמו כל השאר: האפליקציה אינה יכולה להתקשר לשירותי חירום, כפי שמפורט בשיחות חירום. אם מישהו מגדיר את האפליקציה עבור קרוב משפחה — תרחיש נפוץ, במיוחד אצל אנשים מבוגרים שמתקשרים למשפחה בחו״ל — זה הדבר החשוב ביותר להסביר בזמן ההגדרה.
דווחו לנו כשמשהו לא תקין
שלחו דוא״ל אל [email protected] עם הנושא Accessibility. פרטים מועילים: הדף או המסך, מה ניסיתם לעשות, באיזו טכנולוגיה מסייעת השתמשתם כולל הגרסה שלה, ומה קרה במקום זאת. שום דבר מזה אינו חובה — משפט כמו “אני לא יכול להשתמש בטבלת התעריפים עם קורא מסך” הוא דיווח טוב לחלוטין, ואנחנו מעדיפים לקבל אותו מאשר לא לקבל דבר.
אנחנו שואפים להשיב בתוך חמישה ימי עבודה עם הערכה ועם לוח זמנים משוער, אם נסכים שמדובר בתקלה. דברים שמונעים ממישהו להשלים משימה מתוקנים לפני עבודה אחרת; דברים שמקשים על משימה נכנסים לתור בכנות, במקום לקבל הבטחות מעורפלות.
אם אתם נמצאים באיחוד האירופי וסבורים שחובת נגישות אינה מקוימת, תוכלו לפנות גם לגוף האכיפה הלאומי הרלוונטי. אנחנו מעדיפים שתפנו אלינו קודם, ובכל מקרה נשיב לכם.
איך הבדיקות מתבצעות בפועל
יש שני דברים שכדאי לתאר, כי הם ההבדל בין הצהרה לבין נוהג.
הניגודיות נבדקת לפי מה שמוצג, לא לפי מה שנותח. ערך צבע שנקרא מגיליון סגנונות אומר לכם מה ביקשו מרכיב להיות, לא איך הוא נראה בסופו של דבר — רכיב שקוף למחצה מעל פס כהה, פונקציית צבע מודרנית שביטוי רגולרי אינו מבין, או כותרת קבועה מעל תמונת פתיחה. הבדיקה מציגה את הרקע האמיתי של כל רכיב באמצעות עלייה עד לאב הקדמון האטום הראשון ופתרון הצבע דרך הדפדפן עצמו, ואז מחשבת את היחס. היא מצאה שטקסט הגוף באתר הזה היה ביחס של 4.49:1, מתחת ל-AA ונראה רגיל לחלוטין כשמסתכלים עליו בנפרד.
הדף נבדק כפי שהוא מוצג, לא כפי שנכתב. בדיקה נפרדת טוענת כל דף בדפדפן אמיתי ובודקת אם טקסט כלשהו באזור התצוגה נמצא באטימות אפס, אם המסמך גולל הצידה, ואם משהו מצויר בצבע הרקע שלו. האחרון נשמע מופרך עד שזה מגיע לפרסום: כלל CSS מקובץ יחיד הגדיר פעם את צבע התווית ואת הרקע שלה לאותו ערך, ויצר יחס ניגודיות של 1:1 שהיה בלתי נראה בסימון המקור, בלתי נראה ב-DOM ובלתי נראה בצילום מסך של המקור.
דברים שהחלטנו עליהם במכוון
- אין תנועה בלי אישור. אנימציות גלילה מופעלות רק באמצעות סקריפט שמאשר תחילה שהתנועה רצויה, כך שקורא שהפעיל תנועה מופחתת רואה את התוכן מיד ולעולם אינו רואה אותו נכנס בהדרגה.
- אין תוכן מאחורי JavaScript. שום דבר אינו נכתב כבלתי נראה. זו החלטת נגישות לא פחות משהיא החלטת ביצועים — דף שתלוי בסקריפט כדי להפוך לגלוי הוא דף שנכשל אצל כל מי שהסקריפט נכשל אצלו.
- מילים במקום סמלים בנתונים. טבלאות ההשוואה מציגות “כן”, “אין” ו-“מעוגל כלפי מעלה” במקום סימני וי ואיקס, כי סימן וי עלול להיות דו-משמעי כשהוא מוקרא ובלתי נראה כשהוא מועתק.
- alt ריק כאשר תיאור יחזור על עצמו. תמונה בתוך קישור שכבר מכיל טקסט משלו מקבלת
alt="", כך שקורא מסך מכריז על היעד פעם אחת ולא פעמיים. - טבלאות רחבות נגללות בתוך התיבה שלהן במקום לדחוף את הדף הצידה, כך שטלפון לעולם אינו נדרש לגלול אופקית כדי לקרוא פסקה.
בשורה התחתונה
אנחנו מפתחים בהתאם ל-WCAG 2.2 AA ובודקים זאת בכל גרסה, תוך מדידת הניגודיות מול הרקע המוצג בפועל ולא מול רקע משוער. אין בכך טענה לתאימות מלאה.
פערים ידועים: בדיקות קוראי מסך בוצעו באנגלית בלבד, אף שהמוצר זמין בשלושים שפות; הגופנים שלנו תומכים בכתב לטיני בלבד, ולכן מערכות כתב אחרות משתמשות בגופני הפלטפורמה; הרכיבים האינטראקטיביים החדשים ביותר נבדקו במידה פחותה; ולא נערכה ביקורת של גורם חיצוני.
דווחו על כל דבר שאי אפשר להשתמש בו לכתובת [email protected], עם הנושא נגישות. הדיווח יטופל כדיווח על תקלה, ודברים שחוסמים ביצוע משימה יתוקנו לפני עבודות אחרות.
שאלות נפוצות
באיזה תקן נגישות Telvio עומדת?
WCAG 2.2 ברמה AA הוא היעד עבור האתר, והוא נבדק בכל גרסה ולא בבדיקות תקופתיות. הניגודיות נמדדת מול הרקע שעליו כל רכיב מוצג בפועל, וכשל מונע את תהליך הבנייה. לא נטענת עמידה מלאה בתקן.
האם אתר Telvio פועל ללא JavaScript?
כן. שום דבר אינו מוסתר כברירת מחדל ונחשף באמצעות סקריפט, ולכן כל עמוד מציג את התוכן שלו כאשר JavaScript מושבת או חסום. תכונות אינטראקטיביות כמו מסנני ההשוואה הן תוספות לעמודים שכבר פועלים.
האם נערכה ביקורת נגישות ל-Telvio?
לא נערכה ביקורת של גורם חיצוני באתר או באפליקציה. בדיקות אוטומטיות וידניות מתבצעות בכל גרסה של האתר, והצהרה זו מפרטת את החוסרים הידועים במקום להסתיר אותם.
האם אפליקציית Telvio נגישה לקוראי מסך?
האפליקציה מסתמכת על תכונות הנגישות המובנות של הפלטפורמה — VoiceOver ו-Dynamic Type ב-iOS, ו-TalkBack ושינוי גודל הגופן ב-Android. היא נבדקת בתדירות נמוכה יותר מהאתר, ולא נערכת ביקורת נגישות רשמית מול כל גרסה.
איך מדווחים על בעיית נגישות?
שלחו אימייל לכתובת [email protected] עם הנושא נגישות, וציינו באיזה עמוד או מסך מדובר, מה ניסיתם לעשות ומה קרה. פרטי טכנולוגיית העזר והגרסה יכולים לעזור, אך אינם הכרחיים. אנו שואפים להשיב בתוך חמישה ימי עבודה.
למה האתר משתמש בגופן שונה בשפה שלי?
שני הגופנים שבהם האתר מעוצב תומכים בכתב לטיני בלבד. כתב קירילי, דוואנגרי, גאורגי, תאילנדי, ערבי, עברי, בנגלי, אתיופי ו-CJK משתמשים בגופני ברירת המחדל של הפלטפורמה, שבדרך כלל עדיפים לקריאות, אך המשמעות היא שהפרטים הטיפוגרפיים באזורים האלה אינם בשליטתנו.