חוויית משתמש מושלמת – הסוד מאחורי קישורים כשרים מה זה UX טוב?

סטטוס תאימות

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

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

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

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

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

ניווט באמצעות קורא מסך ומקלדת

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

1. אופטימיזציה של קוראי מסך:אנו מפעילים תהליך רקע שלומד את רכיבי האתר מלמעלה למטה, כדי להבטיח תאימות מתמשכת גם בעת עדכון האתר. בתהליך זה, אנו מספקים לקוראי מסך נתונים משמעותיים באמצעות קבוצת המאפיינים של ARIA. לדוגמה, אנו מספקים תוויות טפסים מדויקות; תיאורים עבור סמלים ניתנים לפעולה (סמלי מדיה חברתית, סמלי חיפוש, סמלי עגלה וכו'); הנחיות אימות להזנת טפסים; תפקידי אלמנטים כגון כפתורים, תפריטים, דיאלוגים מודאליים (חלונות קופצים) ואחרים. בנוסף, תהליך הרקע סורק את כל תמונות האתר ומספק תיאור מדויק ומשמעותי המבוסס על זיהוי תמונה-אובייקט כתגית ALT (טקסט חלופי) עבור תמונות שאינן מתוארות. הוא גם יחלץ טקסטים המוטמעים בתוך התמונה, באמצעות טכנולוגיית OCR (זיהוי תווים אופטי). כדי להפעיל התאמות קורא מסך בכל עת, המשתמשים צריכים רק ללחוץ על צירוף המקשים Alt+1. משתמשי קורא מסך מקבלים גם הודעות אוטומטיות להפעלת מצב קורא המסך ברגע שהם נכנסים לאתר.

   התאמות אלו תואמות לכל קוראי המסך הפופולריים, כולל JAWS ו-NVDA.

2. אופטימיזציה של ניווט במקלדת:תהליך הרקע מתאים גם את קוד ה-HTML של האתר, ומוסיף התנהגויות שונות באמצעות קוד JavaScript כדי להפוך את האתר לניתן לתפעול באמצעות המקלדת. זה כולל את היכולת לנווט באתר באמצעות המקשים Tab ו-Shift+Tab, להפעיל תפריטים נפתחים באמצעות מקשי החצים, לסגור אותם באמצעות Esc, להפעיל כפתורים וקישורים באמצעות מקש Enter, לנווט בין רכיבי אפשרויות רדיו וסימון באמצעות מקשי החצים, ולמלא אותם באמצעות מקש הרווח או מקש Enter. בנוסף, משתמשי מקלדת ימצאו תפריטים לניווט מהיר ודילוג על תוכן, הזמינים בכל עת על ידי לחיצה על Alt+1, או כרכיבים הראשונים באתר בעת ניווט באמצעות המקלדת. תהליך הרקע מטפל גם בחלונות קופצים מופעלים על ידי הזזת מיקוד המקלדת לעברם ברגע שהם מופיעים, ולא מאפשר למיקוד לסטות מחוצה לו.

   משתמשים יכולים גם להשתמש בקיצורי דרך כגון "M" (תפריטים), "H" (כותרות), "F" (טפסים), "B" (כפתורים) ו-"G" (גרפיקה) כדי לקפוץ לאלמנטים ספציפיים.

פרופילי מוגבלות הנתמכים באתר שלנו

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