Change alt text for Downtown LA Home Unite Us location image on Events page

[raswani2023]

Overview

We need to ensure that alt text for images adhere to Web Content Accessibility Guidelines (WCAG). For this issue, we will change the alt text for the Downtown LA Home Unite Us location on the Events page.

Details

Designers and PMs identified that some alt texts in the Events page should be changed because they are either inaccurate or too long. Ideally, alt text should be descriptive but short and succinct. According to the WCAG page, an accompanying alt text should be short. Additionally, the Functional Accessibility Evaluator (FAE) recommends for alt text to be no more than 100 characters.

Action Items

• In the file _includes/events-page/our-locations-content.html, change line 121 of the alt text:

from

<img id="mini-img" src="../assets/images/projects/home-unite-us.png" alt="Home Unite Us Project" />

to

<img id="mini-img" src="../assets/images/projects/home-unite-us.png" alt="" />

• For merge team: Once the pull request associated with this issue is approved and merged, please update and edit epic Creating issues to update alt texts on Events page #3132 by
  • Checking off the dependency for this issue
  • If all dependencies are checked off, please move issue Creating issues to update alt texts on Events page #3132 to the New Issue Approval column and remove the Dependency label

Resources/Instructions

This issue is part of epic #3132
Events page
Alt text decision Tree
FAE rule 4: alt text should be less than 100 characters

File and code links you will need to work on this issue

Directory to find the page once you have it in your IDE: _includes/events-page/our-locations-content.html
Click on the link below to see the source file code:

website/_includes/events-page/our-locations-content.html

Line 121 in f4fab74

<img id="mini-img" src="../assets/images/projects/home-unite-us.png" alt="Home Unite Us Project" />

[github-actions]

Hi @raswani2023.

Good job adding the required labels for this issue. The merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to create issues
• Wiki: How to read and interpret labels

[tamara-snyder]

Hi @raswani2023, great work creating this issue. Please remember to add any new issues you create to the Project Board. Thanks!

[JessicaLucindaCheng]

• Due to changes in Events page: Remove projects from Our Locations section #3027, this issue is no longer valid because that image no longer exists on the page.