fix: solve several a11y issues #630
Annotations
10 errors
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--success o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-3') to have no violations:
<li id="tab-3" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-3" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Run unit tests 🧪:
packages/oruga/src/components/steps/tests/steps.axe.test.ts#L68
Error: expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('#tab-1') to have no violations:
<li id="tab-1" class="o-steps__nav-item o-steps__nav-item--active" role="tab" aria-current="step" aria-controls="tabpanel-1" aria-selected="true">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-2') to have no violations:
<li id="tab-2" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-2" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
Expected the HTML found at $('#tab-4') to have no violations:
<li id="tab-4" class="o-steps__nav-item o-steps__nav-item--next" role="tab" aria-controls="tabpanel-4" aria-selected="false">
Received:
"Interactive controls must not be nested (nested-interactive)"
Fix any of the following:
Element has focusable descendants
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.9/nested-interactive?application=axeAPI
❯ src/components/steps/tests/steps.axe.test.ts:68:44
|
Loading