The problems noted in the problems panel cannot be focussed with keyboard.
{
"id": "scrollable-region-focusable",
"impact": "serious",
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.9/scrollable-region-focusable?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element should have focusable content"
},
{
"id": "focusable-element",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element should be focusable"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"panel__inner\">",
"target": [
".panel__inner"
],
"failureSummary": "Fix any of the following:\n Element should have focusable content\n Element should be focusable"
}
]
}
What should we do?
The problems noted in the problems panel cannot be focussed with keyboard.
Why should we do it?
Achieve WCAG 2.1 compliance (a11y)