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] 11.1.4.3 Contrast (minimum) #1334

Closed
4 tasks done
tschiebel opened this issue Apr 5, 2024 · 0 comments · Fixed by #1451
Closed
4 tasks done

[a11y] 11.1.4.3 Contrast (minimum) #1334

tschiebel opened this issue Apr 5, 2024 · 0 comments · Fixed by #1451
Assignees
Labels
Accessibility p2-high Escalation, on top of current planning, release blocker Type:bug Something isn't working
Milestone

Comments

@tschiebel
Copy link

tschiebel commented Apr 5, 2024

audit: https://infinite.owncloud.com/s/qSvYucPltEYUhhc

https://github.com/BIK-BITV/BIK-App-Test/tree/main/Pr%C3%BCfschritte/de
https://www.etsi.org/deliver/etsi_en/301500_301599/301549/03.02.01_60/en_301549v030201p.pdf

Note 1: For texts (also in the focused state) under 18 points (or
bold text below 14 point), the contrast ratio between foreground and background color should be at least
background color should be at least 4.5:1. For large fonts, the contrast ratio should be
should be 3:1 or greater.
Note 2: Since the contrast measurements in the test were carried out using screenshots
the test results may differ from the actual color values. It is
possible that the colors are displayed differently on the screenshot than on the
screen of the device. For this reason, the test results should be regarded as guide values.
should be regarded as guidelines.

Personal Space

  • [ ] Both the size information and the time information on the page do not meet the contrast do not meet the contrast requirements for texts, as the contrast ratio is currently
    is currently well below 4.5:1.
    The text at the bottom of the page, which shows the number of directories and
    files also does not meet the contrast requirements for text.

    image

-> The colors for the brighter text and the icons are using standard system-provided colors used by iOS throughout the system. Enabling the option Increase Contrast (Kontrast erhöhen) in System Settings also increases the contrast here:

Without Increase Contrast With Increase Contrast
Image Image
  • [ ] The button labels (see screenshot) do not meet the contrast requirements for text.
    contrast requirements for text.

    image

-> The color for the button label is using a standard system-provided color used by iOS throughout the system. Enabling the option Increase Contrast (Kontrast erhöhen) in System Settings also increases the contrast here:

Without Increase Contrast With Increase Contrast
Image Image

Menu

  • The URL of the user account does not meet the contrast requirements for texts.
    image

**-> As of v12.4, the color contrast is increased: **
Image

  • When focusing on active buttons in the menu, such as
    "Personal", the color of the text changes in such a way that the contrast
    contrast requirements for texts are no longer met.
    image

** -> As of v12.4, the colors have been changed to avoid this issue: **
Image

Shared with me

  • The size specifications as well as the time specifications and texts such as "Shared
    by ..." on the page do not meet the contrast requirements for texts, as the current contrast
    current contrast ratio is well below 4.5:1.

  • [ ] The labels of the "Accept" and "Reject" buttons do not meet the contrast requirements for texts.
    do not meet the contrast requirements for texts.

    image

-> The color for the button label is using a standard system-provided color used by iOS throughout the system. Enabling the option Increase Contrast (Kontrast erhöhen) in System Settings also increases the contrast here:

Without Increase Contrast With Increase Contrast
Image Image

Shared with others

  • [ ] All texts that begin with "Shared by ..." do not fulfill the contrast requirements
    for texts, as the current contrast ratio is well below the value of 4.5:1.
    image

-> The colors for the brighter text and the icons are using standard system-provided colors used by iOS throughout the system. Enabling the option Increase Contrast (Kontrast erhöhen) in System Settings also increases the contrast here:

Without Increase Contrast With Increase Contrast
Image Image

Spaces

  • Depending on which background image is used for Space buttons,
    it could be that the contrast requirements for the labels are not met.
    are not met. It is therefore best to place the labels below or above the images.
    above the images.

-> Re-arranging the text would require wider layout changes and require more of the scarce, vertical space. This issue has therefore been resolved in #1451 by adding a dark background to the text if the iOS option Increase Contrast is enabled.

Spaces Grid Spaces Root Folder
Image Image

Add Account

  • [ ] The labels of the "Cancel" and "Continue" buttons do not meet the contrast requirements for texts.
    contrast requirements for texts.
    (** -> the Add Account wizard was replaced in the meantime: [feature/account-wizard] Add account wizard #1274 **)
@tschiebel tschiebel added Type:bug Something isn't working p3-medium Normal priority Accessibility labels Apr 5, 2024
@TheOneRing TheOneRing added this to the 12.3-Next milestone May 21, 2024
@tbsbdr tbsbdr added p2-high Escalation, on top of current planning, release blocker and removed p3-medium Normal priority labels Sep 17, 2024
@felix-schwarz felix-schwarz self-assigned this Mar 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility p2-high Escalation, on top of current planning, release blocker Type:bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants