NoteCove NoteCove

Accessibility

NoteCove is built to WCAG 2.1 AA standards on both desktop and iOS, so you can use it comfortably regardless of how 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

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

Dynamic Type

On iOS, all text in the app scales with your Dynamic Type setting. Task card titles remove their line limit at large accessibility sizes so text is never truncated.

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

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.

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).

ActionmacOSWindows/Linux
Skip to main contentTab (on first focus)Tab (on first focus)
Open Keyboard ShortcutsCmd+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:

ActionShortcut
New noteCmd+N
Find notesCmd+F
Delete noteCmd+Delete
Dismiss / BackCmd+[ or Escape
Save / DoneCmd+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.

Reporting Issues

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