SIGN IN SIGN UP

fix(a11y): stop decorative canvas graphics reporting as unnamed (#14660)

IBM Equal Access flagged the flow canvas with svg_graphics_labelled
(WCAG 1.1.1) once per edge plus once for the dot grid: ReactFlow renders
a bare <svg> wrapper around every edge and a bare <svg> for the grid, and
an unnamed <svg> is an unnamed graphic.

The grid is wrapped in an aria-hidden container. The edge wrappers only
get role="presentation" -- the named, tabbable <g role="group"> that
carries the edge's accessible name lives inside them, so aria-hidden
there would erase every edge name. ReactFlow exposes no prop hook for
either element, so the wrappers are marked by a MutationObserver hook.
V
Viktor Avelino committed
88067820cf3396e650fe81694420e56c04d43eb8
Parent: e177c91
Committed by GitHub <noreply@github.com> on 8/19/2026, 8:41:41 PM