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

create high contrast mode #63

Open
julesparra opened this issue Jul 7, 2021 · 0 comments
Open

create high contrast mode #63

julesparra opened this issue Jul 7, 2021 · 0 comments
Assignees
Labels
accessibility🦻 improvements/additions to make the site more accessible for all users

Comments

@julesparra
Copy link
Member

julesparra commented Jul 7, 2021

@AkiPraveen, info below was our original outline for HCM, but feel free to implement your plan.

//
requirements:

  1. alternative stylesheet for each page (home, sponsor, and donate) that override original styling
  2. button on each page to toggle high contrast mode on/off

changes needed in alternative stylesheet:

👀 Bootstrap switch - fill should be pink & default state should be "off" (add to leftmost part of navbar, decrease side space between navbar links)

you can test on Windows with High Contrast Mode (try all options)!

🆘 reference with comparative examples

@julesparra julesparra added the accessibility🦻 improvements/additions to make the site more accessible for all users label Jul 7, 2021
@julesparra julesparra changed the title create high contrast site version create high contrast mode Sep 29, 2021
@julesparra julesparra reopened this Sep 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility🦻 improvements/additions to make the site more accessible for all users
Projects
None yet
Development

No branches or pull requests

2 participants