HTML单选设计中需要注意的几个影响读屏软件的问题

在之乎有一个提问是: HTML单选的设计:采用select+option好还是input type="radio"好? 这两种方式哪一种对读屏软件会更友好呢? 不知什么原因,我的答案就是无法提交,我尝试了ie8和ie10都不可以。下面是我的答案内容:

这两个标签本身对读屏软件都是友好的,但正如 @殷晓波 同学说的,一定要吧他们写规范才能对读屏软件友好。

尤其是radio,很容易因为笔误或者疏忽而给读屏软件带来困扰。给出一个不可取的错误写法:

帅哥<input type="radio" name="male" />
美女<inputtype="radio" name="female" />

或者吧“帅哥,美女”放在radio标签后面,或者提示文本和radio没有用label关联起来,都是会给读屏软件带来困扰,导致读屏软件无法正确读出选项信息。

可以用的方式:

<label for="male">帅哥</label>
<input type="radio" id="male" name="male" />

或者:

<label>帅哥<input type="radio" name="male" /></label>

updatedupdated2013-12-072013-12-07