Automattic / Automattic/simplenote-electron

Web app: Unable to navigate to the note editing area with screen reader

Open
#2,365 5 comments 0 reactions 0 assignees View on GitHub
accessibility bug
Dominant language
TypeScript
Stars
5.3k
Forks
588
Avg merge
9h 45m
Merged PRs (30d)
4

Description

### Expected
I would expect to be able to navigate to the note editing area to edit notes with a screen reader (NVDA).

### Observed

The cursor skipped the note editing area from the search bar and moved to the tags section.

### Reproduced

*Exact steps shared in 3354940-zen*

1. Open Simplenote web app (https://app.simplenote.com/)
2. Find and open one note.
3. Press e to move to the next edit field. (Here user could search their notes.)
4. Press e to move to the next edit field. (In the previous version, here the user could modify their notes.)
5. The cursor moves to the next edit field (added tag).

### Where did you see the bug

- OS: Windows
- OS version: 10.0.18363
- Browser (if applicable): Mozilla Firefox
- Browser version (if applicable): 81.0 (x64 zh-TW)
- Simplenote app version: https://app.simplenote.com
- The version of the NVDA screen reader: 2020.2

Reported in 3354940-zen.

Contributor guide

Open the contributing guide

Research direction

Open the Simplenote web app in Firefox on Windows and reproduce the navigation sequence with NVDA: open a note and press e through the search and edit fields. Trace the web app's note view and editing controls to find why the note editor is skipped; done means NVDA can reach the note editing area before the tags field.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.