Creating issues to update alt text for all projects in the _projects collection

[MattPereira]

Dependency

• Expunge Assist: Update alt text for Expunge Assist image to adhere to WCAG #3998
• Home Unite Us: Update alt text for Home Unite Us image to adhere to WCAG #4012
• 100 Automations: Update alt text for 100 Automations image to adhere to WCAG #3868
• 311 Data: Update alt text for 311 Data image to adhere to WCAG #3869
• Access The Data: Update alt text for Access The Data image to adhere to WCAG #3870
• Adopt Civic Art: Update alt text for Adopt Civic Art image to adhere to WCAG #3873
• BallotNav: Update alt text for the BallotNav image to adhere to WCAG #3874
• Brigade Organizers Playbook: Update alt text for the Brigade Organizers Playbook image to adhere to WCAG #3904
• Civic Opportunity Project: Update alt text for the Civic Opportunity Project image to adhere to WCAG #3933
• Civic Tech Index: Update alt text for Civic Tech Index image to adhere to WCAG #3948
• Civic Tech Jobs: Update alt text for Civic Tech Jobs image to adhere to WCAG #3950
• Civic Tech Structure: Update alt text for Civic Tech Structure image to adhere to WCAG #3951
• Los Angeles Criminal Sentencing Project: Update alt text for Los Angeles Criminal Sentencing Project image to adhere to WCAG #3952
• Curbmap: Update alt text for Curbmap image to adhere to WCAG #3953
• Design Systems: Update alt text for Design Systems image to adhere to WCAG #3986
• EMS Triage Tracker: Update alt text for EMS Triage Tracker image to adhere to WCAG #3987
• Engage: Update alt text for Engage image to adhere to WCAG #3997
• Food Oasis: Update alt text for Food Oasis image to adhere to WCAG #3999
• GreenEarthOS: Update alt text for GreenEarthOS image to adhere to WCAG #4000
• Guides Team: Update alt text for Guides Team image to adhere to WCAG #4006
• Heart: Update alt text for Heart image to adhere to WCAG #4007
• HelloGOV: Update alt text for HelloGOV image to adhere to WCAG #4008
• Jobs for Hope: Update alt text for Jobs for Hope image to adhere to WCAG #4013
• Light The Way: Update alt text for Light The Way image to adhere to WCAG #4014
• Lucky Parking: Update alt text for Lucky Parking image to adhere to WCAG #4015
• Railstats LA: Update alt text for Railstats LA image to adhere to WCAG #4045
• New Schools Today: Update alt text for New Schools Today image to adhere to WCAG #4046
• Not Today: Update alt text for Not Today image to adhere to WCAG #4047
• Open Community Survey: Update alt text for the Open Community Survey image to adhere to WCAG #4049
• Public Tree Map: Update alt text for the Public Tree Map image to adhere to WCAG #4044
• Shared Housing Project: Update alt text for the Shared Housing Project image to adhere to WCAG #4043
• Spare: Update alt text for the Spare image to adhere to WCAG #4042
• LA TDM Calculator: Update alt text for LA TDM Calculator image to adhere to WCAG #4041
• Undebate: Update alt text for the Undebate image to adhere to WCAG #4040
• VRMS: Update alt text for the VRMS image to adhere to WCAG #4037
• Hackforla.org Website: Update alt text for the Hackforla.org Website image to adhere to WCAG #4036
• Work for LA: Update alt text for the Work for LA image to adhere to WCAG #4031
• Write for All: Update alt text for the Write for All image to adhere to WCAG #4026
• Youth Justice Nav: Update alt text for the Youth Justice Nav image to adhere to WCAG #4023

Overview

We need to ensure the alt text for project images adhere to Web Content Accessibility Guidelines (WCAG). For this epic, we will write issues to change the alt text for all project files in the _projects collection.

Details

Product Manager identified that the alt text for project images should be changed because they are either inaccurate or too long. According to the WCAG page, alt text should be descriptive but short and succinct.

Instructions

• For each project, we will create an issue using the Title Template and Body Template from the Resources section of this issue.
• [ PROJECT NAME ], [ PROJECT MD FILE ], and [ PROJECT SLUG ] will be replaced with the corresponding values for each project.
• If you start with the Alt Text Audit - Dev issue template, most of the appropriate labels will be automatically added, but you will have to replace both the title and body of the issue completely with the templates provided below.

Action Items

• This issue should only be assigned to a lead.
• In the Dependency section of this issue, replace each project name with a link to the newly created issue that addresses changing the project's alt value
• Once all the necessary issues have been created and added to this issue's dependency section, add a dependency label and move this issue to icebox column.
• If all the dependency issues are closed, remove the dependency label, move this issue from ice box to In progress column and close this issue.

