HTML Standard Tracker

Filter

File a bug

SVNBugCommentTime (UTC)
3726Add support for ARIA aria-level for headings; try confusing people less with <hgroup>.2009-09-02 01:04
@@ -9342,49 +9342,49 @@ http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C%21DOCTYPE%20HTML%3E%0
     <tr>
      <td><code>datalist</code> element
      <td><code title="attr-aria-role-listbox">listbox</code> role, with the <code title="attr-aria-multiselectable">aria-multiselectable</code> property set to "false"
 
     <tr>
      <td><code>footer</code> element
      <td><code title="attr-aria-role-contentinfo">contentinfo</code> role
 
     <tr>
      <td><code>h1</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>h2</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>h3</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>h4</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>h5</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>h6</code> element that does not have an <code>hgroup</code> ancestor
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>header</code> element
      <td><code title="attr-aria-role-banner">banner</code> role
 
     <tr>
      <td><code>hgroup</code> element
-     <td><code title="attr-aria-role-heading">heading</code> role
+     <td><code title="attr-aria-role-heading">heading</code> role, with the <code title="attr-aria-level">aria-level</code> property set to the element's <span>outline depth</span>
 
     <tr>
      <td><code>hr</code> element
      <td><code title="attr-aria-role-separator">separator</code> role
 
     <tr>
      <td><code>img</code> element whose <code title="attr-img-alt">alt</code> attribute's value is empty
      <td><code title="attr-aria-role-presentation">presentation</code> role
 
     <tr>
@@ -13813,26 +13813,20 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p>
    <dt>DOM interface:</dt>
    <dd>Uses <code>HTMLElement</code>.</dd>
   </dl>
 
   <p>The <code>hgroup</code> element <span>represents</span> the
   heading of a section. The element is used to group a set of
   <code>h1</code>&ndash;<code>h6</code> elements when the heading has
   multiple levels, such as subheadings, alternative titles, or
   taglines.</p>
 
-  <p class="note">The point of <code>hgroup</code> is to mask an
-  <code>h2</code> element (that acts as a secondary title) from the
-  <span>outline</span> algorithm.</p><!--
-  http://www.brucelawson.co.uk/2009/html-5-is-a-mess/#comment-618895
-  -->
-
   <p>For the purposes of document summaries, outlines, and the like,
   the text of <code>hgroup</code> elements is defined to be the text
   of the highest <span title="rank">ranked</span>
   <code>h1</code>&ndash;<code>h6</code> element descendant of the
   <code>hgroup</code> element, if there are any such elements, and the
   first such element if there are multiple elements with that
   <span>rank</span>. If there are no such elements, then the text of
   the <code>hgroup</code> element is the empty string.</p>
 
   <p>Other elements of <span>heading content</span> in the
@@ -13858,20 +13852,26 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p>
    <pre>&lt;hgroup&gt;
  &lt;h1&gt;<strong>The reality dysfunction</strong>&lt;/h1&gt;
  &lt;h2&gt;Space is not the only void&lt;/h2&gt;
 &lt;/hgroup&gt;</pre>
 
    <pre>&lt;hgroup&gt;
  &lt;h1&gt;<strong>Dr. Strangelove</strong>&lt;/h1&gt;
  &lt;h2&gt;Or: How I Learned to Stop Worrying and Love the Bomb&lt;/h2&gt;
 &lt;/hgroup&gt;</pre>
 
+  <p>The point of using <code>hgroup</code> in these examples is to
+  mask the <code>h2</code> element (which acts as a secondary title)
+  from the <span>outline</span> algorithm.</p><!--
+  http://www.brucelawson.co.uk/2009/html-5-is-a-mess/#comment-618895
+  -->
+
   </div>
 
 
   <h4>The <dfn><code>header</code></dfn> element</h4>
 
   <dl class="element">
    <dt>Categories</dt>
    <dd><span>Flow content</span>.</dd>
    <dd><span><code title="">formatBlock</code> candidate</span>.</dd>
    <dt>Contexts in which this element may be used:</dt>
@@ -14587,20 +14587,32 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p>
   created for a real element in the original document, or to the
   relevant <span>heading content</span> element, if the <span
   title="concept-section">section</span> in the tree was generated for
   a heading in the above process.</p>
 
   <p class="note">Selecting the first <span
   title="concept-section">section</span> of the document therefore
   always takes the user to the top of the document, regardless of
   where the first heading in the <code>body</code> is to be found.</p>
 
+  <p>The <dfn>outline depth</dfn> of a <span>heading content</span>
+  element associated with a <span
+  title="concept-section">section</span> <var title="">section</var>
+  is the number of <span title="concept-section">sections</span> that
+  are ancestors of <var title="">section</var> in the
+  <span>outline</span> that <var title="">section</var> finds itself
+  in when the <span title="outline">outlines</span> of its
+  <code>Document</code>'s elements are created, plus 1. The
+  <span>outline depth</span> of a <span>heading content</span> element
+  not associated with a <span title="concept-section">section</span>
+  is 1.</p>
+
   <div class="note">
 
    <p>The following JavaScript function shows how the tree walk could
    be implemented. The <var title="">root</var> argument is the root
    of the tree to walk, and the <var title="">enter</var> and <var
    title="">exit</var> arguments are callbacks that are called with
    the nodes as they are entered and exited. <a
    href="#refsECMA262">[ECMA262]</a></p>
 
    <pre>function (root, enter, exit) {

|