Survey Popup Notification Block for React

Edit QUESTIONS at the top of the file: each has an id, the question, the list of options and a short name the thank-you uses. The count in "Question 2 of 3", the progress bar and the last step's Submit follow the length of the list; every question should have the same number of options if you want the card to keep one height (they share one cell, so it holds the tallest in any case).

Next refuses in words until the question has an answer ("Choose an answer first") and focuses its first row. A valid Next moves to the next question and focus lands on the question's text, which a screen reader reads with the group. Back keeps the answers; on the first question it says it is the first. Enter in a row does the same as Next. Submit shows the thank-you with the answers, and Edit answers returns to the first question with them kept.

The answers live in the page and are sent nowhere; the line under the frame says how many are answered. In your app, post the answers in the Submit handler, show a failure in the status line and keep the card until it succeeds, and decide yourself when to show it (after a task, or after a number of visits), never on a timer that interrupts someone mid-action.

They close the card and move focus to Replay survey, which brings it back from the first question with the answers cleared. Escape works while focus is inside the frame. The card is not a modal: nothing behind it is hidden or locked, and you can tab past it.

The card is a dialog named by its title, each question is a radio group named by its text, and the rows are native radio buttons with visible focus. The progress is said as words and the bar is decoration. The status line is a polite live region that is present from the start and reads each new question, a refusal and the result.

The card spans the width of the frame minus a margin at its foot, over the top of the drawn dashboard. The questions, the thank-you and the buttons share fixed cells, so nothing in the card changes size between steps.