Resources

• _projects collection folder
• How to create issues wiki
• PM Comment that sparked this epic issue

Title Template

[ PROJECT NAME ]: Update alt text for the [ PROJECT NAME ] image to adhere to WCAG

Body Template

### 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](https://www.hackforla.org/getting-started).
2. Please make sure you have read our **[Hack for LA Contributing Guide](https://github.com/hackforla/website/blob/gh-pages/CONTRIBUTING.md)** before you claim/start working on an issue.
### Overview
As a developer, we need to provide clear and descriptive alt text for the [PROJECT NAME] image so that we adhere to the Web Content Accessibility Guidelines (WCAG) and we can achieve our mission of inclusivity.
### Action Items
- [ ] Change the alt value within `_projects/[ PROJECT MD FILE ]`:

**From:**
```
alt: [ REPLACE WITH CURRENT ALT VALUE ]
```
**To:**
```
alt: [ PROJECT NAME ]
```
**For PM, Merge Team, or Tech Lead**
- [ ] Once the pull request associated with this issue is approved and merged, please update and edit epic #3866 by
  - [ ] Checking off the dependency for this issue
  - [ ] If all dependencies are checked off, please move issue to the New Issue Approval column and remove the Dependency label

### Resources/Instructions
-  [ PROJECT NAME ] Page: https://www.hackforla.org/projects/[ PROJECT SLUG ] 

#### 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:  `_projects/[ PROJECT MD FILE ]`
- See the source file code on the repo: https://github.com/hackforla/website/blob/gh-pages/_projects/[ PROJECT MD FILE ]
- This issue is part of epic #3866

#### Background information about the Jekyll framework (optional reading)
- [Jekyll Data Files](https://jekyllrb.com/docs/datafiles/)
- [Jekyll Front Matter](https://jekyllrb.com/docs/front-matter/)

#### Information about WCAG and alt text (optional reading)
- [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/)
- [Web Accessibility Tutorials: Decorative Images](https://www.w3.org/WAI/tutorials/images/decorative/)
- [WCAG section on alt text](https://www.w3.org/WAI/WCAG21/Techniques/html/H37.html)
- [Alt text decision Tree ](https://www.w3.org/WAI/tutorials/images/decision-tree/)
- [FAE rule 4: alt text should be less than 100 characters](https://fae.disability.illinois.edu/rulesets/IMAGE_4_EN/)

[ExperimentsInHonesty]

@MattPereira is there a template for the issues that you are making?

Example

In my example, I didn't make a template in the repo because it was only three issues: #3891

But given that the issues you will be making are many more, I would make a template, that way all the labels are automatically added each time you use it. But you can see from my template, I put in placeholders [TEXT IN CAPS] wherever I needed to replace something in the new issue.

[MattPereira]

Progress: Most of the issues are created
Blockers: No blockers just a long tedious grind
Availability: 6 hours
ETA: End of Week

[chriskong217]

The project slug should be the actual name of the project, and should not include .md at the end. Putting .md at the end of the link will result in a 404 error.
In your template above, it has the following formatting:

Resources/Instructions

• [ PROJECT NAME ] Page: https://www.hackforla.org/projects/[ PROJECT SLUG ]

• In this issue: Work for LA: Update alt text for the Work for LA image to adhere to WCAG #4031
  It currently says the following:

Work for LA Page: https://www.hackforla.org/projects/work-for-la.md

It should say:
Work for LA Page: https://www.hackforla.org/projects/work-for-la

[chriskong217]

• On this issue: Home Unite Us: Update alt text for Home Unite Us image to adhere to WCAG #4012
  The link to the project leads to the 311 data page, which is a different project.
  This is what the issue currently displays:

Resources/Instructions
https://www.hackforla.org/projects/311-data

The link should display the correct Home Unite Us link.

[ExperimentsInHonesty]

• One of the issues was stuck because someone sat on it for a month and a half. I have unassigned them and put it back in the prioritized backlog. Expunge Assist: Update alt text for Expunge Assist image to adhere to WCAG #3998

• Another issue was merged, but the PR had the wrong Issue number as fixed (they used the same number as the PR). Home Unite Us: Update alt text for Home Unite Us image to adhere to WCAG #4012

[t-will-gillis]

It appears that all 'dependency' issues tracked by this issue have been closed and as a result this issue was moved to "New Issue Approval" (?) and the Dependency label was removed.

Per the last "Action Item", this issue should be moved to "In progress" and then be closed.