toolkit icon indicating copy to clipboard operation
toolkit copied to clipboard

Navigation accessibility question

Open dandalpiaz opened this issue 8 months ago • 0 comments

When running an automated accessibility check on a page using the navigation components from the v2 toolkit, e.g. https://builder.toolkit.illinois.edu/index.html , a couple issues are being flagged in the nav:

  • Lists do not contain only <li> elements and script supporting elements (<script> and <template>).
    • Failing elements are the <il-nav-link> for 'Home', 'Alternate Versions', and 'Color Checker'
  • List items (<li>) are not contained within <ul>, <ol> or <menu> parent elements.
    • Failing elements are <li class="full"> for 'Home', 'Alternate Versions', and 'Color Checker'. And <li class="collapsed full inactive"> for 'Preview Lists' and 'Help Notes'.

I was wondering if these might false positives, because of the way the shadow-dom elements work and/or the custom element names?

dandalpiaz avatar Jun 13 '24 16:06 dandalpiaz