האם הפוקוס במקלדת נראה לעין?

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

מה זה פוקוס במקלדת?

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

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

למה הפוקוס כל כך חשוב לנגישות האתר?

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

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

מי משתמש בניווט באמצעות מקלדת?

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

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

איך פוקוס לא ברור יכול לפגוע באתר כולו?

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

באתרי חנות, הבעיה יכולה להיות אפילו משמעותית יותר. כפתור "הוספה לסל", כפתור "מעבר לתשלום", בחירת וריאציה של מוצר, פתיחת מסנן מחירים או סימון משלוח - כל אלו פעולות שצריכות להיות ברורות גם למי שמשתמש במקלדת. ברגע שהפוקוס נעלם, כל מסלול הרכישה עלול להיפגע.

למה לפעמים הפוקוס נעלם מהאתר?

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

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

פוקוס נראה לעין לא חייב להרוס את העיצוב

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

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

איפה הכי חשוב לבדוק את הפוקוס באתר?

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

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

האם רואים את הפוקוס בתפריט?

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

האם רואים את הפוקוס בטפסים?

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

האם רואים את הפוקוס בכפתורי פעולה?

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

איך בודקים את זה בצורה פשוטה?

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

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

פוקוס ברור הוא לא המלצה עיצובית, הוא חלק מחוויית השימוש

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

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

מעוניינים להנגיש את האתר שלכם? יש לכם עוד שאלות? אנחנו ביו אי יוזר אקססביליטי כאן בשבילכם.