Bloggy! Boggy’s Blog Hi! I’m Boggy and this is my blog. I write something about works, life, music or funny things here.

最近又開始要做無障礙網站啦，
絕大部分的政府公家機關，目前都會採用無障礙網站
為了將資訊無誤的傳達出來給任何人
因此在製作上，也需要一些煩雜的步驟及需求
以下是基本需要注意的部份：

一、寬度長度大小

• 在HTML中欲使用絕對大小排版，請在樣式表中設定，HTML TAG中請使用百分比，當樣式表作用時，會將百分比蓋過。在此要確認的是，當沒有樣式表時，版面依然能夠正確的傳達資訊
• 字型請使用相對大小，比如x-large, x-small之類的，能夠幫助無法清楚閱讀字體的使用者，可以放大閱讀

二、排版

• 切勿使用表格來排版文字或圖片切片，因為表格應為描述一系列資訊時使用，而且表格的使用必須加上表頭以及抬頭，在無障礙審核時會增加麻煩，審核者也容易錯亂。此時應該善用DIV、UL、LI標籤加上樣式表，做出一樣的效果，在沒有樣式表時也能清楚閱讀
• 導覽列在HTML中應該在主要內文之後，當在版面上需要於內文之上時，請使用STYLE的POSITION或者FLOAT控制位置，不應當直接寫在上方，因為語音功能或是點字機會先將不斷重複的MENU放在上面，造成閱讀者不便

三、附加說明

• 表格的附加說明方法為 summary=”表格的說明”
• 表格需要表頭，請在表頭TR標籤內運用TH標籤代替TD標籤作為欄或行的抬頭(預設為粗體)
• 表格需要一個抬頭，請在第一個TR標籤之上資家CAPTION標籤，說明此表格的用途
• 圖片需要說明，請使用alt=”圖片的說明”

四、多種操作方式

• 在網頁中放置搭配ALT快捷鍵的導盲磚，可讓語音箱直接從使用者選取的地方開始讀，範例如下：
  

  <a href=”#” accesskey=”L”>:::左側區塊</a>
  <a href=”#” accesskey=”C”>:::中央區塊</a>
  <a href=”#” accesskey=”R”>:::右側區塊</a>

• 當有些特效使用滑鼠事件時，也請一併使用鍵盤事件，例如：onMouseDown=”sp.doFocus()” onFocus=”sp.doFocus()”

五、其他

• 需要說明網頁的語言，請在HTML標籤中，加上 lang=”zh-TW” 屬性
• 當連結標籤緊鄰時(或者只是用表格或是LI標籤相隔)，請在兩個連結標籤中間加入分隔文字或圖片，可以讓點擊更加方便，若真的沒有辦法這麼做時，請一樣在兩標籤中加入分隔文字，並用SPAN標籤配合STYLE的DISPLAY:NONE將文字隱藏起來(這麼做無法讓點擊更方便，但能逃過機器人的審核)
• 跑馬燈marquee標籤，易干擾讀字機使用，請儘可能不要使用