דילוג לתוכן הראשי
מדריך

קוראי מסך והאתר שלכם, מה בעלי עסקים צריכים להבין

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

14.07.20261 דקות קריאה

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

מה עושה משתמש קורא מסך באתר שלכם

  • סורק כותרות כדי למצוא את הסעיף הנכון
  • שולף רשימת קישורים כדי לקפוץ ליצירת קשר או מחירים
  • עובר בטאב על בקרות אינטראקטיביות
  • שומע חלופות לתמונות ושמות שדות

טעויות מבנה שהכי פוגעות

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

בדיקת בעלים מינימלית

  1. הפעילו VoiceOver או NVDA
  2. נווטו לפי כותרות בדף הבית
  3. פתחו טופס יצירת קשר והקשיבו לכל שדה
  4. הפעילו את קריאת הפעולה הראשית בלי להסתכל על המסך

איפה ווידג׳ט עוזר ואיפה לא

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

שאלות נפוצות

באיזה קורא מסך לבדוק?
ב-Windows, NVDA חינמי ונפוץ. במכשירי Apple, VoiceOver מובנה. מסלול אחד שנבדק לעומק עדיף על חמישה כלים בלי ללמוד אף אחד.
האם ARIA מתקן עמוד מבולגן?
לא. העדיפו HTML נכון קודם. ARIA עוזר כשאלמנטים מובנים לא מספיקים, ו-ARIA שגוי מחמיר.
האם PDF זהה לעמוד ווב לקורא מסך?
לא. ל-PDF צריך תיוג משלו. אתר יכול להיות סביר בזמן שקבצים מקושרים נשארים לא קריאים.

מקורות

מאמרים קשורים