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-7: Add alt text to careers page images #49513

Merged
merged 2 commits into from
Dec 14, 2022

Conversation

ebeastlake
Copy link
Contributor

This PR adds alt text for these two images. I decided to give the all-employee photo empty alt text because it doesn't feel like it conveys anything in particular, but the Code.org pride photo feels worth explaining.

Screen Shot 2022-12-14 at 10 29 36 AM

Links

Jira ticket: https://codedotorg.atlassian.net/browse/A11Y-7

Testing story

Tested locally with VoiceOver (see output below).

Screen Shot 2022-12-14 at 10 27 13 AM

@ebeastlake ebeastlake requested a review from a team December 14, 2022 18:32
@ebeastlake ebeastlake requested a review from a team as a code owner December 14, 2022 18:32
Copy link
Contributor

@molly-moen molly-moen left a comment

Choose a reason for hiding this comment

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

LGTM, just one typo :)

@@ -7255,6 +7255,8 @@

language_label: "Language"

careers_page_code_pride_alt_text: "Two female-presenting employees smile while holding the ends of a Code.org-branded rainbow banner. Behind them, several people are wearing Code.org shirts and waving rainbow flags while walking alongside a multi-colored Volkswagon bug."
Copy link
Contributor

Choose a reason for hiding this comment

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

typo: should be "Volkswagen"

Copy link
Contributor

Choose a reason for hiding this comment

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

Wow TIL

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Good catch!

@@ -7255,6 +7255,8 @@

language_label: "Language"

careers_page_code_pride_alt_text: "Two female-presenting employees smile while holding the ends of a Code.org-branded rainbow banner. Behind them, several people are wearing Code.org shirts and waving rainbow flags while walking alongside a multi-colored Volkswagon bug."
Copy link
Contributor

Choose a reason for hiding this comment

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

I really like that you added this description!

Nit: I think female has a biological connotation that I don't think you're intending. Maybe feminine-presenting or woman-presenting? Language for gender is evolving which makes this hard!

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.

Heck yes! Thank you for incorporating feedback and writing a great description!

@ebeastlake ebeastlake merged commit f97ed1e into staging Dec 14, 2022
@ebeastlake ebeastlake deleted the task/a11y-7/careers-page-alt-text branch December 14, 2022 21:08
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

4 participants