Pope Tech: Fix Empty Heading Errors

Use Pope Tech on your OIT-hosted Drupal website to find empty spaces labeled with heading tags. Some users, especially keyboard and screen reader users, often navigate by heading elements. An empty heading will present no information and may cause confusion. You can read more about the importance of the proper use of headings for digital accessibility on the AccessibleU website.

1. Display the locations of the accessibility errors on your site.
2. In a separate browser tab, log into your website and navigate to the page that has the error you want to correct.
3. Depending on the type of field where the empty heading is located, you will either need to select Edit or Layout in order to fix the issue.
   • Content fields must be edited via the Edit button.
   • Custom blocks that were added via Layout Builder must be edited from the Layout tab.
     1. Mouse over the appropriate block.
     2. Select the pencil button that appears in the upper-right corner of the block.
     3. Select Configure to edit the block.
   • If you are not sure how this content was added, check Edit first to see if you can find the content there.
4. Find the precise location of the empty header and remove it via one of two methods:
   1. Option A - using no source code.
      1. Move your cursor in the text field while looking for the empty space where the paragraph dropdown in the WYSIWYG toolbar switches to a heading format when occupied by your cursor.
         
      2. Use the dropdown to change the paragraph format to Normal or delete the space entirely if it's unneeded.
   2. Option B - using source code.
      1. Select the Source button to switch to source code mode.
      2. Find the header tags around  
         
      3. Change the header tags to paragraph tags or delete that line entirely if the space is not needed.
         
5. Save your changes. The next time your site is crawled and subsequently scanned by Pope Tech, this empty heading error will no longer appear in your scan results.