Fix ee/app/assets/javascripts/usage_quotas/seats/components/subscription_seats.stories.js
Below you can find some of the violations for subscription_seats.stories.js:
FAIL ee/app/assets/javascripts/usage_quotas/seats/components/subscription_seats.stories.js (40.167 s)
● ee/usage_quotas/seats/subscription_seats › SaasWithPaidPlan › smoke-test
assert.fail(received, expected)
Message:
Found 3 accessibility violations:
-----------------------------------
Expected the HTML found at $('span[data-testid="gl-pagination-prev"] > .gl-hidden.\@sm\:gl-block') to have no violations:
<span class="gl-hidden @sm:gl-block">Previous</span>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 3.51 (foreground color: #89888d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('th[aria-label="Disclosure"]') to have no violations:
<th role="columnheader" scope="col" aria-colindex="1" aria-label="Disclosure" class="!gl-p-0"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
Expected the HTML found at $('.gl-w-2\/20') to have no violations:
<th role="columnheader" scope="col" aria-colindex="6" aria-label="Actions" class="gl-w-2/20"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
Expected the HTML found at $('a[target="_blank"]') to have no violations:
<a target="_blank" href="/help/subscriptions/manage_users_and_seats#gitlabcom-billing-and-usage" class="gl-ml-2 gl-link" rel="noopener noreferrer">
Received:
Links must have discernible text (link-name)
Fix all of the following:
Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at storybook/node_modules/axe-playwright/dist/index.js:97:20
at storybook/node_modules/axe-playwright/dist/index.js:31:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
at storybook/node_modules/axe-playwright/dist/index.js:141:44
at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58) ● ee/usage_quotas/seats/subscription_seats › SaasWithFreeUnlimited › smoke-test
assert.fail(received, expected)
Message:
Found 3 accessibility violations:
-----------------------------------
Expected the HTML found at $('span[data-testid="gl-pagination-prev"] > .gl-hidden.\@sm\:gl-block') to have no violations:
<span class="gl-hidden @sm:gl-block">Previous</span>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 3.51 (foreground color: #89888d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('th[aria-label="Disclosure"]') to have no violations:
<th role="columnheader" scope="col" aria-colindex="1" aria-label="Disclosure" class="!gl-p-0"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
Expected the HTML found at $('.gl-w-2\/20') to have no violations:
<th role="columnheader" scope="col" aria-colindex="6" aria-label="Actions" class="gl-w-2/20"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
Expected the HTML found at $('.gl-ml-2[target="_blank"][rel="noopener noreferrer"]') to have no violations:
<a target="_blank" href="/help/subscriptions/manage_users_and_seats#gitlabcom-billing-and-usage" class="gl-ml-2 gl-link" rel="noopener noreferrer">
Received:
Links must have discernible text (link-name)
Fix all of the following:
Element is in tab order and does not have accessible text
Fix any of the following:
Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at storybook/node_modules/axe-playwright/dist/index.js:97:20
at storybook/node_modules/axe-playwright/dist/index.js:31:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
at storybook/node_modules/axe-playwright/dist/index.js:141:44
at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58) ● ee/usage_quotas/seats/subscription_seats › SaasWithFreeUserCapEnabled › smoke-test
assert.fail(received, expected)
Message:
Found 2 accessibility violations:
-----------------------------------
Expected the HTML found at $('span[data-testid="gl-pagination-prev"] > .gl-hidden.\@sm\:gl-block') to have no violations:
<span class="gl-hidden @sm:gl-block">Previous</span>
Received:
Elements must meet minimum color contrast ratio thresholds (color-contrast)
Fix any of the following:
Element has insufficient color contrast of 3.51 (foreground color: #89888d, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI
-----------------------------------
Expected the HTML found at $('th[aria-label="Disclosure"]') to have no violations:
<th role="columnheader" scope="col" aria-colindex="1" aria-label="Disclosure" class="!gl-p-0"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
Expected the HTML found at $('.gl-w-2\/20') to have no violations:
<th role="columnheader" scope="col" aria-colindex="6" aria-label="Actions" class="gl-w-2/20"><div class="gl-flex"><span></span><!----></div></th>
Received:
Table header text should not be empty (empty-table-header)
Fix any of the following:
Element does not have text that is visible to screen readers
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/empty-table-header?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at storybook/node_modules/axe-playwright/dist/index.js:97:20
at storybook/node_modules/axe-playwright/dist/index.js:31:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
at storybook/node_modules/axe-playwright/dist/index.js:141:44
at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)Edited by 🤖 GitLab Bot 🤖