Solutions by learner

WCAG 2.1 AA baseline on this site

This marketing experience is built with interface patterns that target WCAG 2.1 Level AA for components you interact with here—keyboard use, names and roles exposed to assistive technologies, visible focus, dialogs, forms, tables, and live regions in the interactive previews.

• A skip link sends keyboard users straight to the main landmark, bypassing the header on each page load.
• Default focus styles use :focus-visible with a high-contrast ring; prefers-contrast: more tightens borders and text for system high-contrast preferences.
• Modal dialogs (for example display language) manage focus when opened, restore it when closed, trap Tab within the dialog, support Escape, and wire aria-modal, labeling, and described-by relationships.
• Forms pair every control with a visible label, declare required fields, surface errors in text next to the field, and associate errors using aria-describedby and aria-invalid.
• The home and demo multimodal preview uses tab / tabpanel semantics for modality switches, text alternatives for previews, and polite live regions for mocked tutor status where it helps assistive tech.
• Pricing uses a real table with a caption and row headers so plan comparisons stay understandable in screen readers.

Automated linting and manual keyboard review reduce risk but do not replace your institution’s assistive-technology evaluation of any production deployment you configure.