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

A11y 35 alt text circuit playground images #49641

Merged
merged 2 commits into from
Jan 5, 2023

Conversation

mgc1194
Copy link
Contributor

@mgc1194 mgc1194 commented Jan 4, 2023

Adding alt text to the following images:
image

Links

Testing story

Testing links: http://localhost-studio.code.org:3000/maker/setup?enableExperiments=microbit
image

Used Screen Reader Chrome extension to test Alt text.

PR Checklist:

  • Tests provide adequate coverage
  • Privacy and Security impacts have been assessed
  • Code is well-commented
  • New features are translatable or updates will not break translations
  • Relevant documentation has been added or updated
  • User impact is well-understood and desirable
  • Pull Request is labeled appropriately
  • Follow-up work items (including potential tech debt) are tracked and linked

@mgc1194 mgc1194 self-assigned this Jan 4, 2023
@mgc1194 mgc1194 marked this pull request as ready for review January 4, 2023 21:53
@mgc1194 mgc1194 requested a review from a team as a code owner January 4, 2023 21:53
Copy link
Contributor

@hannahbergam hannahbergam left a comment

Choose a reason for hiding this comment

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

A comment on whether including the title in both descriptions is necessary, but I think I could go either way! LGTM!

@@ -361,6 +361,7 @@
"makerSetupChromebookHistoricalNote": "Previously, we required the installation of the Code.org Serial Connector to use the Maker Toolkit with Chromebooks. This is no longer needed. If you have the Code.org Serial Connector installed, you may uninstall it if you wish. We will be removing it from the Chrome Web Store at the end of November. This will not affect your experience with the Maker Toolkit and requires no action from you.",
"makerSetupChromebookPage": "Open this page ([{makerSetupPage}]({makerSetupPage})) on your Chromebook.",
"makerSetupCircuitPlaygroundDescription": "The Adafruit [Circuit Playground Express](https://www.adafruit.com/product/3399) (and the older [Circuit Playground Classic](https://www.adafruit.com/product/3000)) is a programmable circuit board with built-in components that make getting started with physical computing quick and fun.\n\nIn the physical computing unit of [Computer Science Discoveries](https://code.org/educate/csd) students use the Circuit Playground tethered via USB to their computers to allow for online curriculum integration and interactive debugging of programs.\n\nPlease follow the instructions below to connect your board to Code.org.",
"makerSetupCircuitPlaygroundImageAltText": "The Circuit Playground board is a circular circuit board with a USB connector at the top rim, 14 connection pins along the rim, 10 LED lights, two buttons and multiple sensors.",
Copy link
Contributor

Choose a reason for hiding this comment

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

I think these are so great! Interested in feedback: I'm torn on whether the first part 'The circuit playground board' is necessary here. I wonder if the title header is enough context.

Copy link
Contributor

Choose a reason for hiding this comment

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

I'm good with keeping it, but don't have a strong opinion either way!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I do agree, I think either way would be arbitrary. I am going to keep it as is, as the images and Alt text could be used in other parts of the website with less context.

@mgc1194 mgc1194 merged commit ffebf98 into staging Jan 5, 2023
@mgc1194 mgc1194 deleted the a11y-35-alt-text-circuit-playground-images branch January 5, 2023 19:38
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.

None yet

3 participants