📚 Documentation: Buttons do not have sufficient contrast using Appwrite Pink [a11y][TheA11y100]

[GrahamTheDevRel]

Issue

The Appwrite pink with white text does not have sufficient contrast (currently #FC356E to #ffffff is a contrast ratio of 3.6:1).

Why it matters

There are millions of people who have poor contrast perception, so it helps make text legible and the site easier to use.

Suggested fix

Check with Appwrite design team, but one possible fix (if unable to use a darker background colour) would be to change the button text to be 19px and bold. This would then pass as "large text" under WCAG AA.

Another option would be black text on the Appwrite Pink (doesn't look great!).

Relevant Success Criterion WCAG

Contrast (Minimum)

Additional Notes

@jasonetorres is interested in this one

Found on stream on 2023-10-25

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[jasonetorres]

@TorstenDittmann Love to chat and get this assigned

[TGlide]

@jasonetorres we need to check with design team beforehand. Will come back to it

[CBID2]

Can I work on this @jasonetorres? I haven't gotten a chance to contribute to Appwrite yet and I really want to :)

[jasonetorres]

When @TGlide clears it for assignment you can take it @CBID2 but you owe me now muahaha

[CBID2]

When @TGlide clears it for assignment you can take it @CBID2 but you owe me now muahaha

Sure @jasonetorres. Any contribution you make to opensauced/pizza-verse, I'll review it! :)

[CBID2]

Hey @TGlide. It's been a month since this issue has been posted & no progress has been made. Can I work on it?

[jasonetorres]

Definitely take it @CBID2 i got a bit backlogged

[CBID2]

Definitely take it @CBID2 i got a bit backlogged

Thanks @jasonetorres! 😁

[TGlide]

@CBID2 we're still waiting for work by our design team to move on this issue :)

[CBID2]

Hey @TGlide! :) Any update from the design team yet?