今天要介紹無障礙AA與資安風險檢測
最近案子是空軍航校
我這邊就以航校調整為例
無障礙AA的部份
1.每一頁都要有一個H1，而且只能有一個唯一的H1，不可兩個以上
調整方式：在MasterPage裡的Logo部份DIV設定改成H1即可
2.每一頁都要有正常的標題H1~H6
調整方式：每一頁都要加上小標從大到小H2~H6依序增加
3.圖片、連結要加上替代文字，且內容需可閱讀，不可SHOW出無意義命名，例如:1、2、3
調整方式：
圖片<img> 加上 alt=""
連結<a> 加上 title=""
4.每一頁title都要依照網站內容去設定
調整方式：把MasterPage的<title>拿掉
在每一頁的aspx Header裡加上<title
內容編輯依名稱去設定
命名方式：網站名稱 功能名稱 頁面名稱
5.所有CSS字型大小都要使用em，不可使用px、pt
6.導盲磚設定<a href="#" title="右上方功能區塊" accesskey="U" tabindex='3'>:::</a>
調整方式：
<a href="#U" name="U" title="右上方功能區塊" accesskey="U" tabindex='3'>:::</a>
href="#"的#後面要加上定位區塊名稱，然後要加上name為定位區塊名稱，這樣在CHROME才會有作用
設定導盲磚注意事項
a.不可以超過5個設定
U = 頭
M = MENU
C = 內容
R = 右
F = 尾
b.設定時注意是否該鍵為瀏覽器快捷鍵，設定時請避開各瀏覽器快捷鍵
7.用鍵盤設定連結需照順序遊走以tabindex='排序'為主，跑到後面突然回中間之類的
調整方式：檢查tabindex='排序'是否正確，可以使用一樣的數字，他會走接著往下
比方tabindex='2'、tabindex='3'、tabindex='4'、tabindex='4'、tabindex='5'
他會走2>3>4>4>5
他不會從2>3>4>5又回4
但如果中間沒有重覆設定4
會變成ttabindex='2'、tabindex='3'、tabindex='4'、tabindex=''、tabindex='5'
他不會從2>3>4>5又回中間空白處，這樣人工檢測的時候就會失敗
8.背景色和文字色需有明顯對比
調整方式：不可用太相近的顏色做配色，會造成使用者會有閱讀上的障礙
所以要配背景深文字淺，或背景淺文字深
只要對比度夠，人工檢測就會過
9.MENU鍵盤遊走需可自動展開收合子MENU，且需要依序方式遊走，走完子MNEU才可接下一個大MNEU
調整方式：RWD的預設MNEU下拉選單不支援鍵盤遊走
需重新寫過MENU的HTML和CSS
參考連結：http://jsfiddle.net/dvLden/Ltz7nmdb/1/
10.More文字或圖片，需要替代文字說明為"什麼功能的更多"
調整方式：
如果是連結<a>需加上title="更多OO功能"
圖片<img> 加則需加上alt="更多OO功能"
11.輪播切換的功能鈕也需要加上替代文字說明
調整方式：方法同10.，加上容可說明"上一個大圖"、"下一個大圖"之類的相關說明文字
12.不可放至無法連結之連結
調整方式：若無法連結的連結需修正或移除
資安風險檢測部份
1.aspx頁面不能包含css檔
建議設計師在做UI時使用同一個CSS檔放置MasterPage
所有的CSS/JS都應該放在MasterPage，然後在MasterPage裡做資安風險調整即可
2.在Web.config加上做資安修正
a.上傳圖檔加密，加上<system.web><machineKey validation="AES"/></System.Web>
b.不顯示ASP.NET版本，加上<System.Web> <httpRuntime enableVersionHeader="false" /> </System.Web>
若在Web裡的Web.config做了沒反應，應去IIS裡的Web.config做設定
3.HTTP OPTIONS 問題
至IIS站台底下>要求篩選>HTTP指令動詞>[拒絕指令動詞]新增"OPTIONS"即可
