אם בחרתם צבע אחד, בחרו את כולם

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

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

כדי להימנע מבעיות אלה, אמצו לכם את כלל האצבע הבא: אם אתם מפרטים צבע אחד, עליכם לפרט את כולם.

נהלים מומלצים

השתמשו ב-CSS במקום בתגית font

הדרך הנכונה והמודרנית להגדיר צבע בדף רשת היא באמצעות גיליונות סגנון מקוננים (CSS). הדבר מומלץ הרבה יותר משימוש במאפייני ה- ואלמנט ה- ב-HTML, מכיוון ש-CSS גמיש יותר, קל יותר לתחזוקה וחוסך רוחב פס. השתמשו בתכונות ה-CSS הנקראות color ו-background-color או בקיצור שלו background.

דוגמה

צבעי הרקע, החזית (foreground) והקישורים מפורטים כולם בעמוד הפשוט הזה שצבעיו שחור על לבן.

html, body {
   background: #fff;
   color: #000;
}

a:link {
   background: #fff;
   color: #037;
}

a:visited {
   background: #fff;
   color: #636;

} 

קריאה נוספת

• מה לא נכון באלמנט ה-FONT? מאת וורן סטיל.
• ניגוד צבעים אפקטיווי – עיצוב עבור אנשים עם ליקויים בראייה ובתפיסת צבעים, מאת אריס ארדיטי.
• כשאלמנטים גרועים של עיצוב נהפכים לסטנדרט, מאת יאקוב נילסן.
• לתת למשתמשים לשלוט בגודל הפונטים, מאת יאקוב נילסן.
• ראו גם את שירות אימות ה-CSS של W3C.

על ה"טיפים להבטחת איכות"

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

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

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