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

fix: header and footer accessibility fixes: color contrast and image titles #427

Merged
merged 1 commit into from
Dec 12, 2022

Conversation

JoshuaKGoldberg
Copy link
Contributor

What type of PR is this? (check all applicable)

  • πŸ• Feature
  • πŸ› Bug Fix
  • πŸ“ Documentation Update
  • 🎨 Style
  • πŸ§‘β€πŸ’» Code Refactor
  • πŸ”₯ Performance Improvements
  • βœ… Test
  • πŸ€– Build
  • πŸ” CI
  • πŸ“¦ Chore (Release)
  • ⏩ Revert

Description

Related Tickets & Documents

Fixes #426

Mobile & Desktop Screenshots/Recordings

I wasn't sure what style change for the Sign In button would be best. Adding the text shadow meant I didn't need to add any new colors to the palette. In theory any change that increases color contrast just a bit could work, such as:

  • Using a different (darker) orange
  • Using a different color combo altogether
Before After
Before screenshot of white text on orange background After screenshot of white shadowed text on orange background

Added tests?

No(t yet). I'd love to add aXe in e2e tests but see the infra is actively being worked on in #403 -> #422

  • πŸ‘ yes
  • πŸ™… no, because they aren't needed
  • πŸ™‹ no, because I need help

Added to documentation?

  • πŸ“œ README.md
  • πŸ““ docs.opensauced.pizza
  • πŸ• dev.to/opensauced
  • πŸ“• storybook
  • πŸ™… no documentation needed

[optional] What gif best describes this PR or how it makes you feel?

Cronk from Emperor's New Groove suavely saying "oh yeah it's all coming together"

@netlify
Copy link

netlify bot commented Dec 11, 2022

βœ… Deploy Preview for hot-sauced-ui ready!

Name Link
πŸ”¨ Latest commit 6d1e1b2
πŸ” Latest deploy log https://app.netlify.com/sites/hot-sauced-ui/deploys/6396336296898f00090fc33c
😎 Deploy Preview https://deploy-preview-427--hot-sauced-ui.netlify.app/
πŸ“± Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Congrats on making your first Pull Request and thanks for taking the time to improve Open Sauced! ❀️! πŸŽ‰πŸ•
Say hello by joining the conversation in our Discord

src/components/Footer.tsx Show resolved Hide resolved
@bdougie bdougie merged commit c154634 into open-sauced:beta Dec 12, 2022
@JoshuaKGoldberg JoshuaKGoldberg deleted the a11y-header-footer branch December 12, 2022 23:31
github-actions bot pushed a commit that referenced this pull request Dec 12, 2022
## [2.29.0-beta.3](v2.29.0-beta.2...v2.29.0-beta.3) (2022-12-12)

### πŸ› Bug Fixes

* header and footer accessibility fixes: color contrast and image titles ([#427](#427)) ([c154634](c154634))
* typo in handleVoteUpdateByRepo.ts ([#424](#424)) ([4033a80](4033a80))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 2.29.0-beta.3 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

github-actions bot pushed a commit that referenced this pull request Dec 17, 2022
## [2.30.0-beta.1](v2.29.0...v2.30.0-beta.1) (2022-12-17)

### πŸ• Features

* create admin status bar ([#401](#401)) ([91b1ee3](91b1ee3)), closes [#110](#110)

### πŸ› Bug Fixes

* e2e testing not working in CI ([#421](#421)) ([8fd254f](8fd254f))
* header and footer accessibility fixes: color contrast and image titles ([#427](#427)) ([c154634](c154634))
* typo in handleVoteUpdateByRepo.ts ([#424](#424)) ([4033a80](4033a80))
* use aria-label instead of title for footer icons ([#428](#428)) ([7b150a6](7b150a6))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 2.30.0-beta.1 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

github-actions bot pushed a commit that referenced this pull request Dec 17, 2022
## [2.30.0](v2.29.0...v2.30.0) (2022-12-17)

### πŸ• Features

* create admin status bar ([#401](#401)) ([91b1ee3](91b1ee3)), closes [#110](#110)

### πŸ› Bug Fixes

* e2e testing not working in CI ([#421](#421)) ([8fd254f](8fd254f))
* header and footer accessibility fixes: color contrast and image titles ([#427](#427)) ([c154634](c154634))
* typo in handleVoteUpdateByRepo.ts ([#424](#424)) ([4033a80](4033a80))
* use aria-label instead of title for footer icons ([#428](#428)) ([7b150a6](7b150a6))
@github-actions
Copy link

πŸŽ‰ This PR is included in version 2.30.0 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Bug: A few small accessibility issues
2 participants