Direct answer
ModelBreeder.com renders ordinary server-side HTML with landmarks, headings, labels, focus styles, skip links, breadcrumbs, table markup, article regions, and descriptive link text. The package includes automated structural checks, but a manual accessibility review should still be repeated after live deployment.
Implemented features
| Feature | Evidence |
|---|---|
| Skip link | The layout begins with a visible-on-focus “Skip to content” link. |
| Landmarks | Shared header, navigation, main, article, aside, and footer regions. |
| Labels | Search form and icon actions include text labels or aria-label. |
| Keyboard behavior | Mobile navigation closes on link activation and Escape. |
| Focus visibility | CSS defines :focus-visible outlines and focused form states. |
| Code blocks | Copy buttons have labels and do not replace the code content. |
| Diagrams | Inline SVG diagrams include titles or text alternatives where templates render them. |
| Images | Markdown images require alt text and use safe URL schemes. |
Manual review checklist
FUNCTION manual_accessibility_review(urls)
FOR each url IN sample(urls)
inspect_keyboard_navigation(url)
inspect_heading_order(url)
inspect_focus_visibility(url)
inspect_color_contrast(url)
inspect_accessibility_tree_names(url)
inspect_mobile_nav(url)
END FOR
END FUNCTIONKnown boundary
The package does not include a browser automation accessibility runner such as axe-core. The structural audit is helpful, but it is not a substitute for live manual review on the deployed host.
Source reports used for this guide
These reports are preserved verbatim in the site archive. The guide above is an editorial synthesis and may narrow, qualify, or reorganize claims from the source material.