- 5. טבלאות מובנות

דף ראשי «

מפת האתר «

אודות האתר «

עזרה «

study.eitan.ac.il «

» נושאי לימוד

יום שבת 23 בנובמבר 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]