Incident : Missing heading markup h1 for mentioned text on page

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      On “Incident” page, the html heading mark-up <h1> is missing on the webpage. This resulted in screen reader users finding it difficult to understand the page content structure.

      Steps to Reproduce

      1. Log in to Statuspage.
      2. In the left sidebar, click on Incidents.
      3. Click on Create Incident (top-right) or select an existing incident.
      4. Edit and Save/Publish the incident.
      5. Turn on screen reader and navigate the page, observe screen reader announcement.

      Screenshot 1

      Screenshot 2

      Actual Results

      The <h1> element is not provided on the page. As a result, screen reader users find it difficult to understand the page’s content structure.

      Expected Results

      The text “First Incident” should be coded in <h1> tag which will help screen reader users finding it easy to understand the page content structure and navigate to different headings.

      Code snippet

      <h1>First Incident</h1>
      

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16 inch, 2021)
      macOs Sonoma 14.7.1 (23H222)
      Chrome - Version 131.0.6778.265 (Official Build) (arm64)
      Firefox- Version 112.0. 1
      Safari- Version 18.2
      JAWS- Version 2024
      NVDA- Version 2024
      Voiceover - Version Latest

            Assignee:
            Avinash Yadav (Inactive)
            Reporter:
            Rogerpinto Marialouis (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: