Survey Results Carousel Block for Ark UI

Edit SECTION_LINES. Each question is one string, id|question text|answer:count|answer:count…, with whole people as counts. The responses per question, the shares, the bar widths, the figures and the table for screen readers are all derived from those counts. Add a section by adding an entry to SECTIONS and its lines.

Tab reaches the tabs, then Previous and Next. Only the open tab is a tab stop; the Left and Right arrow keys (mirrored in a right-to-left layout) move to the next or previous tab and open it, and Home and End jump to the first and last. Previous and Next stay in the tab order at the ends and are marked as unavailable instead of disabled, so focus never disappears. Slides that are out of view are hidden from the tab order and from screen readers.

Rounding each answer on its own can leave a question at 99 or 101. Each share is rounded down first, then the spare points go to the answers with the largest remainders, the earlier answer first on a tie, so the bars and the figures always total 100.

The foot line is the block's one polite live region: after each move a screen reader hears it, for example "Section 2 of 3: Support". The track itself is silent, so the same slide is not read twice.

Everything. The counts are typed example data, the Percent and Responses switch only changes the figures, and nothing is fetched. To wire it for real, load the counts for each question from your survey API into SECTION_LINES or build the same strings from it.

The rail becomes a row of tabs that scrolls sideways above the track, the bars shrink to the width of the screen and each question keeps its height, so the foot never moves.