- טקסט הסבר בתוך שדות הטקסט;
- רקע של אלכסונים בצבעים מתחלפים;
- אייקונים קטנים ליד כל שם של שדה;
- השלמה אוטומטית (autocomplete);
- זאת ועוד – בלי תמונות ובלי JavaScript!
ממש רעיונות מדליקים לעיצוב – ולא רק של טפסים!
הבלוג הטכנולוגי של לאה כהן
ממש רעיונות מדליקים לעיצוב – ולא רק של טפסים!
אני ממליץ לא להשתמש בגופנים שכוללים סמלים על מרחב האותיות, כי אלו פוגעים בתוכנות הקראת טקסט ואמצעי נגישות אחרים, וגם לאדם שינסה להבין את הקוד הם עשויים להפריע. לעומת זאת, אני ממליץ להשתמש בגופנים שממפים את הסמלים לאזור התווים הפרטי של יוניקוד שמיועד לתווים מסוג זה. חוץ מזה, יוניקוד עצמו כולל די הרבה סמלים שימושיים שאפשר להיעזר בהם. כתבתי לפני חודשים מספר יישום קטן שיכול לפשט את הגישה והשימוש בהם.
עוד דבר שיכול להיות שימושי מאד הוא לבצע אימות קלט בצד הלקוח. למזלנו, גם כאן יש שיפורים רבים מצד HTML5 וניתן למשל להגדיר שדה שמיועד לקבל מספרים שעליו ירוץ מסנן קלט מובנה שיתריע או יחסום הקלדה. למידע נוסף: https://developer.mozilla.org/en/HTML/Element/Input
תומר, תודה על התגובה שלך.
לא חשבתי בכלל על נגישות בהקשר של פונטים שכוללים סמלים. תודה שהפנית את תשומת הלב לזה. והיישום שלך מדליק!
ונכון, הפקדים של HTML5 כבר יודעים לאמת קצת קלט. ידעתי את זה, אבל לא שמתי לב שזה לא הוזכר במאמר. גם על זה תודה לך!
תומר, נתקלתי עכשיו במאמר של קריס קויר שמפנה למאמר של דרו וילסון, שמדבר על ההתמודדות בדיוק עם העניין שאתה מדבר עליו (גופני סמלים), ועם עוד כמה חסרונות של גופני סמלים. בסה”כ לפי הבנתי יש פתרון לכל בעיה.