Target Pointer Size#
Test Type Performed#
Target pointer interaction size.
Artifact Evaluated#
Plot tools. Specifically, evaluating the interface icons that are used to access the tools that are in the scatter plot.
Results Summary#
Plot tools pass for interactive elements button size. Results are 30 x 30px.
Expected Behavior (Pass/Fail)#
PASS - We would expect interaction elements to have a minimum target size of 24 x 24px for mouse or touch modalities. We expect that elements with a visual space of less than 24 x 24px in size are still centered within a non-overlapping 24 x 24px interaction target area (even if invisible).
Image or Video of Failure#
A screenshot of a interaction plot tool button. The button is highlighted via the command console, and says ‘30x30’ pixels size (passes)#
Steps to Reproduce#
Left click on a desired plot tool button and choose “Inspect.” In the Command Console, hover over the element to see how many rendered pixels it is given. You can also take a screenshot and count the pixels in Figma or equivalent.
Guidelines and Standards Used#
Target pointer interaction size is too small https://chartability.github.io/POUR-CAF/#targetpointerinteractionsizeistoosmall
Known or Documented Issues#
(If there is already a github issue created for this test or a related test, it will be listed here.)
Technical Details#
Chrome Version 127.0.6533.89 (64-bit)
Windows 11 Build 22631.3958
Updated as of: August 2nd, 2024
Notes#
Note that Chartability uses the older AAA standard, requiring elements to have 44 x 44px for interaction target size. But AA standard was introduced (as a later amendment to WCAG 2.2) that allows 24x24px.