Show HN: Antd – A set of high-quality React components

Re:Show HN: Antd – A set of high-quality React components by chrismorgan on Monday November 28, 2016 @05:32AM (#13054581)

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).

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by uitgewis on Monday November 28, 2016 @09:35AM (#13055598)

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

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by benjy_c on Monday November 28, 2016 @05:53AM (#13054651)

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

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by chrismorgan on Monday November 28, 2016 @09:00AM (#13055417)

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.

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by christophilus on Monday November 28, 2016 @10:53AM (#13056171)

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.

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by philjohn on Monday November 28, 2016 @07:42AM (#13055029)

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.

[ Parent | on HN ]

Re:Show HN: Antd – A set of high-quality React components by philfreo on Monday November 28, 2016 @05:19PM (#13058910)

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

[ Parent | on HN ]