Error
Allow CMS blocks to support configurable heading tags for panel titles. Possible approaches:
Current State
Many CMS blocks currently render their panel titles using an <h1> tag by default. Examples:
<h1 class="panel-title"><i class="ti ti-users"></i> Directory</h1>
<h1 class="panel-title"><i class="ti ti-pray"></i> Add Prayer Request</h1>
Why This MattersSince these blocks are commonly placed within pages that already contain a page-level heading, this can result in multiple <h1> tags throughout the page. This can creates challenges for:
WCAG 2.2 Success Criterion 2.4.6, Headings and Labels, emphasizes that headings should clearly describe content organization. Screen reader users often navigate pages by heading structure, and forcing all block titles to render as <h1> can create a confusing or flattened hierarchy.
From a design system perspective, defaulting block titles to <h2> also aligns better with modern component-based layouts where the page-level <h1> is intentionally reserved for the primary page title. This allows themes to maintain stronger visual hierarchy and more consistent typography rules across templates and reusable CMS components.
Cultivate your ideas for maximum impact with these helpful submission tips that will increase the chances of your brilliant concepts becoming reality.