Survey card

No new part is drawn here. The plate is Panel, the boxes are Check inside Choice labels, the field is Field with Input, Submit is a primary Key and the X is a flat icon Key; the stylesheet only lays them out in one grid. A single set of listeners on the document, installed once, reads the card each time. Nothing is read from storage or sent anywhere; where the answer goes is the page’s listener.

• Asking · nothing ticked
• Other ticked · the field open
• Your own question and answers

• Nothing ticked
• Ready
• Other, with words
• Thanks

Tick “other”: a field opens under the list. Submit stays dark until a box is ticked. Press it and the card thanks you and shuts; the X shuts it at once.

• The boxes sit in a fieldset whose legend is the question, so a screen reader hears the question once with the group, then each answer as a checkbox with its label.
• Submit is really disabled until something is ticked (and the field has words, if “other” is the only tick); it does not just look dark.
• The thanks is said through a status region that is in the page from the start, so it is announced when the words arrive.
• The X is a button named “Close”; Escape pressed inside the card does the same. The card never takes focus by itself: opening it is the page’s to announce.
• The card adds no motion of its own, so reduced motion changes nothing in it.