WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: form accessibility

for

From: Jamous, JP
Date: Aug 10, 2016 3:29PM

Angela,

1. The name is JP. Jamous makes me feel old. LOL
2. Yes you can with the check box. I tested it to be certain. However, put the text before the Input element. Remember screen readers love sequential execution.

<label>
I'm Number 1
<input type="checkbox" />
</label>
<label>
I'm Number 2
<input type="checkbox" />
</label>
<label>
I'm Number 3
<input type="checkbox" />
</label>
<label>
I'm Number 4
<input type="checkbox" />

</label>

The only thing I don't mind if you use is role="checkbox". This insures that the screen reader sees it as a check box.

Do not add any unnecessary attributes. The more you add the more complicated you make your life.