Use button element for entire input replacement #13066
Annotations
2 errors
Run test task:
packages/govuk-frontend/src/govuk/components/file-upload/accessibility.puppeteer.test.mjs#L11
expect(received).toHaveNoViolations(expected)
Expected the HTML found at $('.govuk-button') to have no violations:
<span class="govuk-button govuk-button--secondary govuk-file-upload__pseudo-button">Choose file</span>
Received:
"Elements must meet minimum color contrast ratio thresholds (color-contrast)"
Fix any of the following:
Element has insufficient color contrast of 3.46 (foreground color: #858686, background color: #f9f9f8, font size: 14.3pt (19px), 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=axe-puppeteer
http://localhost:8080/components/file-upload/disabled/preview
at Object.toHaveNoViolations (node_modules/expect/build/index.js:174:22)
at Object.toHaveNoViolations (packages/govuk-frontend/src/govuk/components/file-upload/accessibility.puppeteer.test.mjs:11:42)
|
Run test task
Process completed with exit code 1.
|
Loading