טיוטה - היזהרו בצבעים

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

1. רוב הדפדפנים משתמשים בצבעי חזית (foreground) כהים, לרוב שחור עבור טקסט, כחול מודגש עבור קישורים, וכחול מודגש מעט שונה עבור קישורים שבוקרו.
2. כך גם לגבי דפדפנים ישנים יותר שאינם תומכים ב-CSS. לכן שינוי צבע הרקע מסובך:
3. צבעי רקע כהים הם אאוט – אלא אם צבע החזית משתנה גם הוא. הבדיקה הטובה ביותר היא בעזרת שירות ההופך את כל הצבעים לסכימה מונוכרומטית, ואם הם עדיין ברורים הם מתאימים גם לעיוורי צבעים.
4. עירוב של סימני עריכה ישנים עם CSS עלול להביא לתוצאות משעשעות, כמו צבעי חזית ישנים של שחור/כחול על רקע כהה, אם העורכים משתמשים ב- ‎bgcolor=‎"black"‎ עבור ה-BG, ו- "‎style="color: white עבור ה-FG.
5. השימוש ב-<"font color="white> נחשב מיושן. אפשר להפר את הכלל הזה, אלא שמוטב לא להשתמש בסימני עריכה ישנים לרקעים כהים.
6. מחוץ ל-CSS, הימנעו מסימון ‎#rgb‏ ההקסאדצימלי; דפדפנים ישנים מכירים רק את ‎#rrggbb‏ (שש ספרות הקסאדצימליות). ניתן להשתמש באחד מ-16 שמות הצבעים, שכן מובטח שהדבר יעבוד ברוב המכשירים המוגבלים, טלפונים סלולריים, מחשבי כף יד, מדפסות וכו' (כל עוד הם תומכים בצבעים).
7. דפדפני טקסט אינם תומכים בצבעים (הם זקוקים להם באופן פנימי כדי להציג תגיות סגנון פיזיות ולוגיות כמו על צגי טקסט עם פונט יחיד ברוחב קבוע).
   
8. XHTML Basic ו-Print אינם תומכים ב-CSS פנימי. אם אפשר, השתמשו בהפניות =class לגיליון סגנונות חיצוני.

קריאה נוספת

• דף נסיוני עם קישורים למדמה עיוור צבעים המיועד לעבוד אפילו עם דפדפני HTML 2.

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

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

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

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