SiteMap Page: Update alt text for Page Card Icon image to adhere to WCAG

[Maarimar]

Prerequisite

1. Be a member of Hack for LA. (There are no fees to join.) If you have not joined yet, please follow the steps on our Getting Started page.
2. Please make sure you have read our Hack for LA Contributing Guide before you claim/start working on an issue.

Overview

As a developer, we need to provide clear and descriptive alt text on the SiteMap page page so that we adhere to the Web Content Accessibility Guidelines (WCAG) and we can achieve our mission of inclusivity.

Action Items

• [ ] Change the image alt property value within: pages/sitemap.html

From:

<img src="/assets/images/sitemap/site.svg">

To:

<img src="/assets/images/sitemap/site.svg" alt="">

• [ ] Ensure that the corresponding SiteMap page stays the same after the change
• [ ] Using developer tools to inspect the image, ensure that the new alt text gets incorporated after the change.
  • Note: alt="" in code while show up as alt when using developer tools to inspect the image's alt text property.

For PM, Merge Team, or Tech Lead

• [ ] Once the pull request associated with this issue is approved and merged, please update and edit epic #3859 by
  • [ ] Checking off the dependency for this issue
  • [ ] If all dependencies are checked off, please move issue #3859 to the New Issue Approval column and remove the Dependency label

Resources/Instructions

• SiteMap page

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

• Directory to find the page in once you have it in your IDE: pages/sitemap.html
• Click on the filename below to see the source file code: Location of the Code
• This issue is part of epic #3859

Background information about the Jekyll framework (optional reading)

• Jekyll Data Files
• Jekyll Front Matter

Information about WCAG and alt text (optional reading)

• WCAG
• Web Accessibility Tutorials: Decorative Images
• WCAG section on alt text
• Alt text decision Tree
• FAE rule 4: alt text should be less than 100 characters

[github-actions[bot]]

Hi @Panipopomango, HfLA appreciates your interest in this issue, but please note that it is in the "New Issue Approval" column of the Project Board because it has not been finalized, approved, or prioritized, and so it is not ready for assignment. For this reason, you have been unassigned from this issue. Please remember to assign issues only from the "Prioritized Backlog" column.

The only exceptions to this rule are if you are writing an issue and the Draft label is applied, or if you are self-assigning to your "Pre-work Checklist" (the issue includes the Complexity: Prework label).

[github-actions[bot]]

Hi @jenjenkayi, 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 :)

[jenjenkayi]

i. Availability: 5/22 3-5pm pst ii. ETA: 5/22 by 5pm