無障礙網路空間服務網無障礙網路空間服務網

13.14:H313213 避免在網頁上使用ASCII文字藝術

不良設計

視障者所使用的語音合成器無法辨讀使用ASCII文字藝術所編排的圖形內容。

不良設計:

  <PRE title="小壯2003減重期間體重變化">
  
                小壯2003減重期間體重變化
 KG   __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ __ 
100 | *   *                                          |
 95 |         *   *                                  |
 90 |                 *                              |
 85 |                     *                          |
 80 |                         *               *   *  |
 75 |                             *   *   *          |
 70 |                                                |
 65 |                                                |
 60 |                                                |
 55 |                                                |
 50 |                                                |
      01  02  03  04  05  06  07  08  09  10  11  12 月
	              
</PRE>
          

正確示範

使用可及性圖形代替ASCII文字藝術所呈現的圖形內容,且配合alt標籤說明圖形內容。

正確範例:

  <P>
  <IMG src="weight.gif" alt="小壯2003年減重期間體重變化" longdesc="weight.txt">
  </P> 
          
附註:weight.txt提供小狀2003年減重期間每個月體重的記錄。
網頁內容結束分隔線