Describe the bug
@dpc-sdp/ripple-site-footer
When in responsive mode, elements in the footer become expandable but these are not keyboard accessible. Not WCAG compliant.
To Reproduce
Steps to reproduce the behaviour:
Install ripple site footer, pass nav elements
In small resolutions, nav items are collapsed and don't come in to focus when navigating with keyboard Tab key.
Expected behaviour
Expected to be able to focus the drop down chevrons
Expected to be able to collapse/expand the accordion nav item with space/enter keys
Actual behaviour
Tab keys skip over the footer nav items
Screenshots
If applicable, add screenshots to help explain your problem.
Versions
Ripple:
Desktop (please complete the following information):
OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):
Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context
Add any other context about the problem here.
Describe the bug @dpc-sdp/ripple-site-footer When in responsive mode, elements in the footer become expandable but these are not keyboard accessible. Not WCAG compliant.
To Reproduce Steps to reproduce the behaviour:
Expected behaviour
Actual behaviour
Screenshots If applicable, add screenshots to help explain your problem.
Versions
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context Add any other context about the problem here.