Accessibility: Order Received page missing H1 and skips heading levels

[amberhinds]

Prerequisites

• I have carried out troubleshooting steps and I believe I have found a bug.
• I have searched for similar bugs in both open and closed issues and cannot find a duplicate.

Describe the bug

The order received page does not have the correct heading structure.

The expected H1 "Thank you. Your order has been received." is just large styled paragraph text. See:

woocommerce/plugins/woocommerce/templates/checkout/order-received.php

Line 23 in 758df48

<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received">

The subsections on the page (Order Details, Shipping Address, Billing Address) use H3s when they should be H2s.

Expected behavior

All pages should have an H1.

Headings on the page following the H1 should have the correct tag to create a meaningful outline of the page content.

Actual behavior

There is no H1 or H2s on the page, only H3s.

Steps to reproduce

Submit an order and inspect the heading levels on the page.

WordPress Environment

N/A

Isolating the problem

• I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
• This bug happens with a default WordPress theme active, or Storefront.
• I can reproduce this bug consistently using the steps above.