הליקוי הנפוץ ביותר באתרים ישראליים הוא כפתור קטן מדי

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

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

מה שמקשה על התיקון הוא שהאינסטינקט שגוי. מגדילים את הגופן, האייקון נראה גדול יותר, והשטח הלחיץ נשאר זהה - או שהעיצוב מתקלקל והשינוי מבוטל. התיקון הנכון הוא ריפוד: להשאיר את האייקון בגודלו ולתת לאלמנט העוטף padding שמביא אותו ל-44 על 44, או להגדיר לו min-height ו-min-width ולמרכז את התוכן בתוכו. ויזואלית שום דבר לא זז.

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