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

[Bug][a11y] Insufficient contrast of the orange spinner for button in loading state #437

Open
1 task done
pya35 opened this issue Jan 31, 2025 · 0 comments
Open
1 task done
Labels
👂 acessibility A11y issues or improvements 🐞 bug Something isn't working 📱 demo app Update of the Demo App 🧰 library 🔍 triage A new issue that needs to be treated

Comments

@pya35
Copy link
Member

pya35 commented Jan 31, 2025

Prerequisites

Your test device

iPhone 14 Plus

OS Version

iOS 18.3

App version

0.10.0

App build number

1737966409

App build type

alpha

App orientation

No response

Device language

No response

App language

No response

Describe the issue

On component BUTTON, in loading state, the contrast of the orange (#f16e00) spinner is not sufficient with light background (white or light gray) for mobile use.

Image

Expected Behavior

Mobile recommendation is to reach the WCAG level AAA for color contrast, meaning :

  • 4.5:1 for large texts or non-text contents,
  • 7:1 for texts.

Better to use black color instead for the loader

Accessibility settings

"High contrast" mode doesn't have effect on the component itself.
You could check if the user has enabled this mode thanks to @Environment(.colorSchemeContrast) and increase the contrast of the component

@pya35 pya35 added 🐞 bug Something isn't working 🔍 triage A new issue that needs to be treated labels Jan 31, 2025
@ludovic35 ludovic35 added 👂 acessibility A11y issues or improvements 📱 demo app Update of the Demo App 🧰 library labels Feb 4, 2025
@ludovic35 ludovic35 moved this from Triage to Todo in ⚛️ [OUDS] Project Feb 4, 2025
@pylapp pylapp moved this from Todo to Triage in ⚛️ [OUDS] Project Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
👂 acessibility A11y issues or improvements 🐞 bug Something isn't working 📱 demo app Update of the Demo App 🧰 library 🔍 triage A new issue that needs to be treated
Projects
Development

No branches or pull requests

3 participants