Faulty use of the section element

RESOLVED WORKSFORME

Status

www.mozilla.org
Pages & Content
P4
normal
RESOLVED WORKSFORME
5 years ago
5 years ago

People

(Reporter: icaaq, Unassigned)

Tracking

({access})

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: u=dev c=CSS p=)

(Reporter)

Description

5 years ago
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/
(Reporter)

Updated

5 years ago
Keywords: access

Updated

5 years ago
Whiteboard: u=dev c=CSS p=

Updated

5 years ago
Priority: -- → P4
This page has been revised and the element #welcome is gone.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.