What steps do you take to design with keyboard accessibility in mind?
I read this blog recently:
And was wondering if anyone would add anything to what’s been suggested or had any thoughts about it?
What steps do you take to design with keyboard accessibility in mind?
I read this blog recently:
And was wondering if anyone would add anything to what’s been suggested or had any thoughts about it?
A way to test accessibility of a website is to use a screen reader. This tool speaks aloud what is shown on the screen. It also provides some useful shortcuts, which are really interesting.
One of the most used Windows tool for blind and visually impaired people is NVDA (www.nvaccess.org). This free tool has a neat feature: Element list. Once installed it can be opened using
Some test ideas using the Element list of NVDA:
Bonus test ideas:
This morning I was scanning the 2020 Hackaday Prize announcement for the BYTE, a mouth operated mouse. Got me thinking about how broken mouse based UI’s often are. I am a staunch Windows user, and without starting a flame war, I find so often that well intentioned changes in the desktop are often coming with baggage, like how often a computer becomes useless when it does not have a trackpad or mouse attached. This happens equally often in Windows and on MacOS, don’t start me on the linux distros, because those are not truly desktop systems. I never used to care about accessibility, but its become one of the few words more than 8 characters long that I can spell correctly first-time of late.
I am 100% with you @han_toan_lim on the use of a keyboard not just for blind but for anyone who struggles to control the analog rodents, they are a poor proxy for good UI design. I really hope we can all make computing a joy for all by testing UI designs with some of the best guidance now being shared so often, before they go live.
I find that simply mashing the TAB key in any native app or web page uncovers all kinds of horrors.
(https://hackaday.com/2020/11/07/the-byte-is-the-grand-prize-winner-of-the-2020-hackaday-prize/)