Use the <header> element for the checkout header

[carolinan]

Describe the bug

The checkout template uses the checkout header template part, but it is set to use <div>, please consider using <header>.
Compare this with the cart and order information templates that use <header> for the standard header template part.

https://github.com/woocommerce/woocommerce-blocks/blob/trunk/templates/templates/checkout.html#L1
https://github.com/woocommerce/woocommerce-blocks/blob/trunk/templates/templates/cart.html#L1

To reproduce

Steps to reproduce the behavior:

1. Open the checkout template in the Site Editor and select the checkout header template part, open the Advanced panel, and confirm that it uses a div not header.

Expected behavior

I expect the header to use the header element.

Screenshots

The header template part in the checkout template, with div pre-selected in the HTML element option:

Environment

WordPress (please complete the following information):

• WordPress version: 6.3.0
• WooCommerce version: 8.x

Additional context

Kindly go through the remaining templates and confirm that they too, are as accessible as possible.

Related:
#10557

[ralucaStan]

Thank you @carolinan, we will soon work on this change.
We'd also appreciate help from contributors who want to give a helping hand by working on a quick win task.

[wavvves]

temporarily blocked by #10773

[mikejolley]

The fix in #11222 did not work with the default templates despite being set to <header> in the editor. Moving to the current sprint to be worked on again.

[danieldudzic]

#11222 has been removed from the 11.4.0 release.

[mikejolley]

#11222 (comment)