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>