Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[a11y][Violation][1.4.3 Contrast (Minimum)] Text contrast issues reported on Notebook UI #7490

Open
nkn2022 opened this issue Oct 22, 2024 · 2 comments

Comments

@nkn2022
Copy link

nkn2022 commented Oct 22, 2024

Description

I am running an accessibility test suite with Notebook UI using the IBM Equal Access Accessibility Checker tool on Chrome browser. The results look good overall, only a few things are missing to reach a first formal level of compliance. So kindly help look into these.

Issues reported were violating WCAG 2.2 requirements.
Ref: https://www.ibm.com/able/requirements/checker-rule-sets

Full report (includes information on element locations where issue were found):
Accessibility_Report-7a73e10e-f8a4-4a06-a78d-5174a1309c5b.xlsx

Category: 1.4.3 Contrast (Minimum)

Ref: https://www.ibm.com/able/requirements/requirements/?version=v7_3#1_4_3)

Violation of Rule: text_contrast_sufficient

List of issues with elements that violate this rule with a screenshots

Issue 1
Text contrast of 4.17 with its background is less than the WCAG AA minimum requirements for text of size 13px and weight of 400
Element location:
<span class="ͼ11">
Screenshot:
Image

Issue 2
Text contrast of 4.26 with its background is less than the WCAG AA minimum requirements for text of size 13px and weight of 400
Element location:
<span class="ͼu">
Screenshot:
Image

Reproduce

Here is the screenshot of the UI scanned for the attached report:
Image

Expected behavior

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, with a 3:1 ratio for large-scale text.
Reference on how to fix this issue can be found in these links:
https://www.ibm.com/able/toolkit/design/visual/#text-color-contrast

@RRosio
Copy link
Collaborator

RRosio commented Oct 29, 2024

Linking jupyterlab/jupyterlab#16888

@nkn2022
Copy link
Author

nkn2022 commented Oct 30, 2024

@RRosio The JupyterLab issue has been closed as a false positive for the tool. But please note that the issues mentioned here reference different areas of the UI. So these will need further investigation.

@nkn2022 nkn2022 changed the title [a11y][Violation][1.4.3 Contrast (Minimum)] Issues reported on Notebook UI using IBM Equal Access Accessibility Checker tool [a11y][Violation][1.4.3 Contrast (Minimum)] Text contrast issues reported on Notebook UI Oct 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants