Accessible interfaces for public services, built on .NET.

• Column headers hold real <button> elements, so they work with Tab, Enter, and Space without extra script.
• aria-sort sits on the <th>, and a polite live region announces the new order.
• Each row action names its row ("View case MN-24017"), so the button makes sense out of context.
• The scroll container is a labelled, focusable region, so keyboard users can scroll it at narrow widths.

Razor partial (ASP.NET MVC)

JavaScript

• On submit, an error summary gets focus and links to each invalid field. Each link moves focus to its field.
• Inline errors are tied to their inputs with aria-describedby, and invalid inputs get aria-invalid="true".
• Messages say how to fix the problem ("Enter a 5-digit ZIP code"), not only that something is wrong.
• The server repeats every rule, so the UI never becomes the only check.

C# view model + controller

• Tabs use roving tabindex: one Tab stop for the list, arrow keys inside it, as in the ARIA Authoring Practices pattern.
• The dialog is a native <dialog> opened with showModal(), so focus stays inside and Esc closes it.
• Focus starts on the safe choice ("Keep file") and returns to the button that opened the dialog.
• Spacing, color, and focus rings come from shared Sass tokens, the same way a design system supplies them.

Sass design tokens