2011年7月26日 星期二

[ASP.net] 撰寫無障礙網頁的ASP.net技巧&分享 part1

臺灣應該有不少Web開發者經常要撰寫行政院研考會規定的無障礙網頁
個人本身也常上網找ASP.net某個Server Control要如何撰寫才能通過無障礙標準,但這類文章很難找出個整理
所以此篇是獻給那些Web開發者們,在開發ASP.net程式時,有個參考指南(如果不曉得什麼是無障礙網頁,有興趣的人可以點選這裡)
本文以通過A+無障礙機器(FreeGo軟體掃描)檢測為主(以下簡稱A+)
要通過A+,跟ASP.net控制項有關的兩個原則:
1.<img />要有alt
2.各HTML Tag若有滑鼠事件,則要有對應的鍵盤事件
例如:onClick=>onKeyPress、onMouseOver=>onFocus、onMouseOut=>onBlur、onMouseDown=>onKeyDown、onMouseUp=>onKeyUp
看似簡單,但實際情況是,微軟有些控制項註定過不了無障礙標準或者加了AutoPostBack屬性後就無法通過
MSDN上針對無障礙網頁的一些說明:
ASP.NET 中的網頁可及性支援ASP.NET 控制項和網頁可及性
以下針對常用到的ASP.net Server Control說明,呈現出HTML的Tag及該如何撰寫才能通過A+方法做些整理
(另外,講白一件事,能通過無障礙標準的網站,其實未必真的是無障礙網站XD)

文章很長,如果想快速5分鐘上手的話,建議速讀紅色部份就好,其他都是我在Try-Error證明該控制項過不過得了無障礙標準。


原始文章出自於此

沒有留言:

張貼留言