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

הנחיה 5: ליצור טבלאות מובנות

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

 

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

 

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

 

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

 

סימן וי נקודות בדיקה:

 

5.1 עבור טבלאות נתונים, הצהירו על כותרות של שורה וטור. [עדיפות 1]

לדוגמא ב- HTML, השתמשו ב- TD ע"מ לציין את התאים, ו- TH ע"מ לציין תאי כותרת.

 

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

 

5.1.2 זיהוי אינפורמציה של שורות וטורים

 

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

לדוגמא ב- HTML, השתמשו ב- THEAD, TFOOT ו- TBODY ע"מ לקבץ שורות, COL ו- COLGROUP ע"מ לקבץ טורים, ותכונות ה- "axis", "scope" ו- "headers" ע"מ לתאר יחסים מורכבים יותר בטבלה.

 

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

 

5.1.2 זיהוי אינפורמציה של שורות וטורים

 

5.3 אל תשתמשו בטבלאות למטרות עיצוב ופרישת התוכן, אלא אם כן הטבלאות הגיוניות גם כשמציגים (או מקריאים) אותן מימין לשמאל (או משמאל לימין) בצורה לינארית. אם הטבלאות אינן הגיוניות כאשר מציגים אותן בצורה לינארית, ספקו גירסא אלטרנטיבית (אפשרי שהיא תהיה גירסא לינארית). [עדיפות 2]

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

 

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

 

5.2 טבלאות לפרישה

 

5.4 אם אתם משתמשים בטבלה למטרות עיצוב, אל תשתמשו בסימונים מבניים רק למען העיצוב הויזואלי.

לדוגמא ב- HTML, אל תשתמשו באלמנט ה- TH ע"מ לגרום לתוכן (שאיננו באמת כותרת בטבלה) להיות מודגש (bold) וממורכז.

 

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

 

5.2 טבלאות לפרישה

 

5.5 ספקו תקציר של הטבלה. [עדיפות 3]

לדוגמא ב- HTML, השתמשו בתכונת ה- "summery" של אלמנט ה- TABLE.

 

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

 

5.1.1 מידע מסכם

 

5.6 ספקו קיצורים לכותרות שבטבלה [עדיפות 3]

לדוגמא ב- HTML, השתמשו בתכונת ה- "abbr" של אלמנט ה- TH.

 

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

 

5.1.1 מידע מסכם

 

 

ספרים מקורות

table markup - הנחיה 5 מתוך W3C 1.0

 

 

 

 

 

 16-12-03 / 19:14  עודכן ,  24-09-03 / 16:23  נוצר ע"י דפנה תדמור  בתאריך 
 4. שפה טבעית ברורה - הקודםהבא - 6. לאפשר שימוש בטכנולוגיות ישנות 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 3