Skip to content

Conversation

@CBID2
Copy link
Contributor

@CBID2 CBID2 commented Jan 31, 2024

Proposed Changes

This PR does the following changes to make the website more accessible:

  • Changes the current primary color to #2d63bc. This helps the background color more readable to users with low-vision(see screenshot for reference)
  • Assigning <label> elements in the header for=""attributes and aria-labels This make the header more semantic, thus easier for screen reader uses to navigate this part of the website.

Screenshot

This one refers to the first proposed change.
color-contrast-exam-passed
This result refers to the second proposed change.
evidence of success

Related Tickets and Documents

Closes #103

Note to Reviewers

The PR is in draft mode because I'm still trying to figure out a way to implement a <form> element without messing up the header.
Update(1/31): I'm finished! :)

@netlify
Copy link

netlify bot commented Jan 31, 2024

👷 Deploy request for public-github-stats pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 26c05fe

@CBID2 CBID2 marked this pull request as ready for review February 1, 2024 04:10
@CBID2
Copy link
Contributor Author

CBID2 commented Feb 1, 2024

Hi @Balastrong! :) My PR is ready for review! :)

Copy link
Member

@Balastrong Balastrong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for the accessibility improvements! LGTM! :D

@Balastrong Balastrong merged commit 6b7acc9 into DevLeonardoCommunity:main Feb 1, 2024
@CBID2 CBID2 deleted the making-colors-more-accessible branch February 1, 2024 17:39
@Balastrong
Copy link
Member

@all-contributors please add @CBID2 for code a11y

@allcontributors
Copy link
Contributor

@Balastrong

I've put up a pull request to add @CBID2! 🎉

theflucs pushed a commit to theflucs/github-stats that referenced this pull request Feb 5, 2024
* main:
  docs: add CBID2 as a contributor for code, and a11y (DevLeonardoCommunity#109)
  fix: making the webpage more accessible (DevLeonardoCommunity#105)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[a11y]: color contrast is low and missing labels for the for form

2 participants