PittQuantumRepository icon indicating copy to clipboard operation
PittQuantumRepository copied to clipboard

Check Web Accessibility

Open ghutchis opened this issue 10 years ago • 8 comments

We need to check for web accessibility:

http://wave.webaim.org http://achecker.ca/checker/ http://www.cynthiasays.com http://fae20.cita.illinois.edu

Anecdotally, a visually impaired staff member said the font size was "small" but was able to increase it easily.

ghutchis avatar May 08 '15 20:05 ghutchis

I'll have to look up the accessibility guidelines. Let's do this check once Dr. Lambrecht's dev server is up and running.

RitwikGupta avatar May 09 '15 05:05 RitwikGupta

I agree this isn't a primary concern right now. I also already increased the font from 14-16px.

JoshuaRogan avatar May 09 '15 05:05 JoshuaRogan

We need to revisit this. Please take a look particularly at the first two links, which indicate some issues, most should be fixable.

ghutchis avatar Jun 08 '15 19:06 ghutchis

http://wave.webaim.org/report#/pqr.pitt.edu

ghutchis avatar Jun 08 '15 20:06 ghutchis

99% of the accessibility "errors" presented by these analyzers is just how Bootstrap uses tags in a broad manner. a tags may necessarily not be links, etc. I'm not sure how to go about this without making the site look ugly.

RitwikGupta avatar Jul 12 '15 07:07 RitwikGupta

I can make some changes to cut down on them. But you are right I don't think we will be able to remove all of them.

On Sun, Jul 12, 2015 at 3:27 AM Ritwik Gupta [email protected] wrote:

99% of the accessibility "errors" presented by these analyzers is just how Bootstrap uses tags in a broad manner. a tags may necessarily not be links, etc. I'm not sure how to go about this without making the site look ugly.

— Reply to this email directly or view it on GitHub https://github.com/pittquantum/PittQuantumRepository/issues/6#issuecomment-120698613 .

Josh Rogan JoshuaRogan.com

JoshuaRogan avatar Jul 12 '15 17:07 JoshuaRogan

All of the empty links that are being flagged for not having text do have title text. From what I have been looking up this is acceptable for accessibility.

JoshuaRogan avatar Jul 12 '15 23:07 JoshuaRogan

Hi @JoshuaRogan the title attribute (as far as I've tested) isn't read aloud on screenreaders and is meant to be an accompaniment to actual text inside the tags, not instead of.

The W3C mention "For each anchor element that has a title attribute, check that the title attribute together with the link text describes the purpose of the link."

Scott O'Hara wrote an amazingly thorough article on the complexities of the title attribute here: https://www.24a11y.com/2017/the-trials-and-tribulations-of-the-title-attribute/

blueocto avatar Oct 10 '19 21:10 blueocto