Accessibility

YouDesign Models includes three per-user accessibility toggles that change how the editor behaves — bigger selection targets, reduced motion, and a high-contrast canvas. They apply immediately without a page reload.

Opening the Accessibility Section

Open the settings drawer (see User Preferences) and expand the Accessibility section.

• On the homepage — click the settings icon in the top-left.

• In the editor — click the hamburger menu (☰) icon in the top-left bar.

The Three Toggles

Precise selection

Default: On

Increases the area around each element that registers as a click/drag target, so small or narrow elements are easier to select. Internally, the selection target grows from a 2×2 pixel sensitive area to 6×6 pixels.

Turn it off if:

• You want clicks to only register when you're directly on an element, not near it

• You find Precise selection accidentally picks up elements behind where you're actually aiming

Reduce motion

Default: Off

When enabled, disables all diagram animations — shape transitions, panning easing, visualization motion effects. The canvas still functions normally; it just snaps instead of animating.

Turn it on if:

• You're sensitive to motion or have vestibular concerns

• Animations are making the editor feel sluggish on a lower-powered machine

• You're recording a screencast and don't want animation overhead in frames

High contrast

Default: Off

When enabled, sets the canvas background color to pure white (#ffffff) for maximum contrast against dark-colored shapes and text.

Turn it on if:

• You have low-vision needs and want stronger figure/ground separation

• You're preparing to export or screenshot a board where the grey default background muddies the image

Persistence

All three toggles are saved to your user preferences. They stick across sessions and apply on every board you open.

Not Role-Gated

Accessibility toggles are available to every user — there's no admin gate.

What They Don't Do

• They don't change keyboard shortcuts or focus order. Standard browser accessibility conventions apply as-is.

• They don't translate the UI — language is a separate setting (see User Preferences).

• They don't export with the board. If you export a board as an image, the "High contrast" setting applies to your session only; the exported image uses the board's configured background color.

Related

• User Preferences — the broader settings drawer

• Keyboard Shortcuts — full shortcut reference