Accessibility

Recipe Book is built with native web components. Because custom elements extend standard HTML elements and use the browser's own rendering pipeline, many accessibility behaviours are provided by the platform rather than the framework.

Keyboard navigation

All interactive elements — links, buttons, and form inputs — are reachable by Tab key and activatable by Enter or Space. No keyboard traps exist in this application.

Colour contrast

Text and interactive elements are styled to meet WCAG 2.1 Level AA minimum contrast ratios. The primary red tone used for links and headings achieves a contrast ratio above 4.5:1 against the light page background.

ARIA and semantics

Components use semantic HTML as their foundation — landmark regions, a consistent heading hierarchy, and native form elements. ARIA attributes are added only where native semantics are insufficient, such as the demo-content screen-reader alert in the site header.

Report an issue

If you encounter an accessibility barrier, please open an issue on GitHub.