Difference between revisions of "Modal dialog with ARIA"

From Level Access Web Labs
Jump to navigation Jump to search
Line 100: Line 100:
 
       <p>Trees are great! They convert CO2 into oxygen, so we can breathe!</p>
 
       <p>Trees are great! They convert CO2 into oxygen, so we can breathe!</p>
  
      <ul>
 
        <li>
 
 
           <h2>Pine tree</h2>
 
           <h2>Pine tree</h2>
 
           <p>Description of pine trees ...</p>
 
           <p>Description of pine trees ...</p>
        </li>
+
 
        <li>
 
 
           <h2>Oak tree</h2>
 
           <h2>Oak tree</h2>
 
           <p>Description of oak trees ...</p>
 
           <p>Description of oak trees ...</p>
        </li>
+
 
        <li>
 
 
           <h2>Redwood tree</h2>
 
           <h2>Redwood tree</h2>
 
           <p>Description of redwood trees ...</p>
 
           <p>Description of redwood trees ...</p>
        </li>
+
 
        <li>
 
 
           <h2>Aspen tree</h2>
 
           <h2>Aspen tree</h2>
 
           <p>Description of aspen trees ...</p>
 
           <p>Description of aspen trees ...</p>
        </li>
+
 
      </ul>
 
  
 
       <label for="i1">Was this helpful? </label><input id="i1" type="checkbox" />
 
       <label for="i1">Was this helpful? </label><input id="i1" type="checkbox" />

Revision as of 19:49, 17 November 2016

Example

Note - not implemented:

  • Constraining keyboard focus within the modal dialog


...

...