Change alt text for Palms neighborhood council image in citizen engagement html file #3102
Description
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 Palms neighborhood council image on citizen engagement page.
Details
Designers and PMs identified that some alt texts in the Citizen Engagement 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
pages/citizen-engagement.html, change line 51 for the alt text:
from
<img class="org-img" src="/assets/images/citizen-engagement/palms_neighborhood_council.svg" alt="palms neighborhood council logo">
to
<img class="org-img" src="/assets/images/citizen-engagement/palms_neighborhood_council.svg" alt="Palms Neighborhood Council">
- For merge team: Once the pull request associated with this issue is approved and merged, please update and edit epic Change alt texts for images on citizen engagement page #3089 by
- Checking off the dependency for this issue
- If all dependencies are checked off, please move issue Change alt texts for images on citizen engagement page #3089 to the New Issue Approval column and remove the Dependency label
Resources/Instructions
- This issue is part of epic Change alt texts for images on citizen engagement page #3089
- Citizen Engagement 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:
pages/citizen-engagement.html - Click on the link below to see the source file code:
website/pages/citizen-engagement.html
Line 51 in f2ce898