Change alt text for westside location image on events page

[SAUMILDHANKAR]

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 westside location on 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

• For the file _includes/events-page/our-locations-content.html, change the alt text:

from

<img class="location-image" src="../assets/images/hack-nights/westside1.png" alt="Westside L.A."  />

to

<img class="location-image" src="../assets/images/hack-nights/westside1.png" alt="Westside" />

• 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 Creating issues to update alt texts on Events page #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:
  https://github.com/hackforla/website/blob/gh-pages/_includes/events-page/our-locations-content.html

Information about WCAG

• WCAG
• Web Accessibility Tutorials: Decorative Images
• WCAG section on alt text

[github-actions]

Hi @KazushiR, thank you for taking up this issue! Hfla appreciates you :)

Do let fellow developers know about your:-
i. Availability: (When are you available to work on the issue/answer questions other programmers might have about your issue?)
ii. ETA: (When do you expect this issue to be completed?)

You're awesome!

P.S. - You may not take up another issue until this issue gets merged (or closed). Thanks again :)

[KazushiR]

Availability for this week: Flexible
My estimated ETA for completing this issue: By end of this week.