829271 - Faulty use of the section element

Status: RESOLVED WORKSFORME

(www.mozilla.org :: Pages & Content, defect, P4)

Description

[Isac Lagerblad (:icaaq)]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:21.0) Gecko/20130110 Firefox/21.0
Build ID: 20130110030939

Steps to reproduce:

1. Press Cmd+N to open a new browser window, then type https://www.mozilla.org/en-US/contribute/ or  in the address bar and press Enter
2. Inspect the element #welcome


Actual results:

The element is used only for styling purposes.


Expected results:

as the SPEC [http://www.w3.org/html/wg/drafts/html/master/sections.html#the-section-element] says :
The section element is not a generic container element. When an element is needed only for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline

It's a small thing but it also effects a11y, if a section or article element is unlabeled (meaning there is no headline in the element) it's very annoying for screenreader users hearing things like "region start", "region end" all the time. https://twitter.com/mixolydian/status/289113271343140864

Use them wisely as on https://www.mozilla.org/en-US/products/

Comment 1

[Kohei Yoshino [:kohei]]

This page has been revised and the element #welcome is gone.