Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Program Areas: Update alt text for join us footer mobile image to adhere to WCAG #3878

Closed
3 tasks done
MattPereira opened this issue Jan 26, 2023 · 2 comments · Fixed by #4228
Closed
3 tasks done
Assignees
Labels
Feature: Accessibility Issues that would broaden website accessibility good first issue Good for newcomers role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers size: 1pt Can be done in 4-6 hours

Comments

@MattPereira
Copy link
Contributor

MattPereira commented Jan 26, 2023

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 Program Areas 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/program-areas.html:

From:

alt="join us card image"

To:

alt=""
  • Ensure that the corresponding Program Areas 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.

Resources/Instructions

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/program-areas.html
  • Click on the filename below to see the source file code:
    alt="join us card image"

Background information about the Jekyll framework (optional reading)

Information about WCAG and alt text (optional reading)

@MattPereira MattPereira added good first issue Good for newcomers role: front end Tasks for front end developers role: back end/devOps Tasks for back-end developers Feature: Accessibility Issues that would broaden website accessibility ready for dev lead Issues that tech leads or merge team members need to follow up on size: 1pt Can be done in 4-6 hours labels Jan 26, 2023
@MattPereira MattPereira added this to the w. Accessibility milestone Jan 26, 2023
@MattPereira MattPereira added Ready for Prioritization and removed ready for dev lead Issues that tech leads or merge team members need to follow up on labels Jan 29, 2023
@nnr-nnr nnr-nnr self-assigned this Mar 21, 2023
@github-actions
Copy link

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

@nnr-nnr
Copy link
Member

nnr-nnr commented Mar 21, 2023

Availability: 1–7 PM 3/21–23
ETA: 3 PM 3/22

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature: Accessibility Issues that would broaden website accessibility good first issue Good for newcomers role: back end/devOps Tasks for back-end developers role: front end Tasks for front end developers size: 1pt Can be done in 4-6 hours
Projects
Development

Successfully merging a pull request may close this issue.

3 participants