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

Add labels for pyrepl component #322

Merged
merged 3 commits into from
May 19, 2022
Merged

Conversation

ic-768
Copy link
Contributor

@ic-768 ic-768 commented May 10, 2022

Added labels to pyrepl code editor and run button per issue #75

The labels reference their respective components by ID using the HTMLFor attribute.
They are styled to be visually hidden whilst being readable by screen-readers.

The only visible difference should be if you inspect the HTML and look for label elements, like so:

screenshot

The UI is completely unaffected due to hiding the elements with CSS.

Screen readers should have no problem reading the label text and attributing it to the element referenced by ID using HTMLFor

@fpliger
Copy link
Contributor

fpliger commented May 13, 2022

@ic-768 can you add instructions on how to test this and/or a screenshot of what it looks like?

@fpliger fpliger added waiting on reporter Further information is requested from the reported status: paused PR that has been put on hold labels May 13, 2022
@ic-768
Copy link
Contributor Author

ic-768 commented May 17, 2022

@ic-768 can you add instructions on how to test this and/or a screenshot of what it looks like?

Added a screenshot - not sure how to test other than using a screenreader to make sure that the reading works as intended.

@fpliger fpliger removed the waiting on reporter Further information is requested from the reported label May 18, 2022
Copy link
Contributor

@fpliger fpliger left a comment

Choose a reason for hiding this comment

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

@ic-768 thanks for the contribution on this. It was conflicting with main so I had to fix merge conflicts. TY!! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: paused PR that has been put on hold
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants