948868 - HTML5 and Web Component symbols are not announced on HTML element reference page

Status: RESOLVED INVALID

(developer.mozilla.org Graveyard :: Design, defect)

Description

[Isac Lagerblad (:icaaq)]

1. Press Cmd+N to open a new browser window, then type https://developer.mozilla.org/en-US/docs/Web/HTML/Element in the address bar and press Enter.
2. When using a screenreader navigate yourself to the link <article> and/or <shadow>
3. Hear that there is no notification that <article> is a HTML5 element, the same with <shadow> being a Web Component.

This is because the HTML5 icon is appended via a background-image and the Web Component as a icon-font. It should be a img with a descriptive alt-attribute. for eample like this.

<li><img alt="This element has been added in HTML5" src="/files/3843/HTML5_Badge_32.png" style="width: 16px; height: 16px; vertical-align: middle; margin-left:-16px;" title="This element has been added in HTML5" />{{ HTMLElement("article") }}</li>

Comment 1

[Jean-Yves Perrier [:teoli]]

Note that I would like to unify the way both of these icons are shown. (And to have a black HTML5 icon that is less flashy).