Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-77690

Heading hierarchy skips one level

XMLWordPrintable

    • MOODLE_39_STABLE, MOODLE_400_STABLE, MOODLE_401_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MDL-77690-401
    • MDL-77690-master
    • Hide
      Notes
      1. Test on both Boost and Classic
      2. Install the axe DevTools extension to your browser
      3. On Classic, you may see "Heading levels should only increase by one" issues related to block headings (e.g. on the Navigation block). This is out of the scope of this issue.
      User profile
      1. Go to the user profile.
      2. Run the axe DevTools
      3. Confirm that the following issue is not reported:
        • Heading levels should only increase by one
      mod_lesson
      1. Create a course
      2. Create a lesson in the course. Add a name and press "Save and display"
      3. On the first page, you should see "What would you like to do first?"
      4. Run the axe DevTools on the page.
      5. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
        • Select element must have an accessible name
      6. Click Import questions
      7. Run the axe DevTools on the page.
      8. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
      9. Go back and click "Add a content page". Fill out the required fields (Set Jump field in Content 1 to Next page) and save the changes
      10. On the Editing lesson page, rerun axe DevTools.
      11. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
        • Select element must have an accessible name
      12. Click "Add a question page here"
      13. Create a new True/false question.
      14. Fill out the required fields.
      15. On the entry for the True/False question, click the move button (up/down arrow icon button)
      16. You'll be then on the "Moving page: [question name]"
      17. Run the axe DevTools on the page.
      18. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
      19. Click the "Move to page here" link below the content page that you created earlier so it will appear first in the lesson.
      20. Log in as a student
      21. Go to the lesson
      22. You should now be on the content page.
      23. Run the axe DevTools on the page.
      24. Confirm that you don't see the issue about headings should increase by 1.
      25. Go through the lesson.
      26. At the end of the lesson, you should see "Congratulations - end of lesson reached"
      27. Run the axe DevTools on the page.
      28. Confirm that you don't see the issue about headings should increase by 1.
      29. Log in as admin and go to the lesson
      30. Click on the Reports tab
      31. You should be on the Overview report
      32. Run the axe DevTools on the page.
      33. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
        • Select element must have an accessible name
      34. Go to the Detailed statistics report page
      35. Run the axe DevTools on the page.
      36. Confirm that you don't see the following issues:
        • Heading levels should only increase by one
        • Select element must have an accessible name
      Show
      Notes Test on both Boost and Classic Install the axe DevTools extension to your browser On Classic, you may see "Heading levels should only increase by one" issues related to block headings (e.g. on the Navigation block). This is out of the scope of this issue. User profile Go to the user profile. Run the axe DevTools Confirm that the following issue is not reported: Heading levels should only increase by one mod_lesson Create a course Create a lesson in the course. Add a name and press "Save and display" On the first page, you should see "What would you like to do first?" Run the axe DevTools on the page. Confirm that you don't see the following issues: Heading levels should only increase by one Select element must have an accessible name Click Import questions Run the axe DevTools on the page. Confirm that you don't see the following issues: Heading levels should only increase by one Go back and click "Add a content page". Fill out the required fields (Set Jump field in Content 1 to Next page) and save the changes On the Editing lesson page, rerun axe DevTools. Confirm that you don't see the following issues: Heading levels should only increase by one Select element must have an accessible name Click "Add a question page here" Create a new True/false question. Fill out the required fields. On the entry for the True/False question, click the move button (up/down arrow icon button) You'll be then on the "Moving page: [question name] " Run the axe DevTools on the page. Confirm that you don't see the following issues: Heading levels should only increase by one Click the "Move to page here" link below the content page that you created earlier so it will appear first in the lesson. Log in as a student Go to the lesson You should now be on the content page. Run the axe DevTools on the page. Confirm that you don't see the issue about headings should increase by 1. Go through the lesson. At the end of the lesson, you should see "Congratulations - end of lesson reached" Run the axe DevTools on the page. Confirm that you don't see the issue about headings should increase by 1. Log in as admin and go to the lesson Click on the Reports tab You should be on the Overview report Run the axe DevTools on the page. Confirm that you don't see the following issues: Heading levels should only increase by one Select element must have an accessible name Go to the Detailed statistics report page Run the axe DevTools on the page. Confirm that you don't see the following issues: Heading levels should only increase by one Select element must have an accessible name

      Hello,

      at:

      https://sandbox.moodledemo.net/user/profile.php

      There is no heading level number 2 <h2>

      This is a mandatory success criterion for accessibility.

      We need it to be fixed for students using screen readers.

      All headers coloured yellow within the image attached should be marked up as <h2> and not <h3>

      for more information check https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships

      other <h4> could be grouped as an unordered list.

            jpataleta Jun Pataleta
            goly Goly Rabbanim
            Jordi Pujol-Ahulló Jordi Pujol-Ahulló
            Ilya Tregubov Ilya Tregubov
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            3 Vote for this issue
            Watchers:
            9 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 6 hours, 45 minutes
                6h 45m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.