Ads 468x60px

##EasyReadMore##

11 1月, 2010

常用的無障礙語法

紅色字體為新加入的語法內容
◎圖片:圖片一定要加上替代文字
<img src="006.jpg" alt="校門圖片">
◎超連結與開啟新視窗:所有超連結最好都加上title,開新視窗一定要提示
 (現在很像可以省略,放寬標準了)。
<a href="#" title="點選會開啟新視窗" target="_blank">連結內容</a>
<a href="#" title="點選會開啟 EMail 軟體">E-Mail</a>

◎Java Script
<script type="text/javascript" src="http://sfs.jges.mlc.edu.tw/ensfs3/include/xoops.js">
</script>
<noscript>
您的瀏覽器,不支援script語法,若您的瀏覽器無法支援,並不會影響到網頁的閱讀
</noscript>

◎表格:分資料表格和排版表格
資料表格語法:除了紅色字體外,標題一定要 <th>???</th> 其它表格內容語法照舊.
<table class='outer' cellspacing='1' summary='校務佈告欄'>
<CAPTION>校務佈告欄</CAPTION>
 <tr>
    <th align='center'>公告日期</th>
    <th align='center'>標 題</th>
    <th align='center'>單 位</th>
    <th align='center'>職  稱</th>
    <th align='center'>點閱數</th>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
</table>
排版表格:只要加紅色字即可,其它照舊.
 <table cellspacing="0" align="center" summary="排版表格">
    <tr>
      <td id="leftcolumn">

註:排版表格如果要用到 <th>???</th> 的話改用 <td><strong>???</strong></td>
說明:<th> 和 <td> 的用法在無障礙網頁是要區分清楚的,建議少用資料表格來避免不必要.
◎滑鼠替代事件(
-->後面要加上對應的選項)
onMouseDown --> onKeyDown
onMouseUp --> onKeyUp
onClick --> onKeyPress
onMouseOver --> onFocus
onMouseOut --> onBlur

註:onclick="location='<{$poll.viewresults}>'" onKeyPress="location='<{$poll.viewresults}>'" 把 onclick 內容複製隔一格貼上將 onclick 改成 onKeyPress 即可
<marquee align='top' behaviour='scroll' direction='up' onmouseover="this.stop()" onFocus="this.stop()" onmouseout="this.start()" onBlur="this.start()" scrollamount=1 height=200 width='100%' scrolldelay=150 loop='infinite'>
健康城市宣傳標語</marquee>
◎內嵌網頁
<iframe src="http://www.hinet.net" title="中華電信" width="100%" height="640" scrolling="auto" frameborder="no" marginwidth="0" marginheight="0" noresize></iframe>
註: instpage.php 內有這個語法所以加入 TITLE="內嵌網頁" 即可通過機器
◎flash
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
   width="1000" height="490" align="middle" title="首頁">
   <param name="movie" value="index.swf">
   <param name="quality" value="high">
   <embed src="index.swf" width="1000" height="490" align="middle"
    quality="high"
    pluginspage="http://www.macromedia.com/go/getflashplayer"
    type="application/x-shockwave-flash">
   </embed> flash首頁動畫 </object>
註: 結尾的 </embed> 和 </object> 之間加入一些說明例
  </embed><noembed>若您無法正常觀賞本段影片,請直接進入內頁</noembed>
  <span style="display:none">這裡有一段 Flash 動畫</span>
</object>

0 意見:

張貼留言

 
Blogger Templates