2

I have a table with selectable rows. I can select only one row. Sighted users can click anywhere in a row to select it.

In the context of a website that is as good for blind users and sighted users, should I make a separate table for sighted users and one for blind users ?

This is tricky:

  • If a radio is selected, other radio options won't be focusable with TAB key (standard behavior for radio...) how should I handle this ?
  • I cannot sort in the column header with a screen reader (or please advise how this could be usable with screen reader)

mockup

download bmml source – Wireframes created with Balsamiq Mockups

1
  • "If a radio is selected, other radio options won't be focusable with TAB key (standard behavior for radio...) how should I handle this ?" Could you explain this a little further? Apr 8, 2016 at 14:08

1 Answer 1

1

There is no such thing as website exclusively built for the blind or handicapped. In fact by creating a separate website, you are indirectly isolating these people with disabilities and defeats the purpose of web accessibility. A good design/coding should be inclusive and be able to meet everybody's needs.

You cannot "Tab" through the radio buttons (assuming they are grouped correctly with the name attributes) to perform selection. They have to be selected via the up and down arrow keys. Look at your html code again and check if the name in the input field are labelled correctly.

As for sorting, I assumed you going to use JavaScript. You might want to check out this article on table accessibility.

3
  • So how can I select a row ?
    – Leths
    Apr 7, 2016 at 13:46
  • For user with disabilities, use the up and down arrow key and tie in with css to select the row. Use pseudo :checked css css-tricks.com/almanac/selectors/c/checked
    – adamsoh
    Apr 7, 2016 at 14:04
  • I mean up and down arrow are nice, but TAB key is a must to go fast. dropping the TAB key is what you advise?
    – Leths
    Apr 7, 2016 at 16:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.