accessibility - Is my form laid out in a table accessible? -
I am making a form of discovery of colleges based on the division of athletic programs and games. I have excluded the form in a table "All Divisions" checkbox selects all the checkboxes for that game
I know that screen readers are both forms and table modes. Is my existing design accessible or should I add labels to each individual checkbox and remain in the status of off-screen for view users? It is also necessary to meet at least Section 508 requirements.
The current code for tables looks like this:
& lt; Table & gt; & Lt; Tr & gt; & Lt; Th scope = "colonel" colspan = "2" & gt; All Divisions & lt; / Th & gt; & Lt; Th scope = "colonel" & gt; Div i & lt; / Th & gt; & Lt; Th scope = "colonel" & gt; Part II & lt; / Th & gt; & Lt; Th scope = "colonel" & gt; Div III & lt; / Th & gt; & Lt; Th scope = "colonel" & gt; Other & lt; / Th & gt; & Lt; / TR & gt; & Lt; Tr & gt; & Lt; Th scope = "row" & gt; Baseball & lt; / Th & gt; & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; / TR & gt; & Lt; Tr & gt; & Lt; Th scope = "row" & gt; Basketball & lt; / Th & gt; & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; Td> & Lt; Input type = "checkbox" /> & Lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt;
What I want to know is whether the screen reader is able to associate the table headings with the check box.
It is accessible. I pressed the code into an HTML document and read the check box with headers in both Firefox 3.0 and Internet Explorer 7, using Jaws version 10.0 as a screen reader.
Comments
Post a Comment