הנחיה 3: השתמשו בסימונים ובגליונות סגנון בצורה נכונה

סמנו את המסמכים בעזרת אלמנטים מבניים. שלטו בתצוגה בעזרת גליונות סגנון ולא בעזרת אלמנטים ותכונות של הצגה

שימוש נכון בסימונים -- ללא קשר להנחיות -- מוביל לנגישות. שימוש לא נכון בסימונים למטרות תצוגה (לדוגמא שימוש בטבלה למטרת עיצוב או שימוש ב"header" למטרת שינוי גודל הגופן) מקשה על המשתמשים המשתמשים בתוכנות מיוחדות להבין את עיצוב הדף ולנווט בו. כמו כן, שימוש בסימוני תצוגה במקום בסימונים מבניים על מנת לקבוע את המבנה (לדוגמא לבנות טבלה בעזרת אלמנט PRE של HTML) מקשה על קריאות הדף עבור התקנים אחרים (זהו ההבדל שבין תוכן, מבנה ותצוגה).

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

מצד שני, הכוונה איננה הזנחת סימון נכון רק מפני שישנן טכנולוגיות או דפדפנים מסויימים שאינם תומכים בו. לדוגמא, ניתן להשתמש באלמנט ה- TABLE של HTML, אף על פי שישנם קוראי מסכים ישנים שאינם תומכים בו ואינם מצליחים לקרוא את הטקסט בצורה המתאימה (ראו נקודת בדיקה 10.3). שימוש נכון ב- TABLE ויצירת טבלאות שניתנות לתרגום בצורה יפה (הנחיה 5), מאפשרות ליצור טבלאות שאינן רק מטריצות דו-מימדיות.

 נקודות בדיקה

3.1 כאשר קיימת שפת סימון מתאימה, השתמשו בסימונים במקום בתמונות על מנת להעביר מידע [עדיפות 2]

לדוגמא השתמשו ב- mathML על מנת לסמן משוואות מתמטיות, ובגליונות סגנון על מנת לעצב את הטקסט ולשלוט בעיצוב. כמו כן, המנעו משימוש בתמונות שמיצגות טקסט -- אלא השתמשו בטקסט ובגליונות עיצוב. ראו הנחיה 6 והנחיה 10.

 

 טכניקות לנקודת בדיקה 3.1:

 

3.4 סימונים וגליונות סגנון במקום תמונות.

3.2 השתמשו בדקדוק נכון. [עדיפות 2]

לדוגמא, כתבו הצהרה על סוג המסמך בתחילת המסמך עבור מסמכים המותאמים ל- DTD (כלומר HTML 4.0 DTD).

 

 טכניקות לנקודת בדיקה 3.2:

 

1.1.4 הצהרת DOCTYPE!

3.3 השתמשו בגליונות סגנון כדי לשלוט בתצוגה ובפרישה.

לדוגמא, השתמשו ב- 'font' של CSS במקום להשתמש באלמנט ה- FONT של HTML על מנת לשלוט בסוגי הגופנים.

3.4 השתמשו ביחידות יחסיות ולא ביחידות קבועות בתכונות השפה ובערכי תכונות של גליונות סגנון. [עדיפות 2]

לדוגמא ב- CSS השתמשו ביחידות של 'em' או אחוזים, במקום ביחידות של 'pt' או 'cm', שהן יחידות קבועות. אם אתם משתמשים ביחידות קבועות, עליכם לבדוק כי אכן התוכן נראה וניתן לשימוש.

 

 טכניקות לנקודת בדיקה 3.4:

 

10.6.1 קביעת גודל המסגרת ע"י יחידות יחס

3.5 השתמשו באלמנט ה- header על מנת להעביר את מבנה המסמך, והשתמשו בו בצורה נכונה. [עדיפות 2]

לדוגמא, ב- HTML השתמשו ב- H2 על מנת להצהיר על תת-פרק של H1. אל תשתמשו בכותרות רק בכדי לשנות את צורת הגופן או גודלו.

 

 טכניקות לנקודת בדיקה 3.5:

 

3.1 הדגשה

3.6 סמנו רשימות ואלמנטים של רשימות בצורה נכונה. [עדיפות 2]

לדוגמא, ב- HTML קננו את רשימות ה- OL, UL ו- DL בצורה נכונה.

 

 טכניקות לנקודת בדיקה 3.6:

 

4 רשימות

 

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

לדוגמא, ב- HTML השתמשו באלמנטי ה- Q וה- BLOCKQUOTE על מנת לסמן ציטוטים קצרים וארוכים, בהתאמה.

 

 טכניקות לנקודת בדיקה 3.7:

 

3.3 ציטטות

 מקורות

structure-presentation - הנחיה 3 מתוך W3C 1.0