無障礙網頁開發：規范和技術手冊

無障礙網頁開發：規范和技術手冊

看到這篇規范收獲很多：其中關于radio button的可用性是這樣描述的：

第一個表單必須點擊radio本身才能做選項切換，第2個表單只需要點擊文字部分就能做相應的選項切換。雖然只是一點點改進，但是讓用戶鼠標可以比較容易的進行模糊的操作。

源代碼如下：主要是通過label和相應的id做了關聯
<form>
<FIELDSET>
  <LEGEND>不好的設計：</LEGEND>
    <INPUT name="sex" type="radio"
checked>男性<INPUT type="radio" name="sex">女性 <<--
點擊“女性”左邊的radio才能做選項切換</FIELDSET>
</form>和<form>
<FIELDSET>
  <LEGEND>好的設計：</LEGEND>
    <INPUT name="sex" type="radio" id="male"
checked><LABEL for="male">男性</LABEL><INPUT
type="radio" name="sex" id="female"><LABEL for="female">女性</LABEL>
<<-- 點擊“女性”這個文本就能夠做選項切換</FIELDSET>
</form>