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
navlandmark and the editor area is amainlandmark, 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 descriptivearia-label - Dialogs: Every dialog is associated with its title via
aria-labelledby - Icon buttons: All icon-only buttons throughout the app have descriptive
aria-labelattributes
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
systemBackgroundcolor - Relevant text switches from
.secondaryto.primarycolor - 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).
| 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.
Reporting Issues
If you encounter an accessibility barrier, please open an issue with the label accessibility.