Paste or upload a screenshot from your mobile device, choose your screen-size, then use the ruler to measure the size of features.
Use the arrow keys to move the rulers — when focussed on the ⤭ button.
Try Shift + arrow key to move in bigger increments!
If you can’t see your device and screen dimensions in the selector, then visit this CodePen with your device, and let Nick know the device name and dimensions shown. He’ll update the tool.
This tool is being developed to test for the new Success Criterion 2.5.8 Target Size (Minimum) in the DRAFT Web Content Accessibility Guidelines 2.2 standard.
WCAG 2.2 is scheduled to be completed and published in 2023 Q3 (July, August, September) (WAI).
It is a work-in-progress! Feedback welcome!
Built using RulersGuides.js by Mark Rolich, and My Elements.