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

Generate WCAG compliant Images for Backgrounds instead of using files in `img_bg #265

Open
VickiLanger opened this issue Nov 2, 2020 · 1 comment
Labels
Accessibility enhancement New feature or request Hacktoberfest Requesting input/assistance from anyone help wanted Extra attention is needed

Comments

@VickiLanger
Copy link
Owner

VickiLanger commented Nov 2, 2020

Is your feature request related to a problem? Please describe.
Currently, a light-colored translucent box is used on top of the background images. It was used as a way to make the words accessible, but it's hindering the legibility in a lot of cases.

Describe the solution you'd like
Generate a background image that complies with WCAG a11y standards.

Describe alternatives you've considered
randomized pride flag colored backgrounds masked to lighten them up and allow for AA accessibility

Additional context
Currently using images in the img_bg folder. get_img_for_tweet.py is used to add text to those images.
#2
#250
#147
https://pillow.readthedocs.io/en/stable/reference/Image.html#PIL.Image.new
https://alexwlchan.net/2020/03/stripey-flag-wallpapers/
https://alexwlchan.net/2016/10/wallpapers-with-pillow/
https://alexwlchan.net/2016/10/tiling-the-plane-with-pillow/


Image Requirements

  • in one of the standard fonts, include twitter handle @LGBTQotd somewhere on the image
  • Must adhere to WCAG accessibility standards for contrast and color blindness with #0b3c49 a dark blue as the text that will be on them.
  • Dimensions should be 1600 x 900 16:9

Standard Fonts

Standard Colors

  • #0b3c49 a dark blue used for text
  • #f2a130 an orangey yellow
  • #444444 a dark gray
  • #86b500 greenish
  • #f4f4f4 almost white, kinda gray

Proposed workflow:

  1. Fork this repo
  2. Add images to img_bg keeping to the existing naming conventions:
    • Each image should have the twitter handle and meet accessibility standards
    • follow the examples in img_bg
  3. Once you are done and checked for typos, commit it & push your work to your fork
  4. Submit a PR against this repo

Someone will look it over and, if deemed appropriate, will merge your PR.

Thanks for contributing!


Don't forget to follow the bot on Twitter to see the hard work you put in.

@VickiLanger VickiLanger added enhancement New feature or request help wanted Extra attention is needed Hacktoberfest Requesting input/assistance from anyone Accessibility labels Nov 2, 2020
@VickiLanger
Copy link
Owner Author

VickiLanger commented Nov 3, 2020

Started in: generate_stripey_backgrounds.py

https://github.com/VickiLanger/LGBTQ-of-the-day-bot/blob/production/generate_stripey_backgrounds.py

heavily influenced (mostly the same as) by https://alexwlchan.net/2020/03/stripey-flag-wallpapers/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Accessibility enhancement New feature or request Hacktoberfest Requesting input/assistance from anyone help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

1 participant