WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Cindy Duggan
Date: Feb 11, 2020 8:52AM

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