משטחי הקשה הם האזורים בדף אינטרנט שמשתמשים במכשירי מגע יכולים לתקשר איתם. ללחצנים, לקישורים ולרכיבי טופס יש יעדי הקשה.
מנועי חיפוש רבים מדרגים דפים על סמך מידת ההתאמה שלהם לניידים. כשמוודאים שיעדי ההקשה גדולים מספיק ורחוקים מספיק זה מזה, הדף ידידותי יותר לנייד ונגיש יותר.
איך הבדיקה של יעדי ההקשה ב-Lighthouse נכשלה
ב-Lighthouse מסמנים דפים עם יעדי הקשה שעומדים בשני התנאים הבאים:
- היעד קטן מ- 48 px על 48 px.
- לפחות 25% מאזור היעד בטווח של 48 פיקסלים ממרכז היעד חופף ליעד אחר.
כשהביקורת נכשלת, התוצאות מפורטות בטבלה עם שלוש עמודות ב-Lighthouse:
| הקשה על יעד | יעד ההקשה בגודל לא מתאים. |
| גודל | גודל המלבן התוחם של היעד, בפיקסלים. |
| יעד חופף | אילו מיעדי הקשה אחרים קרובים מדי, אם יש כאלה. |
איך לתקן את יעדי ההקשה
אפשרות 1: הגדלת יעדי ההקשה הקטנים מדי.
יעדי הקשה בגודל 48px על 48px אף פעם לא ייכשלו בבדיקה. אם יש רכיבים שלא אמורים להופיע גדולים יותר (לדוגמה, סמלים), נסו להגדיל את המאפיין padding:
padding כדי להגדיל את יעדי ההקשה בלי לשנות את מראה הרכיב.
אפשרות 2: הגדלת המרווחים בין יעדי הקשה קרובים מדי זה לזה באמצעות מאפיינים כמו margin. 8 פיקסלים בין יעדי הקשה הם נקודת התחלה טובה,
אבל לא תמיד יש מספיק רווחים כדי לעבור את הביקורת, במיוחד עבור מטרות קטנות מאוד.
מקורות מידע
- יעדי הקשה נגישים: מידע נוסף על האופן שבו יעדי ההקשה נגישים לכל המשתמשים.
- קוד המקור לביקורת של יעדי הקשה לא בגודל מתאים