💡


האם ידעתם: השתמשו במאפיין title רק לצורך מידע נוסף וודאו שגם משתמשי מקלדת מקבלים את המידע

מאפיין TITLE
Title מאפיין חשוב מאוד שתפקידו להוסיף מידע נוסף לאלמנט. Title הוא שייך לקבוצת מאפיינים כלליים אשר ניתן  להצמיד אותם לכל אלמנט. Title נמצא לרוב בלינקים.
מאפיין title מאוד בעייתי מכמה סיבות:
•    מופיע רק במצב מעבר עכבר. דבר זה מהווה חיסרון גדול מאוד שכן כל מי שמשתמש רק במקלדת לא יראה את ה title. בנוסף מהווה הפרה בוטה של כללי הנגישות.
•    אין תמיכה במסכי מגע.
•    לא ניתן לשלוט עליהם לעיתים כמו באינטרנט אקספלורר ה- title  נעלם אחרי 5-6 שניות.
•    משום שלא ניתן לעצב אותם, הטקסט שבתוכם גדל גם הוא כאשר מגדילים את הטקסט. אז מה הבעיה בזה? תוכנות להגדלה מסך (תוכנות "זכוכית מגדלת") לא יצליחו להראות את ה title במידה והוא גדול מדי.  תראו את התמונה הבאה:

המחשה לבעייתיות של מידע רב במאפיין TITLE

כללים לשימוש נכון ב- title

  1. אם אין ברשותכם מנגון המאפשר לקבל את המידע של ה- title במצב פוקוס, עדיפות היא לא תשתמשו בו. או השאירו אותו ריק לדוגמא:  title="".
  2. אל תכללו מידע חשוב ! מידע חשוב צריך להיות נגיש וברור לכולם. במידה ואינו כך לא עשינו בזה כלום.
  3. תכללו ב- title רק מידע נוסף! אין טעם לשכפל את המידע מתוכן הלינק. 
  4. בדקו את ה- title המופיע בתוכנות להגדלת מסך. בדקו גם באחוזים גדולים כגון 300% ,400% וגם ב-500%.
  5. בשביל להעלים את ה- title, אל תציבו מגבלה של זמן. השתמשו במצב של יציאה מהפוקוס (מצב BLUR).

 


FAQ



זהו מאפיין HTML כללי שמאפשר להוסיף מידע משלים לאלמנט – כמו טקסט שיופיע במעבר עכבר על קישור או אובייקט כלשהו.

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

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

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

במקום הגבלת זמן אוטומטית – יש להשתמש באירוע blur (יציאה מפוקוס), כך שה־tooltip ייעלם רק כאשר המשתמש עובר לאלמנט אחר ביוזמתו.

עודכן בתאריך: