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

@craigspaeth => Accessible articles #1730

Merged
merged 4 commits into from
Aug 17, 2017

Conversation

eessex
Copy link
Contributor

@eessex eessex commented Aug 16, 2017

Updates to articles and the main layout will improve accessibility and use with screen-readers. Problems were identified using error reports generated by the pa11y library.

  • Add lang attr to root html element
  • Adds hidden text labels to icon-only UI buttons (.screen-reader-text)
  • Removes auto-generated ids from SVGs (duplicate ids confuse screen-readers)
  • Uses caption as alt attr for all article images

@eessex eessex force-pushed the accessible-articles branch 4 times, most recently from 6913c7b to bd9f43b Compare August 16, 2017 23:33
@@ -10,19 +10,22 @@ mixin share(description, media, url)
href="https://www.facebook.com/sharer/sharer.php?u=#{url}",
target='_blank'
): i.icon-facebook-f.icon-in-table
span.screen-reader-text Post to Facebook
Copy link
Contributor

Choose a reason for hiding this comment

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

👌

@@ -11,6 +11,14 @@
search-bar-input-placeholder()
color white

.screen-reader-text // hide text only for screen-readers
Copy link
Contributor

Choose a reason for hiding this comment

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

👍 nice—this is a clever way to feed content to screen readers.

@craigspaeth
Copy link
Contributor

Woot! ❤️ that you've picked this for Hackathon. Not the most glamorous technical challenge, but definitely a great thing to do and so in line with Artsy's mission to make art as accessible as music! 👏

@craigspaeth craigspaeth merged commit 31aefe3 into artsy:master Aug 17, 2017
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