Skip to content

Improve accessibility for keyboard users #190

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Rustuma opened this issue Aug 26, 2016 · 9 comments
Closed

Improve accessibility for keyboard users #190

Rustuma opened this issue Aug 26, 2016 · 9 comments
Milestone

Comments

@Rustuma
Copy link
Collaborator

Rustuma commented Aug 26, 2016

Original from Rustum:
Title: "Keyboard navigation. No clear focus states "
Description: "Set focus on buttons or search bars."


Update from @techieshark: Changing issue title from "Keyboard navigation. No clear focus states" to "Improve accessibility for keyboard users" (because the issue involves considering now just how the site is navigated visually but how it is navigated by all non-mouse users). From WebAIM:

Keyboard accessibility is one of the most important aspects of web accessibility. Many users with motor disabilities rely on a keyboard. Blind users also typically use a keyboard for navigation. Some people have tremors which don't allow for fine muscle control. Others have little or no use of their hands. Some people simply do not have hands, whether due to a birth defect, an accident, or amputation. In addition to traditional keyboards, some users may use modified keyboards or other hardware that mimics the functionality of a keyboard.

@techieshark
Copy link
Contributor

Using TAB key to navigate, it does seem there are clear focus states. Do you not see this?

image

(A bigger issue might be that when the JS then moves you to the next "screen", the focus doesn't move to the next input.)

@Rustuma
Copy link
Collaborator Author

Rustuma commented Aug 26, 2016

Correct- that's what I meant:
image

@techieshark
Copy link
Contributor

roger that

@Rustuma
Copy link
Collaborator Author

Rustuma commented Aug 26, 2016

Also - on multi-school list, TAB key doesn't move through the list but rather to the next control:
image

@reekypete
Copy link
Collaborator

Added focus states (blurred outlines) to buttons and anchors

@techieshark
Copy link
Contributor

@Rustuma
Copy link
Collaborator Author

Rustuma commented Sep 12, 2016

It looks like that was an issue from 2010. Is it still one? How does it work on your Mac, @techieshark ?

@techieshark
Copy link
Contributor

@Rustuma Safari still has that behavior it seems. Hitting Tab when on a button will skip over the next link. However, Option+Tab when on the button will jump to the next selectable item even if that is a link. We can probably assume that the behavior is something Mac users reliant on their keyboard will be used to, so no need to change anything just because of this yet.

@techieshark techieshark modified the milestone: Ready for launch Sep 12, 2016
@Rustuma
Copy link
Collaborator Author

Rustuma commented Sep 12, 2016

I would think so.

@techieshark techieshark changed the title Keyboard navigation. No clear focus states Improve accessibility for keyboard users Sep 20, 2016
@techieshark techieshark removed the next label Dec 2, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants