» נושאי לימוד
» נושאי לימוד
יום ראשון 1 בדצמבר 2024
3. שימוש נכון בסימונים ובגליונות סגנון
דף ראשי  כיצד לעמוד בתקני הנגישות  הנחיות W3C  3. שימוש נכון בסימונים ובגליונות סגנון גרסה להדפסה

הנחיה 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

 

 

 15-12-03 / 20:52  עודכן ,  09-09-03 / 18:52  נוצר ע"י דפנה תדמור  בתאריך 
 2. לא להסתמך על צבע בלבד - הקודםהבא - 4. שפה טבעית ברורה 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 7