Syransong / portfolio-2022

0 stars 0 forks source link

Heading elements not in descending-sequential order on Home page #11

Open Syransong opened 1 year ago

Syransong commented 1 year ago

Description

On the home page, in the skills section, the headings are not in a descending sequential order, as it goes from h1 to h3. This can be confusing, especially for users who use screen readers and use headings to navigate through the page.

Possible solutions to this could be including an h2 or changing the h3 elements to h2 elements.

Steps to Reproduce

  1. Navigate to the Google PageSpeed Insights (https://pagespeed.web.dev/)
  2. Enter the web page URL in the input field, https://karinasong.com
  3. Click the "Analyze" button
  4. Scroll to the Accessibility audit section of the results page.

Expected Result

There are no warnings about accessibility issues regarding heading elements.

Actual Result

The PageSpeed Insights Accessibility audit has the following warning: Heading elements are not in a sequentially-descending order.

Environments

This issue is present on all browsers across all environments as it is an issue with the HTML structure.

Screenshots

Screen Shot 2023-03-23 at 9 27 44 PM