Skip to main content
WCAGrules
Quick navigation

Guides · Testing and tools

Two Questions About a Whiteboard, Not One

Operating the canvas is the vendor's problem. What your team draws on it is yours. Most evaluations answer the first and quietly imply the second.

Last reviewed August 31, 2026

A whiteboard is two accessibility problems wearing one interface. There is the editor, which somebody has to be able to operate, and there is the diagram, which somebody else has to be able to read. They fail independently, they are fixed by different people, and a report that treats them as one subject will be useless to at least one of those people.

You can watch a vendor make the distinction with their own tooling. Miro's published accessibility changelog describes fixing false positives in its built-in accessibility checker, for connectors intersecting shapes, text intersecting shapes, and frame titles inside slide containers. Every one of those is a check on the board somebody drew, not on the editor they drew it in. The product ships a tool for the second problem because the second problem is real and separate.

What Auditing the Editor Actually Means

The scale is worth being honest about. That same changelog records an audit in early 2026 that identified 188 issues across 21 areas of the product, with nearly 50 engineers contributing to the fixes. That is the vendor's own account of their own work, dated, not our finding and not a description of the product today. It is a fair indication of what a canvas application contains.

So the operation matrix below is not a checklist you run in an hour. It is a scoping instrument, and its job is to make the size of the work visible before anybody agrees a price.

OperationPointer with dragPointer without dragKeyboard
Create a shapeDrag from a paletteRequired alternative, often a click-then-clickRequired separately, often a command palette
Select one objectClickSame thingNeeds an order to move through
Select severalDrag a marqueeRequired alternative, such as tap-to-addModifier plus the same order
Name or label an objectDouble-click to editSame thingEnter or a menu route
Connect two objectsDrag from anchor to anchorRequired alternativeA dialog naming source and target
Move an objectDragRequired alternative, such as numeric position or cut and placeArrow keys, ideally with a step size
ResizeDrag a handleRequired alternative, such as a numeric fieldArrow keys with a modifier
Reorder or change layerDrag in a listRequired alternativeA menu command
Group and ungroupMenu, usuallySame thingSame thing
DeleteMenu or keySame thingDelete key, with the deletion announced
CommentClick a spot then typeSame thingNeeds a route to the anchor point
Pan and zoomDrag the canvasRequired alternative, such as buttonsKeys, plus a way to know where you are
ExportMenuSame thingSame thing, plus the output question below
Illustrative operation and input-method matrix. Each cell is a separate question, and the pointer columns are two different obligations.

Why the Two Pointer Columns Are Not One Column

Dragging Movements is new in WCAG 2.2 and it is the criterion this whole category answers to. It requires that any functionality using a dragging movement can also be achieved by a single pointer without dragging, unless dragging is essential, or unless the behaviour comes from the browser and the author has not modified it.

A dragging movement is defined by four actions. Establish a start point, press and hold, reposition, release. The direction and the route of that repositioning do not matter, which is what separates this criterion from the one about path-based gestures, and the reason is technical rather than arbitrary. The browser retargets every subsequent pointer event to the element that was pressed, wherever the pointer travels.

A keyboard route does not satisfy this criterion

This is the misreading that gets whole editor audits wrong. Keyboard access is required by a different rule, and providing it does not answer the dragging criterion, which asks specifically about a single pointer. Somebody using a head pointer, a joystick or a touchscreen with limited dexterity is a pointer user who cannot drag. Building a beautiful keyboard command palette and calling the drag question closed leaves those users exactly where they were.

The good news is that the alternative has more freedom than teams expect. W3C's sufficient technique and its failure technique both say the non-drag route can be several single-pointer interactions in a row rather than one control that does the whole job. The alternative does not have to be the same component, so equivalent functionality elsewhere on the page counts. And a text input beside a control is a legitimate answer, because on a touchscreen the on-screen keyboard is itself pointer-operated.

One thing the alternative cannot be is a swipe or a flick, because a path-based gesture fails the pointer gestures criterion instead. Replacing one gesture with a different gesture is not progress.

What Is Out of Scope, and What Is Not Automatically In

Two boundaries stop this criterion from swallowing the whole interface.

The first is that browser scrolling is the browser's business. Dragging a scrollbar, dragging a touchscreen page, pull-to-refresh and CSS overflow scrolling are all the user agent's responsibility. Panning a canvas that the author built is a different thing, because the author built it.

