Skip to content

Accessibility

Use ArtDeck with Apple accessibility settings, hardware keyboards, VoiceOver, Voice Control, and theme diagnostics while you work on boards.

ArtDeck keeps keyboard focus separate from item selection on the canvas. Move the focus ring first, then choose when to select, open, or edit the focused item.

ActionKeys
Move focus through canvas itemsTab / ⇧Tab
Select the focused itemReturn or Space
Enter a focused groupReturn or Space
Open a focused link cardReturn or Space
Clear keyboard focusEscape
Move selected itemsArrow keys
Move selected items farther⇧Arrow keys

When Return or Space selects a focused item, it replaces the current selection. Use pointer or marquee modifiers for additive selection.

See Keyboard Shortcuts for the complete shortcut list and Gestures for touch and pointer gestures.

Canvas items are exposed as accessible elements with labels, item types, and state such as selected, locked, or in a group. Use standard VoiceOver navigation to move between items, then activate an item to select it or use its default action.

ArtDeck also keeps gallery cards, sidebars, settings rows, media controls, and common editing controls reachable without dragging. Controls use visible labels or accessibility labels so Voice Control can target them by name where Apple exposes that control.

Turn these settings on from Apple accessibility settings. On Mac, ArtDeck also includes an app-level text-size control for its own interface.

SettingHow ArtDeck responds
VoiceOverCanvas items, gallery cards, settings, media controls, and dialogs expose labels, state, and actions.
Full Keyboard AccessKeyboard focus can move through canvas items and major app surfaces without selecting everything first.
Larger Text / Dynamic TypeOn iPhone and iPad, app chrome follows Larger Text. Board text items keep the font size chosen for the board.
Interface Text SizeOn Mac, use App Settings > Appearance > Interface Text Size to scale ArtDeck’s interface text and chrome.
Bold TextSupported interface text increases weight where ArtDeck uses its shared text styles.
Reduce MotionMajor navigation, panel, gallery, menu, and item-removal animations are shortened or removed. Direct pan and zoom gestures stay responsive.
Reduce TransparencyPanels and translucent chrome use more opaque surfaces where ArtDeck owns the visual effect.
Increase ContrastAdaptive themes use high-contrast modes when the system contrast setting is increased. Borders and separators become stronger in supported chrome.
Differentiate Without ColorSelected filters, validation states, and other supported status cues add shape, text, or icon cues instead of relying only on color.
Smart Invert / Invert ColorsBoard content, thumbnails, media, and previews opt out of inversion where changing artwork colors would misrepresent the work.
Auto-Play Animated ImagesGIF playback follows Apple’s animated-image preference and Reduce Motion behavior.

Use App Settings > Themes to check the active theme. The Diagnostics section reports whether the theme passes required role checks, contrast checks, and color-vision checks.

Theme library diagnostics panel showing contrast checks and color vision warnings for the selected theme.

In Theme Editor, warning icons can appear on the role rows that need attention. Open a warned role, adjust the color, and watch the Diagnostics summary update as the preview changes.

DiagnosticWhat it checks
StructureRequired color and shadow roles are present for the theme mode. Structural issues must be fixed before saving.
ContrastText readability, control boundaries, focus rings, status colors, and important non-text UI stay distinguishable.
Color VisionItem feedback colors, status accents, and canvas/background pairs remain distinguishable for common color vision differences and in grayscale or monochrome conditions.

Color-vision warnings are informational, but they are worth fixing before sharing or reusing a custom theme. If two colors are called out as confusable, change more than hue: adjust lightness, saturation, or the related seed color so the roles remain different without relying on color alone.

ArtDeck’s accessibility checks use a mix of Apple platform behavior and web accessibility standards:

AreaStandard or method
Web docs and HelpBookWCAG 2.2 AA target, plus manual checks for VoiceOver, keyboard navigation, zoom, and Help Viewer output.
Text readability in themesAPCA Lc contrast checks for text and interface readability.
Controls, focus, and non-text UIWCAG 2.x non-text contrast checks, including focus-ring and control-boundary checks.
Color visionColor-vision simulation, grayscale checks, and lightness-distance checks for color-coded roles.
Platform behaviorNative Apple accessibility APIs for VoiceOver, keyboard focus, Reduce Motion, Increase Contrast, Dynamic Type, and related settings.

These checks do not replace testing with real assistive technologies. They make the common failure cases visible while you choose themes, navigate boards, and use ArtDeck across devices.

Most editing actions are available from more than one surface: keyboard shortcuts, the control bar, contextual menus, and VoiceOver actions. For tasks that normally involve dragging, use keyboard nudge, menu commands, marquee modifiers, or named actions where available.

On iPad, Pencil Only Drawing lets Apple Pencil draw while finger gestures still pan and zoom. Turn it on from App Settings > Display & Input.

See also: App Settings, Choose and Manage Themes, Theme Editor, Keyboard Shortcuts, Gestures.