Meet WCAG 2.2 AA: render the page title, and step headings one level at a time

Problem/Motivation

An axe audit of a fresh Horizon Aid install found two WCAG 2.2 AA issues in the recipe:

• No page title. /terms-and-conditions had no h1: the page type had no Canvas content template.
• Skipped heading levels. Program delivery cards jumped h2 to h4, and blog bodies started at h3.

Steps to reproduce

1. Install Drupal CMS with the Horizon Aid site template.
2. Visit /terms-and-conditions and a Program page, logged out, and run axe.

Proposed resolution

• Add a Canvas content template for page that renders the title as the h1.
• Program cards: level: 3, same visual size. Blog bodies start at h2.
• The accessibility test gates every public page on WCAG 2.2 AA.

Tested: 79 public URLs, WCAG 2.2 AA + best-practice, 0 violations.

Remaining tasks

• ✅ File an issue
• ✅ Addition/Change/Update/Fix
• ✅ Testing to ensure no regression
• ✅ Automated unit/functional testing coverage
• ➖ Developer Documentation support
• ➖ User Guide Documentation support
• ➖ UX/UI designer responsibilities
• ✅ Accessibility and Readability
• ❌ Reviewed by a human
• ❌ Code review by maintainers
• ❌ Full testing and approval
• ❌ Credit contributors
• ❌ Review with the product owner
• ✅ Update Release Notes
• ✅ Release

User interface changes

• Basic pages show their title as a heading.

API changes

• N/A

Data model changes

• N/A

Release notes snippet

• Meet WCAG 2.2 AA. Basic pages render their title as the h1, and headings step down one level at a time.

AI-Generated: Yes