Accessibility test - base

[mwllr]

from keith https://drupal.webtheme.illinois.edu/accessibility-testing/undergraduate-financial-support

• [ ] The heading for the left nav must be an H2, not an H3. All new sections / regions must begin with H2.
  • The "In This Section" heading could remain in the page but be hidden visually to correct this issue.
• [x] <nav> regions must be uniquely labelled.
• [ ] The aria-labelledby property of the <il-section-nav> element does not appear to point to an ID that exists in the page. Further this property must be on the <nav> element for the menu, not a container element.
• [x] Remove role=link from the <div> containing the skip to main link. The link role is a widget role that should only be used when creating a custom link widget.
• [x] Complementary region (left nav <aside>) must not be inside the main region.
  • This is a common Drupal template issue to look out for--sidebars are often implemented as <aside> elements, which have a complementary role by default. Move the <aside> outside the <main> element or change the <aside> to a <div>.
  • Note: either way, remove role=complementary. This is redundant ARIA use.
• [x] #520
• [x] The skip to main link should jump to the <main> element, not a named link.
  • The named link with label "Start of Content Region" is redundant and should be removed.
  • Screen readers will announce a region name when a user jumps to it, the name and "Region Start" when entering a region (forward navigation), and the name and "Region End" when leaving the region.
• [ ] The site search form should have a role of search. This can go on the <form> element or its immediate container.
• [ ] The top-level links of the main navigation menu must have the aria-expanded property, and the value must toggle between expanded and collapsed as the child menus are displayed or dismissed.
  • The aria-expanded property must be on the <a> element, not a container (e.g. the element that receives browser focus).

Most of these issues are flagged automatically with AInspector WCAG for Firefox. It is best to run that tool and fix issues found prior to requesting a manual evaluation.

[khays9]

copied to top

• [ ] The heading for the left nav must be an H2, not an H3. All new sections / regions must begin with H2.
  • The "In This Section" heading could remain in the page but be hidden visually to correct this issue.
• [ ] <nav> regions must be uniquely labelled.
• [ ] The aria-labelledby property of the <il-section-nav> element does not appear to point to an ID that exists in the page. Further this property must be on the <nav> element for the menu, not a container element.
• [ ] Remove role=link from the <div> containing the skip to main link. The link role is a widget role that should only be used when creating a custom link widget.
• [ ] Complementary region (left nav <aside>) must not be inside the main region.
  • This is a common Drupal template issue to look out for--sidebars are often implemented as <aside> elements, which have a complementary role by default. Move the <aside> outside the <main> element or change the <aside> to a <div>.
  • Note: either way, remove role=complementary. This is redundant ARIA use.
• [ ] <nav> regions in the footer must not be empty. If a region has not content, it should not be in the page.
• [ ] The skip to main link should jump to the <main> element, not a named link.
  • The named link with label "Start of Content Region" is redundant and should be removed.
  • Screen readers will announce a region name when a user jumps to it, the name and "Region Start" when entering a region (forward navigation), and the name and "Region End" when leaving the region.
• [ ] The site search form should have a role of search. This can go on the <form> element or its immediate container.
• [ ] The top-level links of the main navigation menu must have the aria-expanded property, and the value must toggle between expanded and collapsed as the child menus are displayed or dismissed.
  • The aria-expanded property must be on the <a> element, not a container (e.g. the element that receives browser focus).

Most of these issues are flagged automatically with AInspector WCAG for Firefox. It is best to run that tool and fix issues found prior to requesting a manual evaluation.

[github-actions[bot]]

Branch wrg20/issue-475-accessibility-test-base created!

[wrg20]

• [ ] The heading for the left nav must be an H2, not an H3. All new sections / regions must begin with H2.
  • The "In This Section" heading could remain in the page but be hidden visually to correct this issue.
• [ ] The aria-labelledby property of the <il-section-nav> element does not appear to point to an ID that exists in the page. Further this property must be on the <nav> element for the menu, not a container element.
• [ ] The site search form should have a role of search. This can go on the
  element or its immediate container.
• [ ] The top-level links of the main navigation menu must have the aria-expanded property, and the value must toggle between expanded and collapsed as the child menus are displayed or dismissed.
• The aria-expanded property must be on the element, not a container (e.g. the element that receives browser focus).

These are located in the web toolkit components and should be moved to their issue list. https://cdn.brand.illinois.edu/toolkit/dev/examples/components/section-nav/index.html

[wrg20]

• [ ] <nav> regions must be uniquely labelled.

Added aria-label to "additional header links" and "subfooter links"

[wrg20]

• [ ] Complementary region (left nav <aside>) must not be inside the main region.
  • This is a common Drupal template issue to look out for--sidebars are often implemented as <aside> elements, which have a complementary role by default. Move the <aside> outside the <main> element or change the <aside> to a <div>.
  • Note: either way, remove role=complementary. This is redundant ARIA use.

aside element was changed to a div element and the role was removed

[wrg20]

@mwllr the other open issues are for the components team...I converted my last remaining task to an issue.