Skip to content

Luminosity contrast ratio for the days in calendar dialog is 1.7:1 which is less than the standard ratio 4.5:1. #970

New issue

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

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

Already on GitHub? # to your account

Open
mirodr opened this issue Apr 23, 2025 · 0 comments

Comments

@mirodr
Copy link

mirodr commented Apr 23, 2025

Bug report

Summary

Luminosity ratio should be more than 4:5:1 for text contents, the text in the calendar don't have enough contrast with the background therefore makes it hard to read for vision impaired users.

Reproducible sample code

<RNDateTimePicker value={new Date()} display={Platform.OS === "ios" ? "inline" : "default"} mode="date" onChange={() => {}} themeVariant={"light"} />

Steps to reproduce

Just open the calendar

  • Explain the steps we need to take to reproduce the issue:
  1. Open the calendar in "inline" display mode on iOS

Describe what you expected to happen:

Luminosity ratio should be higher than 4:5:1

Environment info

npx react-native info output:

# paste it here

Time zone name (If the problem you have is related to unexpected time / date. See list in https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).

datetimepicker version: 8.1.0

iOS / Android version: 17.5 (iOS)

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant