Accessibility fixes (cart, product, 404)

[fk]

Various fixes, mostly main landmark related — <Layout> always provides a main landmark via <SkipNavContent>.

Cart

• Heading levels should only increase by one (8acef68)
• main landmark (e7326b3)

Product page

• main landmark (81fff6e)
• ARIA attributes must conform to valid values (9fb2c1c) — brings back the missing id="instructions" that corresponds to the product image (gallery's) aria-describedby

404 page

• main landmark, level-one heading (98a79bf)
• Fix page gutter; use CSS variables (94c2981)

[gatsby-cloud[bot]]

Gatsby Cloud Build Report

gatsby-starter-shopify

:tada: Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

:clock1: Build time: 2m

Performance

Lighthouse report

Metric	Score
Performance	:green_heart: 94
Accessibility	:green_heart: 100
Best Practices	:large_orange_diamond: 87
SEO	:green_heart: 92

:link: View full report