איך האתר בנוי
הצהרת נגישות
לתשומת לב — כל מה שכתוב כאן נכון לגבי האתר כפי שהוא עכשיו, אבל הצהרת ההתאמה לא אומתה בבדיקה חיצונית ולא בבדיקה עם משתמשים בטכנולוגיות מסייעות. לפני העלייה לאוויר צריך להזמין בדיקה כזו, להשלים את פרטי רכז/ת הנגישות, למחוק את ההודעה הזו ולרשום את תאריך הבדיקה.
VELA היא חנות קטנה. זו לא סיבה שיהיה קשה להשתמש בה, ולכן הנגישות נבנתה באתר מההתחלה ולא נוספה בדיעבד — והחלקים שעוד לא עומדים בה מפורטים כאן, במקום שתגלו אותם בעצמכם.
רמת ההתאמה
האתר שואף לעמוד בהנחיות WCAG 2.2 ברמה AA (התקן הישראלי ת״י 5568 מבוסס על הנחיות WCAG). הוא תואם חלקית: רוב הדרישות מתקיימות, והחריגות מפורטות למטה, תחת "מגבלות ידועות".
מה כבר קיים
- מקלדת. הכול עובד בלי עכבר. בראש כל עמוד יש קישור לדילוג לתוכן. התפריט, והסל עם הפריטים השמורים, נפתחים כל אחד כחלון שהמיקוד נשאר בתוכו, נסגר במקש Escape ומחזיר את המיקוד לכפתור שפתח אותו. הסל והשמורים הם רשימת לשוניות, וכך גם התמונות הקטנות של כל מוצר: עצירה אחת במקש Tab, ומעבר ביניהן בחיצים. מידות ההוספה המהירה בכל כרטיס מוצר מופיעות כשהן מקבלות מיקוד מהמקלדת.
- המיקוד תמיד גלוי. מסגרת בעובי שני פיקסלים בכחול ים עמוק, במרחק שלושה פיקסלים, על כל רכיב שאפשר להפעיל. במקומות מסוימים היא מעוצבת אחרת, אבל אף פעם לא מוסרת.
- ניגודיות. טקסט התוכן והממשק עומד ביחס הניגודיות המינימלי של 4.5:1 או יותר על כל רקע שהוא מופיע עליו: גוון הטקסט הבהיר ביותר בפלטה נמדד ב־5.2:1 על הרקע הכהה ביותר שמאחוריו. קווי מתאר שהם הגבול היחיד של רכיב, כמו שדה האימייל, עומדים ב־3:1.
- קוראי מסך. לתמונות יש תיאור, ותמונות קישוטיות מוסתרות מסדר הקריאה. המידות הן קבוצת לחצני בחירה עם תווית. הוספה לסל, שינוי כמות, הסרת פריט ושמירתו — כולם מוכרזים, וכך גם סירובים: שגיאה בטופס אף פעם לא מסומנת בצבע בלבד.
- מגע. כל רכיב שאפשר להפעיל הוא לפחות 44 על 44 פיקסלים במסכים קטנים.
- תנועה. האתר מכבד את ההגדרה הפחתת תנועה: פס ההודעות לא מתחלף, הסרט מוצג כתמונה אחת במקום רצף שזז עם הגלילה, אנימציות הכניסה מדולגות, ותוכן שאמור להופיע בהדרגה מוצג מיד ולא נשאר שקוף. גם בלי ההגדרה, פס ההודעות עוצר כשמרחפים מעליו או מתמקדים בו, ונעצר לגמרי ברגע שמשתמשים בחיצים שלו.
- מבנה. כותרת ראשית אחת בכל עמוד, אזורי ציון אמיתיים, וטקסט שמתאים את עצמו בלי גלילה הצידה עד מסך ברוחב 390 פיקסלים. האתר כתוב בעברית ומוגדר מימין לשמאל.
מגבלות ידועות
- כל הפריטים נמצאים בדף מוצר אחד. הכתובת קובעת איזה פריט מוצג, והשאר מוסתרים גם מהעין וגם מטכנולוגיות מסייעות, כך שכל מבקר פוגש כותרת ראשית אחת. כשהעיצוב כבוי, כל הפריטים מופיעים יחד. כתובת נפרדת לכל פריט מתוכננת.
- הסרט הוא רצף תמונות שזז עם הגלילה. לטכנולוגיות מסייעות הוא מתואר כתמונה אחת, ואין בו מידע שלא כתוב גם בעמוד. הוא זז רק בזמן גלילה, וכשהגדרת הפחתת התנועה פעילה הוא תמונה אחת.
- שמות הדגמים וכיתובי ההדפסים באנגלית. הם חלק מהמותג ומופיעים כך על הבגדים עצמם.
- התשלום מתבצע ב־Shopify. התשלום מתבצע בקופה של Shopify, שאינה חלק מההצהרה הזו.
- טרם נבדק בבדיקה חיצונית. הבדיקות נעשו מול התקן ובדפדפנים. הן לא אומתו על ידי מומחה נגישות או על ידי אנשים שמשתמשים בטכנולוגיות מסייעות ביום־יום.
רכז/ת הנגישות
[שם], [טלפון], [אימייל]. אפשר לפנות בכל שאלה או בקשה בנושא נגישות האתר והשירות.
ספרו לנו איפה זה לא עובד
אם משהו כאן חוסם אתכם, נרצה לדעת ולתקן. כתבו לנו ותארו מה ניסיתם לעשות — נחזור אליכם תוך יום עסקים אחד, ואם התיקון ייקח יותר זמן, נגיד זאת ונעדכן מתי. אם אי אפשר להשלים הזמנה, ספרו לנו ונשלים אותה יחד אתכם.
איך זה נבדק
הערכה עצמית מול WCAG 2.2 ברמה AA. הניגודיות נמדדה מהפיקסלים שמוצגים בפועל ולא מהערכים שהוגדרו; ניווט במקלדת, טיפול במיקוד, הכרזות והתנהגות בהפחתת תנועה נבדקו בגרסאות עדכניות של Chrome ו־Safari, במחשב ובטלפון.
עדכון אחרון של ההצהרה: [DATE]