Request: Make Headings Sequential
-
Hi there,
I’ve requested this before but would like to reiterate that the base theme doesn’t have a sequential heading order out of the box. This is not great for accessibility. While most areas are easily fixed by modifying the content through Gutenberg, there’s one area that requires modifying the theme to make the sequential order correct.
That is inc/views/front-page/class-hestia-blog-section.php
Lines 176 onward.
<div class="content"> <h6 class="category"><?php echo hestia_category(); ?></h6> <h4 class="card-title entry-title"> <a class="blog-item-title-link" href="<?php echo esc_url( get_permalink() ); ?>" title="<?php the_title_attribute(); ?>" rel="bookmark"> <?php echo wp_kses( force_balance_tags( get_the_title() ), $allowed_html ); ?> </a> </h4> <p class="card-description"><?php echo wp_kses_post( get_the_excerpt() ); ?></p> </div>
You can see that the order of headings goes from an H6 for the categories to an H4 for the post title. (And I believe the Blog section title preceding this is an H2). This can be easily fixed by making the H6 on line 177 an H3 instead, and simply modifying the styling of that H3 to match.
Please and thank you!
- The topic ‘Request: Make Headings Sequential’ is closed to new replies.