跳到主要內容
:::|

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

說明: 盡量避免使用ASCII碼符號設計呈現示範圖例,取而代之以實際的圖像來顯示圖例資訊為佳,因為可以比較容易使用IMG標籤中的alt屬性設定圖項的替代文字說明。若是一定要使用ASCII碼符號設計示範圖例,則必須提供該示範圖示的明述說明,以利視覺障礙者使用文字型態瀏覽器閱讀示範圖例中的資訊。

範例: 使用ASCII文字藝術所編排的圖形,視障者所使用的語音合成器將無法解讀出原有的意義。

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

  不良設計:     

    小壯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 月
            
      

正確示範

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

正確範例:
< P >  
    < IMG src="weight.gif" alt="小壯2003年減重期間體重變化"
          longdesc="weight.txt" >
< /P >
    
附註:weight.txt提供小壯2003年減重期間每個月體重的記錄。

 

上一頁| 回首頁