From 1c2446b84de28b3e0555612332edc6eb18f22f81 Mon Sep 17 00:00:00 2001
From: Matt King <a11yThinker@gmail.com>
Date: Sun, 8 Oct 2017 13:11:31 -0700
Subject: [PATCH] Editor Menubar Example: Add aria-expanded validation note

For issue #447, Added the following note below the roles, states, and properties table on the Editor menubar example page:

> Currently, using aria-expanded on elements with role menuitem triggers HTML validation errors because the ARIA specification does not yet support doing so.
> The ARIA working group plans to resolve this issue in the next version of the specification.
> Until a version of ARIA that resolves the issue becomes a W3C recommendation, it is safe to ignore these validation errors.
> Alternatively, since only a few browser and assistive technology combinations exploit this feature of the pattern, it can be omitted from implementations.

IN the two rows of the table about aria-expanded, added text to see note below.

Also added to 2 rows on the navigation menubar table that I overlooked in previous commit.
---
 examples/menubar/menubar-1/menubar-1.html |  4 ++--
 examples/menubar/menubar-2/menubar-2.html | 13 +++++++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/examples/menubar/menubar-1/menubar-1.html b/examples/menubar/menubar-1/menubar-1.html
index fe2aab911c..095352ff47 100644
--- a/examples/menubar/menubar-1/menubar-1.html
+++ b/examples/menubar/menubar-1/menubar-1.html
@@ -449,7 +449,7 @@ <h3 id="rps1_label">Menubar</h3>
           <td>
             <code>a</code>
           </td>
-          <td>Indicates the submenu is open.</td>
+          <td>Indicates the submenu is open. (<strong>See note below.</strong>)</td>
         </tr>
         <tr>
           <td></td>
@@ -459,7 +459,7 @@ <h3 id="rps1_label">Menubar</h3>
           <td>
             <code>a</code>
           </td>
-          <td>Indicates the submenu is closed.</td>
+          <td>Indicates the submenu is closed. (<strong>See note below.</strong>)</td>
         </tr>
         <tr>
           <th>
diff --git a/examples/menubar/menubar-2/menubar-2.html b/examples/menubar/menubar-2/menubar-2.html
index d269319213..96d852f930 100644
--- a/examples/menubar/menubar-2/menubar-2.html
+++ b/examples/menubar/menubar-2/menubar-2.html
@@ -429,7 +429,7 @@ <h3 id="rps1_label">Menubar</h3>
               <code>li</code>
             </td>
             <td>
-              Indicates the submenu is open.
+              Indicates the submenu is open. (<strong>See note below.</strong>)
             </td>
           </tr>
           <tr>
@@ -441,7 +441,7 @@ <h3 id="rps1_label">Menubar</h3>
               <code>li</code>
             </td>
             <td>
-              Indicates the submenu is closed.
+              Indicates the submenu is closed. (<strong>See note below.</strong>)
             </td>
           </tr>
         </tbody>
@@ -665,6 +665,15 @@ <h3 id="rps2_label">Submenu</h3>
         </tr>
       </tbody>
     </table>
+    <h3>Note</h3>
+    <p>
+      Currently, using aria-expanded on elements with role menuitem triggers HTML validation errors because the ARIA specification does not yet support doing so.
+      The ARIA working group plans to resolve this issue in the next version of the specification.
+      Until a version of ARIA that resolves 
+      <a href="https://github.com/w3c/aria/issues/454">the issue</a> 
+      becomes a W3C recommendation, it is safe to ignore these validation errors. 
+      Alternatively, since only a few browser and assistive technology combinations exploit this feature of the pattern, it can be omitted from implementations.
+    </p>
   </section>
 
   <section>