נגישות אתרים במובייל היא התאמת האתר כך שכל אדם יוכל להשתמש בו בנוחות ובאופן עצמאי דרך מכשיר הטלפון הנייד, ללא תלות ביכולות הפיזיות, בראייה או בתנאי הסביבה שלו. כאשר עורכים בדיקה ממוקדת של דף הבית, מגלים בדרך כלל שלושה חסמים פשוטים שמונעים מלקוחות רבים להשלים פעולות בסיסיות: כפתורים קטנים מדי ללחיצה, ניגודיות צבעים שאינה מאפשרת קריאה בשמש, ומניעת אפשרות להגדיל את הטקסט במסך. תיקון של שלושת המרכיבים הללו פותח את שערי העסק לקהל רחב בהרבה, ומעניק חוויית גלישה רגועה וטבעית לכולם.
רוב התנועה לאתרי אינטרנט בישראל מגיעה כיום ממכשירים ניידים. גולשים אינם יושבים תמיד ליד שולחן מסודר עם מסך גדול ועכבר; הם גולשים תוך כדי הליכה, באוטובוס בדרך לעבודה, בתור לקופת חולים, או בשעות הערב כשהעיניים כבר עייפות. אתר נגיש פשוט נוח לכולם: השיעור שלמדנו מגלישה ביד אחת באוטובוס ממחיש כיצד מגבלות יומיומיות פוגשות את כולנו. בדיקה ראשונית פשוטה חושפת בדיוק את המקומות שבהם האתר מעמיס על הגולש במקום לעזור לו.
למה התאמת אתרים לטלפונים ניידים מתחילה דווקא בדף הבית?
דף הבית הוא חלון הראווה הראשי של העסק והמפגש הראשון של הלקוח עם המותג שלכם. אם אדם מגיע לדף הבית ומתקשה לקרוא את התפריט, לא מצליח ללחוץ על הקישור הרצוי, או מאבד את הידיים והרגליים מול פופ-אפ שאי אפשר לסגור – הוא לא ימשיך לדפי המוצר או לטופס יצירת הקשר. בדיקה ראשונית חינם לדף הבית: לגלות איך האתר שלכם מרגיש באמת מאפשרת לזהות את החיכוכים הללו עוד לפני שהם הופכים ללקוחות שעוזבים את האתר במפח נפש.
הבדיקה אינה עוסקת בדוחות סבוכים אלא בהתנסות אנושית פשוטה. היא בודקת כיצד אדם מבוגר שזקוק לכתב גדול יותר חווה את הדף, כיצד אדם הנעזר בטכנולוגיית סיוע כמו קורא מסך בטלפון שומע את המידע, וכיצד כל אדם שמחזיק את הטלפון ביד אחת ביום קיץ שמשי יכול לבצע פעולה פשוטה.
להלן שלושת הדברים העיקריים שמתגלים כמעט בכל בדיקה ראשונית במובייל.
1. גודל כפתורים ומרווחי לחיצה: נגישות סמארטפון לאנשים בתנועה
במסכי מגע, האצבע שלנו מחליפה את סמן העכבר המדויק. כאשר כפתור הפעולה קטן מדי, או כאשר שני קישורים מוצבים צמודים זה לזה, המשתמש נאלץ לנסות שוב ושוב כדי לפגוע בקישור הנכון, ולעיתים קרובות לוחץ בטעות על הפעולה הלא נכונה.
עבור אנשים עם רעד קל בידיים, משתמשים עם מוגבלות מוטורית, או סתם הורה שמחזיק תינוק ביד אחת ומנסה להזמין שירות ביד השנייה, מדובר במכשול מתסכל. תקני הנגישות הבינלאומיים של יוזמת הנגישות של ה-W3C, המפורטים במסמך W3C Mobile Accessibility Guidelines, ממליצים על שטח מגע מינימלי מספק (לפחות 44 על 44 פיקסלים) יחד עם רווח הולם בין אלמנטים לחיצים.
| סוג האלמנט | מצב בעייתי נפוץ במובייל | הפתרון הנגיש והידידותי |
|---|---|---|
| כפתור חיוג / יצירת קשר | כפתור צר בגובה 24 פיקסלים שקשה לפגוע בו באגודל | הגדלת שטח הכפתור לגובה נוח של 48 פיקסלים עם שולי לחיצה רחבים |
| תפריט קישורים בתחתית הדף | שורות טקסט צפופות שגורמות ללחיצה שגויה על הקישור השכן | הוספת מרווח אנכי ברור בין שורה לשורה |
| אייקון סגירת הודעה (X) | סמל זעיר שמוצמד לקצה המסך העליון | הגדלת אזור המגע סביב ה-X כך שניתן לסגור את החלון בלי תסכול |
תיקון גודל הכפתורים הופך את פעולת הרכישה או הפנייה באתר לקלה ומיידית, ומוריד את רמת המאמץ שנדרשת מהמשתמש.
2. ניגודיות צבעים וטקסט שנעלם באור יום מלא
הדבר השני שצף בבדיקה ראשונית הוא שימוש בגווני טקסט עדינים מדי על גבי רקע בהיר, כמו אפור בהיר על לבן, או טקסט לבן על גבי תמונה עמוסת פרטים. במחשב משרדי בתנאי תאורה אידיאליים הטקסט עשוי להיראות אלגנטי, אך ברגע שיוצאים לרחוב ומביטים במסך הטלפון תחת שמש ישראלית, המילים פשוט נעלמות.
עבור כבדי ראייה, אנשים מבוגרים, או כל מי שרמת הבהירות בטלפון שלו נמוכה כדי לחסוך בסוללה, מדובר בחוסר יכולת לקרוא את המסר שלכם. כפי שהסברנו במאמר על נושא קריא גם באור יום מלא: למה ניגודיות נכונה באתר משרתת את כולנו, בחירה בצבעים בעלי ניגודיות חזקה אינה פוגעת בעיצוב אלא הופכת אותו לחד, ברור ומזמין.
על פי הנחיות הפיתוח המודרניות של Google Web.dev on Accessible Tap Targets and Contrast, ניגודיות טקסט נאותה עומדת ביחס של לפחות 4.5:1 לטקסט רגיל. בדיקה פשוטה מזהה תוך שניות את אותן כותרות או פסקאות שאינן בולטות מספיק, ומאפשרת להכהות אותן מעט כדי להבטיח קריאה שוטפת בכל תנאי תאורה.
3. גמישות התצוגה ואפשרות הגדלת טקסט ללא שבירת הדף
רבים ממשתמשי הסמארטפונים מגדירים במכשיר האישי שלהם גודל גופן ברירת-מחדל גדול מהרגיל, או משתמשים במחוות הצביטה במסך כדי לקרב ולהגדיל קטעי טקסט. אחד המכשולים המרכזיים שמתגלים בדפי בית רבים הוא קוד שחוסם את אפשרות ההגדלה (זום), או אתר שברגע שמגדילים בו את הטקסט – התוכן נחתך, שורות עולות זו על זו, ומופיע פס גלילה לצדדים שהופך את הקריאה לבלתי אפשרית.
כאשר מאפשרים למשתמש לשלוט בגודל הטקסט והתצוגה נשארת רספונסיבית וזורמת אנכית, האתר שלכם מכבד את הצרכים האישיים של הגולש. אין צורך לאמץ את העיניים או לחפש משקפי קריאה רק כדי לגלות מה שעות הפעילות של העסק או אילו שירותים אתם מציעים.
כיצד בדיקה ראשונית פותחת את הדלת לכולם?
בדיקת נגישות איננה חיפוש אשמים ואיננה מהלך בירוקרטי יבש. מדובר בהתבוננות אמפתית בחוויית הלקוח: כיצד אדם שמתקשה בראייה שומע את הדף דרך קורא מסך, האם ההודעות הקופצות אינן לוכדות את המשתמש, והאם קל להתמצא בין חלקי האתר. בעלי עסקים רבים שפונים לשירות של בדיקת נגישות חינם מופתעים לגלות שדווקא תיקונים קטנים וממוקדים מייצרים שינוי עצום בחוויית השימוש של כלל הגולשים באתר.
כאשר הופכים את דף הבית לנגיש במובייל, מרוויחים לקוחות מרוצים שנשארים יותר זמן, משלימים יותר רכישות ומרגישים רצויים ומכובדים. הנגישות מעבירה מסר ברור: העסק שלכם רואה אנשים, מקשיב לצרכים שלהם ודואג שכל אחד יוכל לקבל שירות בנוחות.
צוות המומחים שלנו ישמח לעבור על האתר שלכם, לזהות יחד את המקומות שבהם ניתן להקל על הגולשים, ולהציע פתרונות פרקטיים שמתאימים בדיוק לעסק שלכם. לפרטים נוספים ובדיקת האתר שלכם, בקרו בכתובת https://accessibility.activated.digital/.
שאלות נפוצות
האם אתר רספונסיבי הוא בהכרח אתר נגיש במובייל?
לא תמיד. אתר רספונסיבי מתאים את מבנה העמוד לרוחב המסך, אך הוא אינו מבטיח שהכפתורים גדולים מספיק ללחיצה נוחה, שרמת ניגודיות הצבעים מאפשרת קריאה בשמש, או שקורא מסך מסוגל להקריא את התוכן בצורה הגיונית. רספונסיביות היא בסיס חיוני לעיצוב מודרני, אך נגישות בוחנת את השימושיות האנושית המלאה של הממשק.
איך גודל הכפתורים משפיע על אנשים שמשתמשים בטלפון?
כפתורים קטנים או צפופים מדי מקשים מאוד על לחיצה מדויקת באגודל, במיוחד עבור אנשים עם רעד בידיים, קשיי קואורדינציה, או אנשים שגולשים תוך כדי תנועה והליכה. כאשר שטח המגע של הכפתור מרווח ומותאם לתקני הנגישות, כל גולש מגיע לפעולה הרצויה בקלות וללא לחיצות שגויות ומלחיצות.
למה ניגודיות צבעים חשובה במיוחד בגלישה מהנייד?
בניגוד למחשב נייח הנמצא בחדר סגור, טלפונים ניידים חשופים להשתקפויות ולאור שמש ישיר ברחוב. בנוסף, משתמשים רבים מנמיכים את בהירות המסך כדי לשמור על חיי הסוללה. ניגודיות צבעים חזקה בין הטקסט לרקע מבטיחה שהמידע יישאר קריא וברור לחלוטין עבור כולם, ובפרט עבור אנשים עם ירידה בראייה.
איך בעל עסק יכול לבדוק בעצמו את הנגישות בטלפון?
ניתן לבצע בדיקה ראשונית עצמאית בכמה צעדים פשוטים: נסו לגלוש באתר באור יום מלא ולראות האם כל הטקסטים קריאים, נסו ללחוץ על כפתורים וקישורים ביד אחת כדי לבדוק האם הם נוחים למגע, והגדילו את הגופן בהגדרות המכשיר כדי לוודא שהטקסט באתר מתאים את עצמו ולא נשבר.