Skip to content

Axe test failing due to missing landmark #384

@kieranohanlon

Description

@kieranohanlon

When running the Axe integration tests in UDU to check accessibility we are getting the following error:
Ensure all page content is contained by landmarks
Failing HTML:
<div class=\"header-branding sc-admiralty-header\">
For more info see https://dequeuniversity.com/rules/axe/4.10/region?application=playwright

This is against design sys v4.2.1

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://devukhodataupload.admiralty.co.uk/not-found-error
  2. View source
  3. See that it has missing landmark/roles

Expected behavior
The Axe test should pass - assume that a role or landmark needs applying to the div?

Screenshots
HTML of the issue (black star is the erroring code). Yellow highlights have landmarks and the red is a role that is also applied:

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions