ThumbSpan
by Shahab Khan
Check which parts of your UI within the average thumbspan
Installs
27
Likes
7
Users
141
Views
247
Preview
About this plugin
ThumbSpan helps you determine which UI elements are particularly hard to reach with the thumb while using the phone one-handed.
The Area of Reach of the thumb has been based on empirical evidence, sourced from academic studies. Please see the last picture for the current supported one-handed phone positions, more to be added soon...How Does it WorkThumbSpan adds a gradient Layer to your frames.
It is recommended to apply it on a copy of the frameThe Copy should not have any Auto Layout.
It allows you to select Opacity and Hand PositionIt also allows you to select between Left and Right HandThese Layers can be cascaded - applied one after another (You can apply it for both Left and Right hand together)This Plugin is still in Beta, Please send any bug reports and feature requests to my email: its.shahab.khan10@gmail.com
More accessibility tools plugins
View allStark - Contrast & Accessibility AI Checker
by Stark
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
by Alex Carr
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
by Manthankumar Satani
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥
A11y - Color Contrast Checker
by Kelly Gorr
Text color accessibility