Hi

I found a couple of errors on drupal.org when it comes to accessibility

on the homepage, anonymous, one finds these two lines without an alt tag:

Only local images are allowed.

and

and these two as well:

Only local images are allowed.

Comments

bertboerland created an issue. See original summary.

bertboerland’s picture

bertboerland commented

aargggg. forgot about the html rendering :(

<img width="250px" src="https://www.drupal.org/files/DCGlobal_Lettering_0.png">
<img width="120px" src="/files/druplicon-small.png">
avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented

The same happens to logged-in users.

gisle’s picture

gisle
he/him
Primary language Norwegian Bokmål
Location Norway
commented

I think these things live in blocks that webmaster's don't have edit access to.

Not sure who does, but it might be Content. I suggest you move the issue there.

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Title: A11y: no ALT tags on images » No ALT tags on images
Project: Drupal.org site moderators » Drupal.org content
andrewmacpherson’s picture

andrewmacpherson commented
Title: No ALT tags on images » No ALT attributes on images

These are "images of text" for purposes of WCAG.

  • It needs alt text to satisfy WCAG SC 1.1.1 "Non-text content". The alt text needs to be the same as the text in the image. I don't think the vertical bar is important, so it might benefit from some punctuation tweaks to sound more natural: alt="DrupalCon Global 2020. July 14-17, Online Everywhere."
  • These are also borderline failures of WCAG SC 1.4.5 "Images of Text". You might argue that it qualifies for the logotype exemption, but not all of the text amounts to a logotype. It would be better if used real text instead of an image-of-text.

Nitpick: alt is an attribute, not a tag.

rachel_norfolk’s picture

rachel_norfolk
Primary language English
Location UK
commented

I believe I have added the required alt attribute. If someone can check, let me know.

rachel_norfolk’s picture

rachel_norfolk
Primary language English
Location UK
commented
Status: Active » Needs review
bertboerland’s picture

bertboerland commented
Status: Needs review » Needs work

Yes, these two have been resolved. Thanks.

But there is a lot of other stuff not a11y. For example, empty ALT on
<div class="field field-name-field-cta-graphic field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="https://www.drupal.org/files/cta/graphic/DrupalJobs-blue_102.png" width="1957" height="414" alt="" /></div></div></div> <div class="cta-text"> isnt

But also colors (low contrast around "try drupal" in menu), and no ALT on
<iframe width="391" height="220" src="https://www.youtube-nocookie.com/embed/JfEZeTH9c1I?controls=0&amp;modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

No H3 but use of H4. etc etc...

And that is just the homepage... Should we make a new master ticket on a11y on d.o?

rachel_norfolk’s picture

rachel_norfolk
Primary language English
Location UK
commented

It does sound like the scope is beginning to widen and that is always the right time to create a new issue. If completed as far as the Issue Summary describes, mark this one as fixed and open another - might need moving to an infrastructure queue

rachel_norfolk’s picture

rachel_norfolk
Primary language English
Location UK
commented
Status: Needs work » Needs review
bertboerland’s picture

bertboerland commented

Created https://www.drupal.org/project/content/issues/3163242 for no ALT attribute

bertboerland’s picture

bertboerland commented

Created https://www.drupal.org/project/drupalorg_design/issues/3163248 for colors in menu

bertboerland’s picture

bertboerland commented

Created https://www.drupal.org/project/content/issues/3163257 for TITTLE attribute on IFRAME

bertboerland’s picture

bertboerland commented

Created https://www.drupal.org/project/content/issues/3163262 for lack of H3

bertboerland’s picture

bertboerland commented
Status: Needs review » Reviewed & tested by the community

done IMHO

rachel_norfolk’s picture

rachel_norfolk
Primary language English
Location UK
commented
Status: Reviewed & tested by the community » Fixed

okay - thanks for checking Bert, and thanks for those other issues

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.