Target Pointer Size#

Test Type Performed#

Target pointer interaction size.

Artifact Evaluated#

Plotting interface. Specifically, evaluating the interfaces for all charts in our test environment: line, bar, table and scatter plot.

Results Summary#

Plotting interface’s tooltip fails to have a large enough interaction target size. Tooltip is pixel-precise based on the size of the element rendered, meaning that rendered interactive visualization elements that are smaller than 24x24 will fail.

Expected Behavior (Pass/Fail)#

  • FAIL - 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 line chart is shown with a tooltip being provided by a mouse hover event. The line is only 1 or 2px thick and is being hovered over perfectly by the mouse pointer to accomplish the tooltip appearance.

A line chart is shown with a tooltip being provided by a mouse hover event. The line is only 1 or 2px thick and is being hovered over perfectly by the mouse pointer to accomplish the tooltip appearance.#

Steps to Reproduce#

Interact with all elements using a mouse pointer to find which are interactive (try hovering, clicking, and dragging). If an element is interactive, then measure the width and height of that element. If the element is not a simple square, rectangle, or circle, then attempt to measure the thinnest and thickest straight line intersections of that shape instead of width and height. Both the thinnest and thickest dimensions must pass 24x24 pixels in size.

Guidelines and Standards Used#

Target pointer interaction size is too small https://chartability.github.io/POUR-CAF/#targetpointerinteractionsizeistoosmall

Technical Details#

  • Chrome Version 129.0.6668.59 (64-bit)

  • Windows 11 Build 22631.3958

Updated as of: September 18th, 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.