All page content should be contained by landmarks
Ensures all page content is contained by landmarks
- Status
- Failed
- Impact
- Moderate
- Category
- Keyboard
- Guidance
- Deque University
1 issue across 142 pages
How to fix
To fix the issue, you need to resolve this:
- Some page content is not contained by landmarks
Where to fix
We found occurrences on 142 pages:
-
alphagov.github.io/accessibility-tool-audit/tests/content-content-identified-by-location.html
HTML node <h1>Content identified by location</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/content-plain-language-is-not-used.html
HTML node <h1>Plain language is not used</h1>
CSS selector h1
-
HTML node <h1>Content is not in correct reading order in source code</h1>
CSS selector h1
-
HTML node <h1>Content is not organised into well-defined groups or chunks, using headings, lists, and other visual mechanisms</h1>
CSS selector h1
-
HTML node <h1>First instance of abbreviation not expanded</h1>
CSS selector h1
-
HTML node <h1>Wide page forces users to scroll horizontally</h1>
CSS selector h1
-
HTML node <h1>Colour alone is used to convey content</h1>
CSS selector h1
-
HTML node <h1>Small text does not have a contrast ratio of at least 4.5:1 so does not meet AA</h1>
CSS selector h1
-
HTML node <h1>Large text does not have a contrast ratio of at least 3:1 so does not meet AA</h1>
CSS selector h1
-
HTML node <h1>Small text does not have a contrast ratio of at least 7:1 so does not meet AAA</h1>
CSS selector h1
-
HTML node <h1>Large text does not have a contrast ratio of at least 4.5:1 so does not meet AAA</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/colour-and-contrast-focus-not-visible.html
HTML node <h1>Focus not visible</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-inadequate-line-height-used.html
HTML node <h1>Inadequate line height used</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-all-caps-text-found.html
HTML node <h1>All caps text found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-blink-element-found.html
HTML node <h1>Blink element found</h1>
CSS selector h1
-
HTML node <h1>Italics used on long sections of text</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-marquee-element-found.html
HTML node <h1>Marquee element found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-long-lines-of-text.html
HTML node <h1>Long lines of text</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-very-small-text-found.html
HTML node <h1>Very small text found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/typography-justified-text-found.html
HTML node <h1>Justified text found</h1>
CSS selector h1
-
HTML node <h1>Text language changed without required change in direction</h1>
CSS selector h1
-
HTML node <h1>html element has an empty lang attribute</h1>
CSS selector h1
-
HTML node <h1>lang attribute not used to identify change of language</h1>
CSS selector h1
-
HTML node <h1>Text language is in the wrong direction</h1>
CSS selector h1
-
HTML node <h1>html element has an invalid value in the lang attribute</h1>
CSS selector h1
-
HTML node <h1>lang attribute used to identify change of language, but with invalid value</h1>
CSS selector h1
-
HTML node <h1>html element is missing a lang attribute</h1>
CSS selector h1
-
HTML node <h1>html element has lang attribute set to wrong language</h1>
CSS selector h1
-
HTML node <h1>lang attribute used to identify change of language, but with wrong language</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/page-title-inappropriate-page-title.html
HTML node <h1>Inappropriate page title</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/page-title-empty-page-title.html
HTML node <h1>Empty page title</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/page-title-missing-page-title.html
HTML node <h1>Missing page title</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/headings-empty-heading.html
HTML node <h1>Empty heading</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/headings-missing-h1.html
HTML node <h1>Missing H1</h1>
CSS selector h1
-
HTML node <h1>Text formatting used instead of an actual heading</h1>
CSS selector h1
-
HTML node <h1>Headings not structured in a hierarchical manner</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/lists-li-element-with-no-parent.html
HTML node <h1>LI element with no parent</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/lists-list-not-marked-up-as-a-list.html
HTML node <h1>List not marked up as a list</h1>
CSS selector h1
-
HTML node <h1>DT or DD elements that are not contained within a DL element</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/lists-improperly-nested-lists.html
HTML node <h1>Improperly nested lists</h1>
CSS selector h1
-
HTML node <h1>Table with column headers and double row headers</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-has-no-scope-attributes.html
HTML node <h1>Table has no scope attributes</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-nested-within-table-header.html
HTML node <h1>Table nested within table header</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-nested-within-table.html
HTML node <h1>Table nested within table</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-has-no-table-headings.html
HTML node <h1>Table has no table headings</h1>
CSS selector h1
-
HTML node <h1>Table with inconsistent numbers of columns in rows</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-that-only-has-th-elements-in-it.html
HTML node <h1>Table that only has TH elements in it</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-is-missing-a-caption.html
HTML node <h1>Table is missing a caption</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-used-for-layout.html
HTML node <h1>Table used for layout</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-has-an-empty-table-header.html
HTML node <h1>Table has an empty table header</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/tables-table-with-some-empty-cells.html
HTML node <h1>Table with some empty cells</h1>
CSS selector h1
-
HTML node <h1>Image has alt and title that are different</h1>
CSS selector h1
-
HTML node <h1>Image with presentation role has non-empty alt</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/images-image-with-no-alt-attribute.html
HTML node <h1>Image with no alt attribute</h1>
CSS selector h1
-
HTML node <h1>Background image that conveys information does not have a text alternative</h1>
CSS selector h1
-
HTML node <h1>Image has empty alt and non-empty title</h1>
CSS selector h1
-
HTML node <h1>A distraction is present, an animated gif</h1>
CSS selector h1
-
HTML node <h1>Image that conveys information has an empty alt attribute</h1>
CSS selector h1
-
HTML node <h1>Image that conveys information has inappropriate alt text</h1>
CSS selector h1
-
HTML node <h1>Image alt attribute contains image file name</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/images-image-with-partial-text-alternative.html
HTML node <h1>Image with partial text alternative</h1>
CSS selector h1
-
HTML node <h1>Embedded video file is missing text alternative</h1>
CSS selector h1
-
HTML node <h1>Flashing content doesn't have warning</h1>
CSS selector h1
-
HTML node <h1>Embedded audio file is missing text alternative</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-image-link-with-no-alternative-text.html
HTML node <h1>Image link with no alternative text</h1>
CSS selector h1
-
HTML node <h1>Link to javascript, invalid hypertext reference</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-uninformative-link-text.html
HTML node <h1>Uninformative link text</h1>
CSS selector h1
-
HTML node <h1>Link launches new window with no warning</h1>
CSS selector h1
-
HTML node <h1>Links not separated by printable characters</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-link-text-with-identical-title.html
HTML node <h1>Link text with identical title</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-links-to-a-sound-file-no-transcript.html
HTML node <h1>Links to a sound file, no transcript</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-identifying-links-by-colour-alone.html
HTML node <h1>Identifying links by colour alone</h1>
CSS selector h1
-
HTML node <h1>Link to PDF does not include information on file format and file size</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-link-to-,-invalid-hypertext-reference.html
HTML node <h1>Link to #, invalid hypertext reference</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-blank-link-text.html
HTML node <h1>Blank link text</h1>
CSS selector h1
-
HTML node <h1>Links with the same text go to different pages</h1>
CSS selector h1
-
HTML node <h1>Link text does not make sense out of context</h1>
CSS selector h1
-
HTML node <h1>Adjacent links going to the same destination</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-link-contains-only-a-full-stop.html
HTML node <h1>Link contains only a full stop</h1>
CSS selector h1
-
HTML node <h1>Image link alt text repeats text in the link</h1>
CSS selector h1
-
HTML node <h1>Link not clearly identifiable and distinguishable from surrounding text</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-link-to-a-multimedia-file-no-transcript.html
HTML node <h1>Link to a multimedia file, no transcript</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-non-specific-link-text.html
HTML node <h1>Non-specific link text</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/links-link-to-an-image-no-text-alternative.html
HTML node <h1>Link to an image, no text alternative</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/buttons-image-button-has-no-alt-attribute.html
HTML node <h1>Image button has no alt attribute</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/buttons-empty-button.html
HTML node <h1>Empty button</h1>
CSS selector h1
-
HTML node <h1>Uninformative alt attribute value on image button</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/buttons-empty-alt-attribute-on-image-button.html
HTML node <h1>Empty alt attribute on image button</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-errors-identified-by-colour-only.html
HTML node <h1>Errors identified by colour only</h1>
CSS selector h1
-
HTML node <h1>Labels missing when they would look clumsy for some form controls</h1>
CSS selector h1
-
HTML node <h1>Error messages - no suggestion for corrections given, e.g. required format</h1>
CSS selector h1
-
HTML node <h1>Left aligned form labels with too much white space</h1>
CSS selector h1
-
HTML node <h1>Group of radio buttons not enclosed in a fieldset</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-form-element-has-no-label.html
HTML node <h1>Form element has no label</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-fieldset-without-a-legend.html
HTML node <h1>Fieldset without a legend</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-empty-legend.html
HTML node <h1>Empty legend</h1>
CSS selector h1
-
HTML node <h1>Label element with for= attribute but not matching id= attribute of form control</h1>
CSS selector h1
-
HTML node <h1>Group of check boxes not enclosed in a fieldset</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-empty-label-found.html
HTML node <h1>Empty label found</h1>
CSS selector h1
-
HTML node <h1>Two unique labels, but identical for= attributes</h1>
CSS selector h1
-
HTML node <h1>Errors identified with a poor colour contrast</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-non-unique-field-label-found.html
HTML node <h1>Non-unique field label found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-missing-labels-in-checkboxes.html
HTML node <h1>Missing labels in checkboxes</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-field-hint-not-associated-with-input.html
HTML node <h1>Field hint not associated with input</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-placeholder-no-label.html
HTML node <h1>Placeholder no label</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/forms-errors-are-not-identified.html
HTML node <h1>Errors are not identified</h1>
CSS selector h1
-
HTML node <h1>Form control that changes context without warning</h1>
CSS selector h1
-
HTML node <h1>Inadequately-sized clickable targets found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/keyboard-access-alert-shows-for-a-short-time.html
HTML node <h1>Alert shows for a short time</h1>
CSS selector h1
-
HTML node <h1>Lightbox - close button doesn't receive focus</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/keyboard-access-focus-order-in-wrong-order.html
HTML node <h1>Focus order in wrong order</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/keyboard-access-tabindex-greater-than-0.html
HTML node <h1>Tabindex greater than 0</h1>
CSS selector h1
-
HTML node <h1>Keyboard focus is not indicated visually</h1>
CSS selector h1
-
HTML node <h1>Keyboard focus assigned to a non focusable element using tabindex=0</h1>
CSS selector h1
-
HTML node <h1>Concertina items don't get keyboard focus</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/keyboard-access-keyboard-trap.html
HTML node <h1>Keyboard trap</h1>
CSS selector h1
-
HTML node <h1>Dropdown navigation - only the top level items receive focus</h1>
CSS selector h1
-
HTML node <h1>Lightbox - ESC key doesn't close the lightbox</h1>
CSS selector h1
-
HTML node <h1>Link with a role=button does not work with space bar</h1>
CSS selector h1
-
HTML node <h1>Tooltips don't receive keyboard focus</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/keyboard-access-accesskey-attribute-used.html
HTML node <h1>Accesskey attribute used</h1>
CSS selector h1
-
HTML node <h1>Lightbox - focus is not moved immediately to lightbox</h1>
CSS selector h1
-
HTML node <h1>Lightbox - focus is not retained within the lightbox</h1>
CSS selector h1
-
HTML node <h1>Fake button is not keyboard accessible</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/frames-iframe-is-missing-a-title-attribute.html
HTML node <h1>iframe is missing a title attribute</h1>
CSS selector h1
-
HTML node <h1>iframe title attribute does not describe the content or purpose of the iframe</h1>
CSS selector h1
-
HTML node <h1>Content is not readable and functional when text is increased</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/css-non-decorative-content-inserted-using-css.html
HTML node <h1>Non-decorative content inserted using CSS</h1>
CSS selector h1
-
HTML node <h1>visibility:hidden used to visually hide content when it should be available to screenreader</h1>
CSS selector h1
-
HTML node <h1>display:none used to visually hide content when it should be available to screenreader</h1>
CSS selector h1
-
HTML node <h1>Page zoom - boxes that don't expand with the text</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-duplicate-id.html
HTML node <h1>Duplicate id</h1>
CSS selector h1
-
HTML node <h1>Article element used to mark-up an element that's not an article/blog post etc.</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-empty-paragraph.html
HTML node <h1>Empty paragraph</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-deprecated-center-element.html
HTML node <h1>Deprecated center element</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-invalid-aria-role-names.html
HTML node <h1>Invalid ARIA role names</h1>
CSS selector h1
-
HTML node <h1>Object not embedded accessibly - wmode parameter not set to window</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-spacer-image-found.html
HTML node <h1>Spacer image found</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-inline-style-adds-colour.html
HTML node <h1>Inline style adds colour</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-start-and-close-tags-dont-match.html
HTML node <h1>Start and close tags don't match</h1>
CSS selector h1
-
HTML node <h1>PRE element without CODE element inside it</h1>
CSS selector h1
-
alphagov.github.io/accessibility-tool-audit/tests/html-deprecated-font-element.html
HTML node <h1>Deprecated font element</h1>
CSS selector h1