דילוג לתוכן
חוויה במסך UX, UI ועיצוב מוצר בעברית — בלי שורת קוד אחת
עמוד

הצהרת נגישות

עדכון אחרון: 26 באוקטובר 2026

אתר שכותב על חוויית משתמש צריך לעמוד בעצמו במה שהוא מסביר: ניגודיות שאפשר לקרוא, פוקוס שרואים, כפתורים שמספרים מה הם עושים. חוויה במסך פועל להנגשה בהתאם לחוק שוויון זכויות לאנשים עם מוגבלות, התשנ"ח–1998, ולתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג–2013. היעד הוא התקן הישראלי ת"י 5568, שמבוסס על WCAG 2.0 ברמה AA.

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

מה קיים

ניווט במקלדת

  • קישור "דילוג לתוכן" מופיע בלחיצה הראשונה על Tab ומוביל ישירות לתוכן העמוד.
  • לכל רכיב בפוקוס יש מסגרת בעובי 3 פיקסלים במרחק 2 פיקסלים מהרכיב: סגולה כהה במצב הבהיר (ניגודיות 6.9:1 מול לבן) וסגולה בהירה במצב הכהה (7.8:1). בכרטיסי המדריכים המסגרת מקיפה את הכרטיס כולו.
  • כפתור התפריט (במסכים צרים) וכפתור החיפוש מדווחים לקוראי מסך אם האזור שהם פותחים פתוח או סגור. פתיחת החיפוש מעבירה את הפוקוס לשדה החיפוש, ו-Escape סוגר את התפריט או את החיפוש ומחזיר את הפוקוס לכפתור שפתח אותו.
  • "שכבות המדריך" — תוכן העניינים שבתוך כל מדריך ארוך — בנוי כרכיב פתיחה וסגירה רגיל של הדפדפן, שנפתח ונסגר ב-Enter או ברווח. הפרק שאתם קוראים בו מסומן גם לקוראי מסך.
  • טבלאות רחבות הן אזורי גלילה עם שם, שאפשר להגיע אליהם ב-Tab ולגלול בהם במקשי החצים.
  • אזורי הלחיצה של כפתורים, קישורי תפריט ותגיות נושא הם בגובה 40 עד 46 פיקסלים לפחות.

קוראי מסך

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

מראה

  • מצב תצוגה כהה נבחר לפי הגדרת המערכת, ואפשר להחליף אותו בכפתור בראש העמוד. הבחירה נשמרת, והעמוד נטען ישר במצב שבחרתם בלי הבהוב.
  • יחסי הניגודיות, במצב הבהיר ובמצב הכהה בהתאמה: טקסט ראשי 15.1:1 ו-15.6:1 (על הרקע הכללי); טקסט משני 6.2:1 ו-7.0:1; קישורים 6.3:1 על רקע העמוד (6.9:1 על לבן) ו-7.8:1 במצב הכהה; כפתורים 6.3:1 (לבן על סגול) ו-7.2:1 (כהה על סגול בהיר).
  • בתחתית העמוד, על הרקע הכהה: טקסט 14.0:1, טקסט משני 8.5:1 וקישורים במעבר עכבר 10.3:1. תוויות ירוקות קטנות, כמו כותרות המשנה של המקטעים, הן ביחס של 6.0:1 לפחות.
  • מי שהגדיר במערכת "הפחתת תנועה" יקבל אתר בלי מעברים מונפשים, בלי הגדלה של תמונות במעבר עכבר, בלי הרמה של כפתורים ובלי גלילה חלקה.
  • האתר מתאים את עצמו לכל גודל מסך בלי גלילה לרוחב, והגדלת הטקסט בדפדפן או בצביטה אינה חסומה. הגופנים נטענים משרת האתר.

מה עוד לא תקין

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

דיווח

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

חוויה במסך הוא אתר מידע בלבד, בלי משרד ובלי קבלת קהל.