身心障礙科技服務學習課程分享: 2013

2013年12月9日星期一

1.建立有意義的網頁標題

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-hk" lang="zh-hk">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5" />
<meta http-equiv="pics-label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" comment "ICRAonline EN v2.0" l gen true for "http://www.hongkongpost.com" r (nz 1 vz 1 lz 1 oz 1 cz 1) "http://www.rsac.org/ratingsv01.html" l gen true for "http://www.hongkongpost.com" r (n 0 s 0 v 0 l 0))' />
<title>香港郵政 - "我的心意卡" 訂製服務 - 給你的蛇BB一份特別的禮物</title>

<h1 class="title">"我的心意卡" 訂製服務</h1>

<tr>

http://voice.hongkongpost.com/vce/scv.hongkongpost.com/uniV/www.hongkongpost.com/chi/services/makeMyCard/snakeBaby/index.htm

2.提供能取代圖片的文字

<a href='http://www.gov.hk/tc/residents/' rel="external" onmouseout='MM_swapImgRestore()' onblur='MM_swapImgRestore()' onmouseover='MM_swapImage("mainbar1e","","/common/images/header/mainbar1_f2e.gif",1)'

onfocus='MM_swapImage("mainbar1e","","/common/images/header/mainbar1_f2e.gif",1)'>

</div>

</td>

<a href='javascript:comChangeLanguage("sc")' onmouseout='MM_swapImgRestore()' onblur='MM_swapImgRestore()' onmouseover='MM_swapImage("mainbar4","","/common/images/header/mainbar4_f2.gif",1)'

onfocus='MM_swapImage("mainbar4","","/common/images/header/mainbar4_f2.gif",1)'>

</div>

http://www.ogcio.gov.hk/tc/community/web_accessibility/

3.定義快速鍵

<tr>

<td align="right"><a accesskey= "S" href="/sitemap.asp" title="其他選單區" class="a-acceky">:::<span class="hid">其他選單區</span></a><span class="hid">[</span><a href="/sitemap.asp" title="網站導覽" class="a-bgray">網站導覽</a>　<span class="hid">][</span><a href="/traffic.asp" title="交通資訊" class="a-bgray">交通資訊</a>　<span class="hid">][</span><a href="/qa/online-qa.asp" title="諮詢維修服務" class="a-bgray">諮詢維修服務</a>　<span class="hid">][</span><a href="http://elib.batol.net/" title="(另開新視窗)" target="_blank" class="a-bgray">華文視障電子圖書館</a>　<span class="hid">][</span><a href="http://assist.batol.net/" title="(另開新視窗)" target="_blank" class="a-bgray">視障生教育輔具中心</a>　<span class="hid">][</span><a href="http://www.tku.edu.tw/" title="淡江大學" class="a-bgray">淡江大學</a>　<span class="hid">]</span>  </td>

</tr>

</table>

http://www.batol.net/batol-help/article-summary.asp?type=07&name=%B5L%BB%D9%C3%AA%BA%F4%AD%B6

4 指定妳的語言

<a href="/sc/" id="sc" title="简体" lang="zh-CN" class="zh-CN" rel="language-sc">简体</a> |

</li>

</li>

<li>

</li>

<li><a id="waMyColour_tc" href="/tc/about/style/" title="我的自訂色彩">我的自訂色彩</a></li>

http://www.gov.hk/tc/about/accessibility/accessibilityfeatures.htm

5 忽略卡位圖片

</div>

</div>

</div>

http://edition.cnn.com/

2013年12月2日星期一

2013年11月11日星期一

LAB 26

LAB 25

LAB 24

LAB 23

Homework 11-5-2013

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
    <script type="text/javascript">
      var re = /\(?\d{3}\)?([-\/\.])\d{3}\1\d{4}/;
      function check(){
    var OK = re.exec(f.q.value);
        if (!OK)
          {window.alert(RegExp.input + " isn't a phone number with area code!");
         f.q.value="";
        document.f.q.focus();
        return false; }
         else
       window.alert("Thanks, your phone number is " + OK[0]);

}
    </script>
</head>
<body>
    <p>Enter your phone number (with area code) and then click "Check".
        <br>The expected format is like ###-###-####.</p>
    <form name="f" action="#" onsubmit="return check()" method="get">
       check:<input type="text" name="q">
     <input id="phone" type="submit" value="check">
    </form>
</body>
</html>

號碼錯誤將提示，光標移回。。