Bug #41574
Updated by Ernesto Puerta over 4 years ago
Currently forms (and other hierarchical elements) rely on HTML @<h[1-6]>@ tags to define the structure of information/fields/etc. However they also use @<legend>@ elements, or just @<div>@'s styled with @*-header@, @*-body@, @*-group@, etc.
That leads to inconsistent structure in the DOM, and often also weird appearance in forms and other elements.
Example: @pool-form.component@ form's title is @<h3>@, then there's a @<legend>@ element "Compression", which appears bigger than the Form header, and another sub-element with title @<h3>@. This also happens to other forms (RBD, etc).
!titles.png!
We should agree whether we want to structure based on HTML headings (properly styled) or HTML5 @<section>@ + classes with a consistent styling (e.g: "PF4 does this":https://www.patternfly.org/v4/documentation/core/components/title), and refactor those elements.
"XHTML 2 @<h>@":https://www.w3.org/TR/xhtml2/mod-structural.html#edef_structural_h would've been great here too, but unfortunately it seems it's born dead.