fix: #3614489 Correct heading order on cards and remove FAQ placeholder headings

Fixes the axe-core WCAG 2.4.6 heading-order violation found across the Educare site template (homepage, /programs, program page, news article, /events, event page, /about).

Issue: https://www.drupal.org/project/educare/issues/3614489 Related theme fix: https://www.drupal.org/project/vartheme_bs5_educare/issues/3614488 (MR to follow)

Decouples heading LEVEL from visual SIZE, size kept via a text-size class:

  • canvas.pattern.threeactionscard.yml, canvas.pattern.eventlastrow.yml, canvas.pattern.stories.yml: card heading levels h5/h6 -> h3.
  • canvas.page_region.vartheme_bs5_educare.footer.yml: footer heading level 4 -> 2, text_size: h4 kept.
  • /events "Upcoming Events" heading: level 3 -> 2, text_size: h3 kept.
  • canvas.pattern.faq.yml and the affected content/canvas_page/*.yml: removed 24 placeholder "Your heading goes here" FAQ headings.
  • recipe.yml updated to match.

Verified: axe heading-order is 0 across the 7 affected pages on a fresh install; card/heading visual sizes unchanged; gitlab-ci-local green on this repo.

AI-Generated: Yes

Checkpoints

  • File an issue about this project
  • Addition/Change/Update/Fix to this project
  • Testing to ensure no regression
  • Automated unit/functional testing coverage
  • Developer Documentation support on feature change/addition
  • User Guide Documentation support on feature change/addition
  • 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
Edited by Rajab Natshah

Merge request reports

Loading