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

Visual Strain: Code Block Labels #49

Open
kekoziar opened this issue May 8, 2023 · 3 comments
Open

Visual Strain: Code Block Labels #49

kekoziar opened this issue May 8, 2023 · 3 comments
Labels
a11y This issue is related to accessibility help wanted Extra attention is needed

Comments

@kekoziar
Copy link

kekoziar commented May 8, 2023

I'm checking the repo I maintain (git novice) after transitioning to the workbench, and notice significant visual strain when reading the bash input and output, because the text is on the left side, while the label is on the right. My eyes are constantly scanning back and forth, and it's actually making me nauseated.

I highly recommend making the label left justified so it's easier to read.

@kekoziar kekoziar changed the title Visual Strain Visual Strain: Code Block Labels May 8, 2023
@zkamvar zkamvar added help wanted Extra attention is needed a11y This issue is related to accessibility labels May 9, 2023
@zkamvar
Copy link
Contributor

zkamvar commented May 9, 2023

Thanks for informing us of this accessibility issue. Accessibility was a key consideration with the transition to the new template. While we reviewed many issues during the design phase and subsequent testing period, we know additional issues may come up after launch.

It will require time for us to assess along with other issues that may emerge now that the transition is complete. Thanks for bringing it to our attention.

@kekoziar
Copy link
Author

kekoziar commented May 9, 2023

Here are some resources which indicate left-to-right languages should be left justified. While they only explicitly state for labels on forms that left-to-right languages should have labels on the left side, they model having labels and headers for text blocks on the left side.

https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Supplemental_Guidance:_Text_Justification
https://accessibility.huit.harvard.edu/design-readability
https://www.w3.org/WAI/tips/designing/
https://www.ada.gov/resources/web-guidance/

@zkamvar
Copy link
Contributor

zkamvar commented May 9, 2023

Thank you for the resources. I will use these when consulting with @elichad and @brynnelliott on forward steps.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y This issue is related to accessibility help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants