Rapid Fire Interview Team Block for React

Edit QUESTIONS and PEOPLE at the top of the file. A person has an id, a name, a role, a short name for the tab and their answers in the same order as the questions. The header's counts come from those two lists. Keep the answers to a sentence each: it is the rapid-fire part.

It is a tab list: Tab moves into it, and the Left and Right arrow keys move between people. The chosen person's page is reachable with Tab after the list. Each page is a dl, so a screen reader reads each question and its answer as a pair.

No. Each page is laid out invisibly, all five in the same cell, behind the visible one, so the block is as tall as the longest page at the current width. The invisible copies are hidden from assistive technology and the keyboard.

Pick one, read down the list, pick the other. The questions stay in the same place on every page, so the eye reads the difference. If you want them side by side, a table with the people as columns is a better shape; this block is for reading one person at a time.

The tab list scrolls sideways, with a fade at its end saying there are more people, and each question stacks above its answer instead of sitting beside it. The list is the last thing in the block, so nothing sits under the final answer.

No. The initials in the tabs and on the band are decoration; each tab is named by the person's first name, and the page starts with their full name and role.