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

Update alt text wcag 3875 #3962

Merged
merged 4 commits into from
Feb 26, 2023

Conversation

mademarc
Copy link
Member

@mademarc mademarc commented Feb 11, 2023

Fixes #3875

What changes did you make and why did you make them ?

  • changed the program areas from <img class="page-card-image" src="{{ program_areas[1].image }}" alt="{{ program_areas[1].image_alt }}" />

  • changed to <img class="page-card-image" src="{{ program_areas[1].image }}" alt="" />

  • 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.

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

-no visual changes were made

Visuals before changes are applied

image

Visuals after changes are applied

image

@github-actions
Copy link

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b mademarc-Update-alt-text-WCAG-3875 gh-pages
git pull https://github.com/mademarc/website.git Update-alt-text-WCAG-3875

@github-actions github-actions bot 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 2 weeks inactive An issue that has not been updated by an assignee for two weeks size: 1pt Can be done in 4-6 hours labels Feb 11, 2023
@RyanGehris RyanGehris self-requested a review February 12, 2023 00:50
@RyanGehris
Copy link
Member

Review ETA: 6 PM PT 02/11/2023 Sat
Availability: 6pm-8 PM PT Monday - Friday

RyanGehris
RyanGehris previously approved these changes Feb 12, 2023
Copy link
Member

@RyanGehris RyanGehris left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Your changes are clean and effective in creating a more inclusive HackForLA website! Thanks Marco.

@Jaretzbalba Jaretzbalba self-requested a review February 13, 2023 17:50
@Jaretzbalba
Copy link
Member

Review ETA: EOD 2/13
Availability: 1 hr

Copy link
Member

@Jaretzbalba Jaretzbalba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mademarc Thank you for working on this issue and I see that you were able to remove the alt text as requested in the issue! However, the format of the page was changed in your PR. Please ensure that the rest of the code isn't changed to keep the code readable and clean. i.e. the only change in the file should be on line 24 from the original code with the alt tag.

@mademarc
Copy link
Member Author

Hey @RyanGehris No problem as i am glad to contribute for this great organization :)

@blulady blulady removed the 2 weeks inactive An issue that has not been updated by an assignee for two weeks label Feb 15, 2023
@RyanGehris
Copy link
Member

@mademarc I am glad you enjoy contributing to HackForLA so much! It looks like Jaret requested changes to your pull request. If you have any questions, I recommend reaching out to him directly. Once your changes are made, please let myself and Jaret know. I'd be happy to review it again.

@mademarc
Copy link
Member Author

hey @RyanGehris Thanks for the feedback and will reach out to @Jaretzbalba on this matter :)

@plang-psm
Copy link
Member

@Jaretzbalba @RyanGehris Hey everyone, I worked with @mademarc on this. Seems like we can't kink out the extra spaces so we may just accept it the way it is. We were able to fix the formatting, theres just a few extra spaces we can't seem to get rid of. Please review the changes once more and test in docker to ensure site runs smoothly. Thanks for all your help!

Copy link
Member

@RyanGehris RyanGehris left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The site runs smoothly, and after adding the necessary code changes to comply with WCAG the webpage formatting is unaffected. Great work @mademarc and thank you for helping out @plang-psm

@mademarc
Copy link
Member Author

Thanks @RyanGehris and respect @plang-psm for being cool/professional as well :)

Copy link
Member

@Jaretzbalba Jaretzbalba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mademarc Thank you for making the necessary changes! Everything looks good now and great job on this first issue!

@t-will-gillis t-will-gillis self-requested a review February 26, 2023 22:12
Copy link
Member

@t-will-gillis t-will-gillis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @mademarc - congrats on your first issue! In Docker the Program Areas page appears to be loading correctly with no issues. Thanks!

@t-will-gillis t-will-gillis merged commit eab0b9b into hackforla:gh-pages Feb 26, 2023
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
None yet
Development

Successfully merging this pull request may close these issues.

Program Areas: Update alt text for .page-card-image to adhere to WCAG
6 participants