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 #190

Open
mcfrank opened this issue Aug 28, 2018 · 2 comments
Open

accessibility #190

mcfrank opened this issue Aug 28, 2018 · 2 comments

Comments

@mcfrank
Copy link
Member

mcfrank commented Aug 28, 2018

from email:

I was enjoying your research and visualizations; however, I noticed immediately that your navigation has very low contrast, and so I ran an accessibility analysis on the site via WAVE. You can follow the link and see the errors. http://wave.webaim.org/report#/http://wordbank.stanford.edu/

You can also use https://webaim.org/resources/contrastchecker/ for contrast checking.

Keep up the good work otherwise! I really enjoy the research.

Best,

Matt Nowatzke
PhD student in Human-Computer Interaction
Iowa State University

@mikabr
Copy link
Member

mikabr commented Aug 19, 2022

as far as I can tell, the errors in WAVE would be solved by:

  • adding a lang attribute to the html tag
  • adding alt text to any images missing it
  • making sure there no redundant alt text applying to the same element or to two adjacent elements
  • making sure there are no heading level skips (e.g. h3 child of h1, starting with h2)

the contrast check passes

@mikabr
Copy link
Member

mikabr commented Aug 19, 2022

oh there are actually contrast errors everywhere -- the blue color that links are in seems to be insufficiently contrasting with the background

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

No branches or pull requests

2 participants