From cab86783fb771a27815c1cf44ec41b0c70720814 Mon Sep 17 00:00:00 2001
From: Matt King <a11yThinker@gmail.com>
Date: Tue, 31 Jan 2017 10:18:14 -0800
Subject: [PATCH] Disclosure Pattern Outline for Issue #9

modified disclosure pattern section of aria-practices.html:
* Add outline of disclosure pattern.
* Draft keyboard subsection content.
* Add links to roles/properties that need to be described.
* Add links to disclosure example pages.
---
 aria-practices.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/aria-practices.html b/aria-practices.html
index 7693f62534..fbde1fa0c1 100644
--- a/aria-practices.html
+++ b/aria-practices.html
@@ -536,6 +536,30 @@ <h3>Disclosure (Show/Hide)</h3>
         Drafting content for this section is tracked by 
         <a href="https://github.com/w3c/aria-practices/issues/9">issue 9</a>. 
       </p>
+      <p>Write description of disclosure pattern here.</p>
+      <section class="notoc">
+        <h4>Keyboard Interaction</h4>
+        <p>When the disclosure control has focus:</p>
+        <ul>
+          <li><kbd>Enter</kbd>: activates the disclosure control and toggles the visibility of the disclosure content.</li>
+          <li><kbd>Space</kbd>: activates the disclosure control and toggles the visibility of the disclosure content.</li>
+        </ul>
+      </section>
+      <section class="notoc">
+        <h4>WAI-ARIA Roles, States, and Properties</h4>
+        <ul>
+          <li>role <a href="#button" class="role-reference">button</a></li>
+          <li>state <a href="#aria-expanded" class="state-reference">aria-expanded</a></li>
+          <li>property <a href="#aria-controls" class="property-reference">aria-controls</a></li>
+        </ul>
+      </section>
+      <section class="notoc">
+        <h4>Examples</h4>
+        <ul>
+          <li><a href="examples/disclosure/disclosure-img-long-description.html">Disclosure (Show/Hide) of Image Description</a></li>
+          <li><a href="examples/disclosure/disclosure-faq.html">Disclosure (Show/Hide) of Answers to Frequently Asked Questions</a></li>
+        </ul>
+      </section>
     </section>
 
     <section class="widget" id="grid">