跳到主要內容
:::|

10.4:H310103 若有以表格直欄格式呈現的網頁文字內容時,提供線性文字替代

說明:表格對於一般視覺障礙者所使用的瀏覽器而言,會以由左而右;由上而下的方式進行解讀。因此網頁中如有以表格直欄格式呈現網頁文字內容時,則必須提供線性替代文字。以利視覺障礙者使用特殊的瀏覽器閱讀表格儲存格中的資訊。

範例:

以下例子是兩個直欄格式的資訊在一般網頁上的呈現:

台北地區今天天氣涼爽,
午後出現溫和陽光,
氣溫在攝氏二十二至
二十五度之間。
各地未來一週天氣炎熱,
午後都會出現雷震雨,
各地應做防範豪雨準備。

然而若從較舊版的螢幕閱讀器中讀出,得到結果可能變成錯誤的資訊如下:

台北地區今天天氣涼爽,午後出現各地未來一週天氣炎熱,午
溫和陽光,氣溫在攝氏二十二至二後都會出現雷震雨,各地應
十五度之間。做防範豪雨準備。

因此,對於此類直欄式的表格,應該要在該網頁或是直接可連結到的網頁上提供線性的替代文字。這個範例的做法是在該表格之前提供一個連結,連到另一個有線性替代文字的網頁。

不良設計

表格直欄格式呈現的網頁文字內容時,沒有線性文字替代。

不良設計:

< TABLE border = "0" cellspacing = "0" cellpadding = "10" > 
< TR > 
< TD > < P > 台北地區今天天氣涼爽,午後出現溫和陽光,氣溫在攝氏二十二至二十五度之間。 < /P > 
< /TD > 
< TD > < P > 各地未來一週天氣炎熱,午後都會出現雷震雨,各地應做防範豪雨準備。 < /P > 
< /TD > 
< /TR > 
< /TABLE >

正確示範

當有表格直欄格式呈現的網頁文字內容時,需在該網頁上提供連結連至線性文字網頁。


正確範例:

< A href = "linkto/weather_tai.jsp" > 台北地區今日以及未來一週天氣狀況 < /A > 
< TABLE border = "0" cellspacing = "0" cellpadding = "10" > 
< TR > 
< TD > < P > 台北地區今天天氣涼爽,午後出現溫和陽光,氣溫在攝氏二十二至二十五度之間。 < /P > 
< /TD > 
< TD > < P > 各地未來一週天氣炎熱,午後都會出現雷震雨,各地應做防範豪雨準備。 < /P > 
< /TD > 
< /TR > 
< /TABLE >

上一頁| 回首頁