Hacker News Reader

Comment by chrismorgan | Hacker News Reader

This stuff is horrible to use from the keyboard visually, because outlines have been removed without an adequate replacement. Please fix the styles for :focus et al. Make it all obvious, like Microsoft have done in Windows 10 (they have what is pretty much just a 2px solid black outline).

View on HN

Looks like they're open to contributions: https://github.com/ant-design/ant-design/blob/master/.github...

a11y optimization is in progress, but it is not a high priority job.

a11y should be the top priority ... especially if you want to see use in countries where there are penalties for sites not complying with disability discrimination legislation.

Another issue is your DropDown breaks the power user convention of being able to type the first letter (or more) of an item and the dropdown selecting it.

I can certainly say that I’m flatly not going to use something that fails at keyboard usability like this, because I myself would hate to use it.

Yeah. I second this. Having non-obvious focus state is a deal-breaker. Obviously, it can be manually added in via CSS overrides on top of this library, but it would be nice for the library itself to have decent focus states.

Blueprint is another React UI kit that was posted here recently. They have interesting focus management feature where focus outlines are _only_ shown when navigating via keyboard. This is a nice balance since those active focus outlines can be obnoxious/annoying when _not_ using keyboard navigation.

http://blueprintjs.com/docs/#a11y

Reply on news.ycombinator.com