Open bryanpizzillo opened 2 years ago
In our cgov transitional theme --
Removed all tab index from cgov page.html.twig
...
<a class="usa-skipnav" href="#main-content">
{{ 'Skip to main content'|t }}
</a>
...
<div class="legacy">
<main class="contentzone has-section-nav" id="main-content">
{{ page.content }}
</main>
</div>
...
Tested, and working:
This ticket isn't needed for MVP1, moved to Release 2 backlog.
Issue description
So there are a number of issues we are seeing while implementing NCIDS in the transitional theme. One of those has to be with how we are handling tabindex outlining and the skip nav.
Issues:
content
is not actually the start of the content but breadcrumbs. This requires a user to tab through breadcrumbs and side nav. This should instead target the container that has the H1 element. (this happens to bemain
)tabindex=0
attributes on div elements (at leastmain
andcontent
there are probably more). We have then set a number of rules to set theoutline
of any of those elements to be hidden. According to @arcepaul we should not be removing the outlines so much.Some examples of tabindex -- we need to see how the navigation is setup and why we have these. Homepage (Home/Landing)
PDQ Patient Bladder Cancer Treatment Summary (PDQ CIS)
Feelings and Cancer (Article)