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

Accessibility improvements on club listing page and leaders corner page #293

Merged
merged 6 commits into from
Oct 18, 2019

Conversation

csrs
Copy link
Collaborator

@csrs csrs commented Jul 31, 2019

This is related to issue #263 since it's an accessibility fix.

Commit a409f9a:

  • Added aria-labelledby to sections of the Leaders Corner and the Club listing pages
  • Made some alt text more specific.

Commit a9c7d5b:

  • Added underline to all links, and removed underline from heading-level or more decorative links (in the header, fooder, shadow boxes).

Commit b6bda7d:

  • Added p tag to a div that was missing it (this is for screen readers)

@alexdor alexdor requested review from iropal and bacharakis July 31, 2019 06:57
@csrs csrs self-assigned this Sep 2, 2019
className="club-teaser__image"
/>
</div>
<div className="club-teaser__text">
<h2 className="club-teaser__title">{title}</h2>
<h2 className="club-teaser__title" id={title.replace(/\s/g, "")}>
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
<h2 className="club-teaser__title" id={title.replace(/\s/g, "")}>
<h2 className="club-teaser__title" id={(title||"").replace(/\s/g, "")}>

Could you safeguard the replace call here?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

see commit c3be0c3

@@ -13,9 +13,16 @@ export default props => {
<div className={classes}>
<ShadowBox>
<div className="faq__group-header">
<h2 title="title title--x-small">{props.header}</h2>
<h2 title="title title--x-small" id={props.header.replace(/\s/g, "")}>
Copy link
Member

Choose a reason for hiding this comment

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

Could you safeguard the replace call here from null header?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

see commit c3be0c3

<ul className="faq__group-content">{props.children}</ul>
<ul
className="faq__group-content"
aria-labelledby={props.header.replace(/\s/g, "")}
Copy link
Member

Choose a reason for hiding this comment

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

Could you safeguard the replace call here from null header?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

done

csrs added 2 commits October 10, 2019 14:41
Merge branch 'master' of github.com:ossn/ossn-frontend into accessibility
@@ -15,7 +15,7 @@
a,
%link {
color: color(link);
text-decoration: none;
// text-decoration: none;
Copy link
Member

Choose a reason for hiding this comment

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

Could you delete this instead of commenting it out?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Done, see 690d11c

@alexdor alexdor merged commit 06d4fa7 into ossn:master Oct 18, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants