Card: accessibility - Heading elements are not in a sequentially-descending order

[synox]

https://dequeuniversity.com/rules/axe/4.7/heading-order

Test URLs:

• After: https://card-noheading--24life--hlxsites.hlx.page/
• After: https://card-noheading--24life--hlxsites.hlx.page/focus

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/focus

[github-actions[bot]]

:small_orange_diamond: 11 visual differences detected

• / (main vs branch)
  Expected an image 1280px by 2980px, received 1280px by 3220px. 1801122 pixels (ratio 0.44 of all image pixels) are different.
• /collections/get-started (main vs branch)
  Expected an image 1280px by 4941px, received 1280px by 4976px. 626084 pixels (ratio 0.10 of all image pixels) are different.
• /focus (main vs branch)
  Expected an image 1320px by 4484px, received 1320px by 4520px. 836713 pixels (ratio 0.15 of all image pixels) are different.
• /fitness (main vs branch)
  Expected an image 1320px by 4428px, received 1320px by 4438px. 537069 pixels (ratio 0.10 of all image pixels) are different.
• /fuel (main vs branch)
  Expected an image 1320px by 4524px, received 1320px by 4534px. 556369 pixels (ratio 0.10 of all image pixels) are different.
• /recover (main vs branch)
  Expected an image 1320px by 4500px, received 1320px by 4491px. 262364 pixels (ratio 0.05 of all image pixels) are different.
• /magazine/volume-6-issue-2 (main vs branch)
  406526 pixels (ratio 0.05 of all image pixels) are different.
• /fuel/2020/snack-attack (main vs branch)
  Expected an image 1280px by 4675px, received 1280px by 4678px. 109043 pixels (ratio 0.02 of all image pixels) are different.
• /block-library/blocks/card (main vs branch)
  Expected an image 1280px by 3312px, received 1280px by 3547px. 1744350 pixels (ratio 0.39 of all image pixels) are different.
• /block-library/blocks/article-list (main vs branch)
  Expected an image 1280px by 4144px, received 1280px by 4180px. 836711 pixels (ratio 0.16 of all image pixels) are different.
• /block-library/blocks/article-carousel (main vs branch)
  Expected an image 1280px by 1957px, received 1280px by 1967px. 186802 pixels (ratio 0.08 of all image pixels) are different.

The diff images are attached in the artifact

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/focus

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/
/focus

[github-actions[bot]]

:small_orange_diamond: 4 visual differences detected

• / (main vs branch)
  Expected an image 1280px by 2980px, received 1280px by 3220px. 1801122 pixels (ratio 0.44 of all image pixels) are different.
• /collections/get-started (main vs branch)
  Expected an image 1280px by 4941px, received 1280px by 4976px. 626628 pixels (ratio 0.10 of all image pixels) are different.
• /focus (main vs branch)
  Expected an image 1320px by 4484px, received 1320px by 4520px. 836713 pixels (ratio 0.15 of all image pixels) are different.
• /fitness (main vs branch)
  Expected an image 1320px by 4428px, received 1320px by 4438px. 537130 pixels (ratio 0.10 of all image pixels) are different.

The diff images are attached in the artifact