Skip to main content
NoteCoveNoteCove

Accessibility

The NoteCove desktop app and this website are built to WCAG 2.2 AA, and the iOS app has been audited against the same standard for VoiceOver, Dynamic Type, contrast and touch target size. You should be able to use NoteCove comfortably however you interact with your device.

Screen Reader Support

Desktop

The editor and interface include full semantic markup for screen readers:

  • Landmark regions: The sidebar is a nav landmark and the editor area is a main landmark, so you can jump between regions instantly
  • Skip navigation: A “Skip to main content” link appears at the top of the window when you press Tab, letting you bypass the sidebar
  • Live regions: Sync status updates and error banners are announced automatically — sync progress uses a polite live region, errors use an assertive one
  • Editor: The TipTap editor is marked as role="textbox" aria-multiline="true" with label “Note editor”
  • Toolbar: The formatting toolbar has role="toolbar" and every button has a descriptive aria-label
  • Dialogs: Every dialog is associated with its title via aria-labelledby
  • Icon buttons: All icon-only buttons throughout the app have descriptive aria-label attributes
  • Headings and lists: Panel titles are headings with a sensible outline, and note and task lists tell you how many items there are and where you are in them
  • Suggestions: The @-mention, emoji and [[ link pickers announce how many suggestions there are and which one is selected as you arrow through them
  • Kanban boards: Each column is a named region with a list of cards. Cards are focusable buttons; press Alt+Left or Alt+Right to move a card to the neighbouring column (the move is announced). Custom boards, whose columns are filters, do not allow moving cards between columns.
  • Comments: Comment boxes are labelled (“Add a comment”, “Reply”, “Edit comment”)

iOS

Every interactive element in the iOS app has VoiceOver support:

  • Sidebar expand/collapse chevrons announce their current state and action
  • Toolbar buttons in the note editor are individually labeled (Bold, Italic, Underline, etc.)
  • Task relationship buttons (Add blocker, Add discovered-from, Send comment) are all labeled
  • Emoji pickers, category tabs, and skin tone variants are labeled
  • Comment panel actions (Resolve, Reopen, Reply, Delete) are labeled
  • Decorative icons are hidden from VoiceOver, selected states (tabs, toggles, filters) are announced, and section titles are headings
  • Moving without dragging: Kanban cards have VoiceOver actions “Move to ” and “Focus on subtree” (also in the long-press menu); folders have “Move to Folder”, “Move Up” and “Move Down”. Reorderable lists in settings use VoiceOver’s built-in move actions
  • Note editor: the editing area is a labelled text box (“Note editor”) and each task checkbox is announced as a checkbox with its state (“Task, done”, “Task, not done”, “Task, won’t do”)
  • Saving from the Share extension is announced, and image thumbnails are labelled

Dynamic Type

On iOS, all text in the app scales with your Dynamic Type setting, including the text in the note editor. Task card titles remove their line limit at large accessibility sizes so text is never truncated, the editor’s search bar wraps onto a second row, and tag chips stack vertically. Buttons and toggles keep a touch target of at least 44 points.

High Contrast

Desktop

A High Contrast theme is available in Settings → Appearance:

  • Pure black background (#000000) with white text — 21:1 contrast ratio (WCAG AAA)
  • Cyan accent color with 8.6:1 contrast ratio on black
  • Automatically applied OS high-contrast media query (prefers-contrast: more) boosts scrollbar visibility

iOS

The app responds to iOS’s Increase Contrast setting:

  • Material backgrounds (frosted glass) switch to solid systemBackground color
  • Relevant text switches from .secondary to .primary color
  • The note web view adds CSS for prefers-contrast: more: blockquotes, links, task items, and highlighted text all gain higher-contrast colors
  • Secondary and caption text, the app’s accent blue, the Share extension and the home-screen widgets all meet 4.5:1 contrast in light, dark and Increase Contrast modes. To get there, the accent blue is slightly darker in light mode and lighter in dark mode than in earlier versions

Reduced Motion

Desktop

The OS prefers-reduced-motion media query is respected — animations and transitions are reduced to near-zero duration across the entire interface.

iOS

Animations in the sidebar and onboarding views are disabled when Reduce Motion is enabled in iOS Settings.

Zoom and Reflow

The desktop app reflows rather than clipping when you zoom: at 400% zoom the three panes collapse into Folders / Notes / Editor tabs, and the website scrolls wide tables inside their own container instead of the whole page. Your zoom level is remembered between launches. Increasing text spacing does not hide editor content.

Colour Contrast

All text and interface colours meet WCAG AA contrast (4.5:1 for text) in every built-in theme. To get there, the light theme’s primary blue is slightly darker than in earlier versions, and some status colours were darkened.

System Theme Detection

Desktop

NoteCove reads your OS color scheme preference (prefers-color-scheme) on startup and applies the matching theme automatically, so you don’t have to set it manually.

Keyboard Navigation

Desktop

All interactive elements are reachable by keyboard. Focus rings use focus-visible so they only appear during keyboard navigation (not on mouse clicks).

Action macOS Windows/Linux
Skip to main content Tab (on first focus) Tab (on first focus)
Open Keyboard Shortcuts Cmd+Shift+/ Ctrl+Shift+/

A full keyboard shortcut reference is available at Settings → Keyboard Shortcuts.

iOS

Common actions have hardware keyboard shortcuts when a keyboard is connected:

Action Shortcut
New note Cmd+N
Find notes Cmd+F
Delete note Cmd+Delete
Dismiss / Back Cmd+[ or Escape
Save / Done Cmd+Return

Font Sizes

All font sizes in the desktop app use rem units, so they scale with your browser/OS font size preference rather than being fixed in pixels.

Known Limitations

  • A link preview chip in the editor contains a link inside a link, which some screen readers announce twice.
  • Kanban cards can be moved between columns by keyboard, but not reordered within a column.
  • On iOS, very large navigation titles (for example “All Notes and Tasks” at the largest accessibility text size) are shortened by the system rather than wrapped.
  • On iOS, pinch-to-zoom is off in the note editor so it does not interfere with editing; use Dynamic Type to enlarge text.
  • Screen reader behaviour is checked with VoiceOver on macOS and iOS before releases; NVDA, Narrator and Orca are checked manually and less often.

Reporting Issues

If you encounter an accessibility barrier, please open an issue with the label accessibility.