Skip to content
This repository has been archived by the owner on Nov 6, 2023. It is now read-only.

iOS - Arrows from an Opened Link on the "About" Screen - Have Poor Color Contrast #151

Open
jfc3-dol opened this issue Aug 28, 2020 · 4 comments

Comments

@jfc3-dol
Copy link

I noticed the there are two arrows, for I assume "Previous" and "Next" links, and they have poor color contrast. If you made the arrows white ( #ffffff ) on the dark gray background ( #494949 ) like the "Done" button text, they would pass.

Plus, when reading with VoiceOver, they both read "Unpronounceable". I am assuming they should be "Previous" and "Next" links.

NOTE: This issue is likely the same for Android and web too.

Please see the attached screenshot.

ilab - comply chain - ios - about screen - color contrast issue with arrows at bottom of screen

@jfc3-dol
Copy link
Author

The link at top of screen after opening an external page on the About screen do not have enough color contrast. If you change the link text color to black ( #000000 ) or a charcoal gray ( #3d3d3d ) it will pass.

I assume this could be an issues on other pages too.

Please see the attached screenshot.

ilab comply chain - about screen - Links at top of screen do not have enoguh colro contrast

@jfc3-dol
Copy link
Author

jfc3-dol commented Apr 30, 2021

There is still a color contrast issue for the "Previous" and "Next" buttons pointed out on August 28, 2020.

@jfc3-dol
Copy link
Author

@pbhatt17

The color contrast ratio is 2.9:1 and needs to be 4.5:1 or higher to pass. If you can not make the highlighted arrows' color lighter, such as white like the text. Then change the background to black.

Please see the attached screenshot.

ilab - comply chain - about page - after opening link the previous and next arrows do not have enough color contrast

@jfc3-dol
Copy link
Author

jfc3-dol commented Sep 8, 2021

@pbhatt17

The "Previous" and "Next" arrows ( #4A4A4A ) on the dark gray background ( #1C1C1C ) have a color contrast ratio of 1.9:1 and need to be 4.5:1 or higher to pass.

Either make the arrows white or the same shade of blue of the "Done" text to pass.

screenshot

IMG_0203

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant