Bugzilla – Bug 21971
Paragraph elements in fieldset example are semantically incorrect.
Last modified: 2014-01-16 15:10:19 UTC
The paragraph elements located in the examples at the following location are semantically incorrect:
As per posts on the mailing list, they serve to separate content rather than grouping it.
Specifically, in the three examples at the end of the section, all paragraph elements can be removed and still achieve the same semantic effect. All of the elements in the forms are related, and separated by labels.
The issue I see with that is that "label" is usually rendered as an inline element by default, rather than as a block element.
Accordingly, if the "p" elements are to be removed then I think
the specification should do one of these three things.
* Replace the "p" elements with another -- perhaps more appropriate --
block-level element, such as "div", or if that's not acceptable,
* Include a CSS "style='display:block'", but I don't think that's ideal
because none of the other examples in Section 4.10 include a style
attribute; or if that's not acceptable,
* Add a note next to the examples that under CSS, label elements
are rendered as inline elements rather than as block elements by
The first option you mention is the most acceptable, I believe.
In the first proposition, the "fieldset" element already groups the related field controls, as does the "label" element, so no more semantic meaning is necessary. AS such, a "div" would be more appropriate since it adds no meaning to the content. Because this is a rendering(presentation) issue as you state, it seems like the best option.
(In reply to comment #2)
> The first option you mention is the most acceptable, I believe.
> In the first proposition, the "fieldset" element already groups the related
> field controls, as does the "label" element, so no more semantic meaning is
> necessary. AS such, a "div" would be more appropriate since it adds no
> meaning to the content. Because this is a rendering(presentation) issue as
> you state, it seems like the best option.
*AS was not meant to be caps-locked. Apologies.
EDITOR'S RESPONSE: This is an Editor's Response to your comment. If you are
satisfied with this response, please change the state of this bug to CLOSED. If
you have additional information and would like the Editor to reconsider, please
reopen this bug. If you would like to escalate the issue to the full HTML
Working Group, please add the TrackerRequest keyword to this bug, and suggest
title and text for the Tracker Issue; or you may create a Tracker Issue
yourself, if you are able to do so. For more details, see this document:
Change Description: Applied div for p + note.
Fixed in 5.1: https://github.com/w3c/html/commit/72d8faaa484bc35c3b4d208ef4a1c0b1c9b5c767
And in the latest CR editors draft:
Commit pushed to merge-CR at https://github.com/w3c/html
Cherry-pick [Bug 21971]
into the CR branch
(cherry picked from commit 05d1f3f4f7002c0e12ce719c4acef39abfb5a85d)
Commits pushed to CR at https://github.com/w3c/html
[Bug 21971] Paragraph elements in fieldset example are semantically incorrect
Cherry-pick [Bug 21971]