Add Better a11y support for Calculator

foam-framework / foam

Feature-Oriented Active Modeller

Apache License 2.0

787 stars 55 forks source link

Closed zainafzal08 closed 4 years ago

zainafzal08 commented 4 years ago

Fixes the hidden rad/deg UI to be visible and focusable.
Refactors the Tab index for better screen reader support
Added better speech labels to the different sections of the app
Fixed a bug where the arrow key navigation would fail on not en languages.
Updated color scheme of the calc keypad for better contrast against the focus ripple.
Better handling of long numbers

zainafzal08 commented 4 years ago

Heads up: This PR includes some new UI labels which were translated so the actual code delta is closer to 500 lines

zainafzal08 commented 4 years ago

Added some additional fixes:

Made the ordering of the multiply, divide, plus and minus buttons to follow the calculator standard
Improved the focus UI which shows when navigating with the keyboard
Reduced the number of tab stops for a better keyboard navigation experience