-
Notifications
You must be signed in to change notification settings - Fork 116
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 accessibility violation by moving text to top of dialog on SelectPanel #3103
Conversation
🦋 Changeset detectedLatest commit: 83b043c The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This LGTM but @langermank or @lukasoppermann should also check this over.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm ok with this too, but I wonder if a longer-term fix is to set a max height instead of a min.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It looks a little off balanced to me, but without digging into the CSS I don't really have an alternative. Maybe it would look a little better with a little bit more padding on the top? But I don't think its worth blocking this.
Yeah I agree with adding a bit more padding 👍 |
Looks like tests are failing under Rails main, I'll take a look. EDIT: should be fixed by #3118 |
Authors: Please fill out this form carefully and completely.
Reviewers: By approving this Pull Request you are approving the code change, as well as its deployment and mitigation plans.
Please read this description carefully. If you feel there is anything unclear or missing, please ask for updates.
What are you trying to accomplish?
The accessibility violation goes away if the content is presented at the top of the container element. Maybe it's not the best design wise so suggesting we make this change for now and then see if design want us to do some work to fix this in a different way.
Screenshots
Screenshots can be found here
Integration
No
List the issues that this change affects.
Closes https://github.com/github/primer/issues/3958
Closes https://github.com/github/primer/issues/4019
Risk Assessment
Just a small layout tweak.
What approach did you choose and why?
This is the simplest way to fix the accessibility violation.
Anything you want to highlight for special attention from reviewers?
Accessibility
Merge checklist
Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.