When Your Settings Modal Looks Perfect But Traps Focus Behind Itself

You ship a settings panel. Design sign-off was clean. Two weeks later, a customer using VoiceOver reports they cannot rename their workspace because focus jumps to the page footer mid-dialog. You add tabindex="-1" to the overlay. Another customer on Windows Narrator complains the Escape key closes the browser tab instead of the modal. You patch keyboard listeners. Six months in, you maintain 140 lines of focus management that breaks whenever someone nests a dropdown inside the dialog.

The expensive defect was not the border radius. It was treating modal semantics as a styling problem.

I evaluated Nutlope/hallmark as design guidance, not as the owner of interaction contracts. Its anti-slop focus addresses visual sameness in AI-generated interfaces.…