The second is the essential exception, and it needs to be argued per operation rather than claimed for the application. "It is a canvas" is not an exception. Freehand drawing may genuinely be essential, because the position of every point is the content. Moving a box from one column to another is not, because the same result is a menu command away, and W3C's failure technique names list re-ordering and a kanban board as its two examples. Neither of those is a whiteboard, which is exactly why the analysis has to be done operation by operation.

It follows that canvas rendering by itself establishes nothing. A canvas element with a full set of keyboard commands, an accessible object list and non-drag alternatives can be perfectly usable. A pile of DOM nodes with drag-only interaction cannot. The technology is not the finding.

The Second Question, Which Nobody Scopes

Now the diagram itself, which is the part that reaches an audience. A finished diagram is non-text content, and it usually carries information that exists nowhere else in the document, which puts it in the hardest category of Non-text Content rather than the easiest.

For an image whose meaning cannot be carried by a short sentence, the standard asks for two things together. A short text alternative that gives a brief description, and a long description reachable some other way. Both, not either. Our charts guide works through what a long description contains, and the same reasoning applies to a process diagram or an architecture drawing.

What is producedThe questionWho owns it
A board people are invited toCan a reader who cannot see it get the structure and the contentYour team, and partly the editor's object model
An exported imageDoes it carry a short alternative and a long description wherever it landsWhoever pastes it into the document
An embedded board in a wiki or docIs the embed reachable, and is there a text equivalent beside itWhoever embedded it
A printed or PDF exportIs it tagged, and is the diagram describedCovered by our PDF guide
Shapes with no labelsDoes the object list say anything meaningfulThe person who drew it, every time
Illustrative output questions for what people draw. These have a different owner from the editor findings.

That last row is the one worth taking back to the team. An editor can expose a list of objects, and it cannot invent names for them. A board of forty unlabelled rectangles is a board of forty items called Rectangle, whatever the vendor does, and no audit finding will fix it. That is a working practice, and it is cheaper than any of the alternatives.

What to Settle Before an Editor Audit Starts

  1. Which operations are in scope. The matrix above has thirteen. A scope that names five of them is a scope somebody can price and deliver.
  2. Which boards. A blank board, a small real one and a large real one behave differently, and a large board is where performance and virtualization problems appear.
  3. Which input methods. Pointer with drag, pointer without drag, keyboard, and whether speech input is included. Speech is a separate arrangement rather than an assumption.
  4. Whether the output layer is included. It is a different piece of work with a different owner, and it is worth doing, and it should be agreed rather than smuggled in.
  5. Whose findings are whose. Most editor findings belong to the vendor. Say so up front and the report lands better.

One honest limit

We audit and never repair, so this is not an offer to build a non-drag route into anybody's canvas. We have not operated any editor for this page, and a vendor's own changelog is their record rather than our finding. A complex editor is a scoping conversation before it is a quote, because thirteen operations across four input methods is not a fixed-price page count. Start it at contact or read what the web app audit covers.

Common questions

We added full keyboard support. Does that satisfy the dragging rule?
No. Keyboard access is required by a different criterion, and the dragging criterion asks specifically for a single-pointer route that does not involve dragging. Somebody using a head pointer or a joystick is a pointer user who cannot drag, and a keyboard command palette does not help them.
Our editor uses canvas. Is that automatically a failure?
No. The technology is not the finding. A canvas with keyboard commands, an exposed object list and non-drag alternatives can work well, and a pile of DOM nodes with drag-only interaction cannot. The analysis is per operation.
Can we claim the essential exception for a whiteboard?
Per operation, not for the application. Freehand drawing has a real claim, because the position of every point is the content. Moving a box between columns does not, and W3C's failure technique names list re-ordering and a kanban board as its examples.
What does a non-drag alternative have to look like?
It has more freedom than teams expect. It can be several single-pointer interactions in a row, it does not have to be the same component, and a text input counts because on touch the on-screen keyboard is pointer-operated. What it cannot be is a swipe or flick, because a path-based gesture fails a different criterion.
Is the diagram our team draws part of the audit?
Only if you scope it in, and it is worth scoping in, because it has a different owner from the editor findings. A finished diagram is non-text content that usually needs both a short alternative and a long description, and unlabelled shapes cannot be rescued by any editor feature.

Sources

Keep reading

More on testing and tools

Reading about it is the cheap part.

Find out where your site actually stands. The free scan checks 10 pages in a real browser against all 90 supported automated rules, keeps its 27 best-practice checks separate from WCAG findings, and names the rule behind every finding. The full audit adds an expert review and a real blind screen-reader user. From $499, with the report in 5 business days on Rapid and 10 on Standard, and the clock starting at cleared payment.

Go somewhere useful

Find tools, resources and your workspace.

29 destinations