Freelock Highlights Header and Label Accessibility in Day 3 of Drupal Advent

Freelock’s Day 3 Drupal Advent Calendar post focuses on the role of headings and labels in making content more accessible and understandable. Proper use of semantic headers not only aids screen reader users but also helps all visitors navigate content more easily. The post references WCAG 2.4.6 and 2.4.10, encouraging clear, descriptive headings and a logical hierarchy without skipping levels. While WCAG 2.4.10 is a AAA standard and not required for AA compliance, Freelock notes that maintaining a consistent structure is considered best practice for accessibility.

The post also highlights how correct heading usage benefits search engine optimization by giving more weight to well-structured content. Pages should ideally have a single H1 for the title, with H2s and H3s organizing the rest of the information. Freelock advises adding tables of contents for complex pages using JavaScript tools that read the heading structure. For layouts with cards or sidebars, setting appropriate header levels has historically been difficult in Drupal, but upcoming tools like Drupal Canvas are addressing these challenges by allowing template-based control of heading levels.