WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Element ID is not unique (style tags within head of html)

for

From: Bateman, Jill
Date: Feb 11, 2020 9:12AM

Deque does a good job explaining the reasoning behind the unique ID issue here: https://dequeuniversity.com/rules/axe/3.0/duplicate-id but if you go through any kind of HTML 101 course, this is such a basic concept that it's a sign of poor coding whenever I see these. One of the great gifts of WCAG (imho) is that the requirements include standards - which make for better products. If your widget is spitting out crap code like that - maybe look for a new widget. Chances are down the road, you're going to have way more issues than accessibility issues.


Best regards,
Jill

OHIO UNIVERSITY
OIT Office of Information Security & Accessibility
Jill Bateman, MA '13
Digital Accessibility Coordinator
WUSOC 275
1 Ohio University Drive
Athens, OH 45701-2979

T: 740.597.5455
<EMAIL REMOVED>
www.ohio.edu/oit/accessibility<;https://www.ohio.edu/oit/accessibility>


<http://www.ohio.edu/oit/web>;


From: WebAIM-Forum < <EMAIL REMOVED> > on behalf of Cindy Duggan < <EMAIL REMOVED> >
Sent: Tuesday, February 11, 2020 10:52 AM
To: <EMAIL REMOVED> < <EMAIL REMOVED> >
Subject: [WebAIM] Element ID is not unique (style tags within head of html)

Hello,

We have a situation where a 3rd party font widget / script creates 2 style
tags in the head of our webpages (not sure why). Each style tag contains
an id, but the id's are the same. The automated testing tool we are using
lists this as a Level A accessibility error: 1.3.1 Info and Relationships:

Element ID is not unique
The ID used for an element on the page is also used for another element on
the page.

e.g.,

<style type="text/css" id="mti_fontface_abc">
@font-face
... (several fonts)
</style>

<style type="text/css" id="mti_fontface_abc">
@font-face
... (several different fonts)
</style>

I am having a hard time understanding how the duplicate id for 2 style tags
relates to the WCAG criteria and why this is considered an error.

Any insights?

Thanks.


*-----------------------*

Cindy Duggan, Ph.D., P.E.

*Director of Web ApplicationsInformation Technology Services*
[image: Manhattan College Logo/Shield]
Riverdale, NY 10471
Phone: 718-862-7413
<EMAIL REMOVED>
www.manhattan.edu<;http://www.manhattan.edu>;