WebAIM - Web Accessibility In Mind

E-mail List Archives

WCAG 2.0 Questions


From: Dane Dunham
Date: May 29, 2018 4:05PM

Hello all,

I work for an organization, which conducts accessibility testing on websites. As we evaluate websites, we have come across some scenarios, which lead to several WCAG questions, listed below. Any thoughts from the community on the below would be appreciated. Thank you.

For Images of text: 1.4.5
How can we best determine if the presentation of text in images is essential? I.E. If the text represents branding. E.G. A coupon, sales banner, etc.

For Info and relationships: 1.3.1
According to Understanding Success Criterion 1.3.1, "headings are often in a larger, bold font separated from paragraphs by blank lines." If HTML headings are used in other ways, such as to code expanding/collapsing items, such as navigation links/menus, does this violate WCAG 1.3.1, since that makes it difficult for screen reader users to determine the true structure of the content, based on the failure "F43: Failure of Success Criterion 1.3.1 due to using structural markup in a way that does not represent relationships in the content"? Some pages we have assessed have used expanding/collapsing headings as a means to show/hide lists of links, rather than entire sections of content.

A page we are assessing contains products for sale in a grid view. The product images are atop the links leading to the product pages. Screen readers interpret each product (both image and link) as being inside a list item (<li> HTML tag), making it possible to navigate from product to product. CSS is used to visually format the HTML list into a grid. Do screen readers also need to be made aware of the grid structure?

For Meaningful Sequence: 1.3.2
A page we are assessing contains a modal dialog (window covering page content and requiring interaction). However, the HTML code for the modal gets inserted at the end of the page after the modal is triggered, and screen reader users don't recognize that anything has occurred until they reach that content. Is this a violation?

For Text Alternative: 1.1.1
A page we are assessing contains clickable logos inserted using SVG instead of <img> elements. Each SVG graphic contains a properly nested <desc> element to describe it. However, there also exists aria-label attributes for each SVG, with values equal to the already provided descriptions in the <desc> elements. Should we advise our client to remove the aria-label attributes in this scenario?


Dane Dunham
Accessibility Specialist
WeCo Accessibility Services

This e-mail, including attachments, may include confidential and/or proprietary information, and may be used only by the person or entity to which it is addressed. If the reader of this e-mail is not the intended recipient or his or her authorized agent, the reader is hereby notified that any dissemination, distribution or copying of this e-mail is prohibited. If you have received this e-mail in error, please notify the sender by replying to this message and delete this e-mail immediately.