Background
Currently, when an Edit Check appears, it cannot be navigated using the keyboard. If the focus is on the text, pressing tab doesn’t shift it to the Edit Check. We need to ensure that users relying on keyboard navigation can easily interact with Edit Checks.
To improve accessibility, the focus should automatically move to the first interactive element in the Edit Check (the "Revise" button) when it appears. The expected keyboard navigation flow is as follows:
- The user is typing (focus is on the text area).
- The Edit Check appears, and the focus moves to the first button ("Revise").
- If the user clicks "Revise," the focus should return to the text area to continue editing.
Design proposal (if needed)
Once the design proposal has been created in Figma, remove this note and link the Figma file below.
| Design proposal |
Open questions
Add here the questions to be answered in order to design and implement the component
Acceptance criteria (or Done)
- The focus automatically moves to the first interactive element of the Edit Check ("Revise" button) when it appears
- After the user clicks "Revise," the focus returns to the text area to allow continuous editing

