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
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 - 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+LeftorAlt+Rightto 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
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 - 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.