טכניקות
אם תשתמשו בסימונים מבניים כראוי, הדפים שלכם יהיו נגישים גם אם גליונות הסגנון יהיו מכובים, הם רק ייראו קצת פחות יפים.
המלצת ה- W3C:
על העורכים לעצב מסמכים בצורה שתהיה הגיונית ללא גליונות הסגנון (כלומר סדר הדברים יהיה הגיוני) ורק אחר כך להוסיף גליונות סגנון לאפקטים ויזואליים.
החדשות הטובות הן, שבדרך כלל האתרים יהיו קריאים גם עם גליונות סגנון מכובים. הבעיות יופיעו רק אם תשתמשו לא נכון בגליונות הסגנון, במקום שבו הייתם אמורים להשתמש למעשה בתויות HTML מבניות, או אם תשתמשו לא נכון בדף ה-HTML ותשימו בו דברים שאמורים להיות בגליון הסגנון.
אם אתם משתמשים בצירוף של HTML וגליונות סגנון כדי לטפל בצבעים, הזהרו. יש סכנה שהטקסט יהפוך לבלתי קריא כאשר גליונות הסגנון יכובו. לדוגמא, אם ציינו צבע כתב "לבן" בגליון הסגנון, אבל את צבע הרקע כ"שחור" אחרי תוית ה- BODY שבדף ה- HTML, הרי שהטקסט יהיה שחור-על-שחור אם גליונות הסגנון יכובו.
האתר הבא משתמש בגליונות סגנון על מנת לשלוט בצבע הקישורים:
A {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFAA00;}
אך הוא משתמש ב- HTML על מנת למלא את הרקע של הריבועים בטבלה בתמונה כחולה:
<TD background="/images/nav_background.gif" valign="top" width="190" align="left">
כך נראה דף הבית כאשר מאפשרים גליונות סגנון:
אבל אם מכבים את גליונות הסגנון (במקינטוש), ממש אי אפשר לראות את צבע הקישורים, שמופיע ככחול על כחול:
מה הטעות? את הצבעים אמורים לנהל בגליונות הסגנון, לא ב- HTML.
באותו אופן, על המבנה יש לשלוט ב-HTML ולא בדפי העיצוב. אסור להגדיר סגנון כזה:
.subheading {font-family: arial, sans-serif; font-size: 135%; font-style: bold}
ואחר כך לשים אותו ב- HTML על מנת להכריז על כותרת משנה:
<p class="subheading">Chapter Two</p>
עבור קורא מסך או עבור מישהו שגליונות הסגנון שלו כבויים, זו לא תהיה כותרת משנה, אלא פשוט עוד שורה של טקסט. מה שצריך לעשות, הוא להשתמש בתויות ה- H1, H2, H3 ואחר כך לשייך להן את הסגנון:
H2 {font-family: arial, sans-serif; font-size: 135%}
<h2>Chapter Two</h2>
יש אנשים שמשתמשים בגליונות סגנון כדי ליצור רשימות או רשימות ממוספרות. אל תעשו זאת, השתמשו בתויות ה- DL ו- OL.
W3C מביאים דוגמא קיצונית לשימוש בגליונות סגנון על מנת ליצור טבלה בת 2 עמודות. הדוגמא היא כמובן לשלילה.
אזהרה 1: אם יצא לכם לבקר באתר של W3C, בוודאי ראיתם כי הם ממליצים על גליונות סגנון לכל אפקטי התצוגה, כולל הפרישה על הדף ומיקומים. האמת היא, שאין עדיין תמיכה טובה של כל הדפדפנים בשליטת גליונות סגנון על מיקומים. לכן, עדיין לא הגיוני מבחינת המפתחים לנטוש את טבלאות ה- HTML אם רוצים להשיג טורים מרובים. למידע נוסף ראו טיפ של Usability.gov.
אזהרה 2: אם אתם משתמשים בגליונות סגנון, בדקו אותם על דפדפנים שונים ועל פלפורמות שונות לפני ההשקה. לפעמים מתפוצצים כשרואים מה Netscape for Macintosh עושה עם גליונות סגנון. אבל לא לוותר! שווה להתמקצע בגליונות הסגנון, ובסופו של דבר הם מקלים על העבודה.
גולשים מקוונים: 6