בניית טולטיפ – tooltip – הדרך הפשוטה באמצעות CSS

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

הנגשת פופאפ

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