Skip to content

Commit

Permalink
#325 Changes based on review on 4/24/2017
Browse files Browse the repository at this point in the history
Moved child element dfiscussion to states and properties section
  • Loading branch information
jnurthen committed Apr 24, 2017
1 parent cfa6cfd commit aaa8536
Showing 1 changed file with 2 additions and 3 deletions.
5 changes: 2 additions & 3 deletions aria-practices.html
Original file line number Diff line number Diff line change
Expand Up @@ -502,8 +502,6 @@ <h3>Dialog (Modal)</h3>
That is, <kbd>Tab</kbd> and <kbd>Shift + Tab</kbd> do not move focus outside the dialog.
However, unlike most non-modal dialogs, modal dialogs do not provide means for moving keyboard focus outside the dialog window without closing the dialog.
</p>
<p>For all dialogs, all controls required to operate the dialog are child nodes of the element which has role set to dialog.
</p>
<p>
The <a href="#alertdialog" class="role-reference">alertdialog</a> role is a special-case dialog role
designed specifically for dialogs that divert users' attention to a brief, important message.
Expand Down Expand Up @@ -557,6 +555,7 @@ <h4>Keyboard Interaction</h4>
<h4>WAI-ARIA Roles, States, and Properties</h4>
<ul>
<li>The element that serves as the dialog container has a role of <a href="#dialog" class="role-reference">dialog</a>.</li>
<li>All controls required to operate the dialog are child nodes of the element which has role set to dialog.</li>
<li>The dialog container element has <a href="#aria-modal" class="property-reference">aria-modal</a> set to <code>true</code>.</li>
<li>The dialog has either:
<ul>
Expand All @@ -571,7 +570,7 @@ <h4>WAI-ARIA Roles, States, and Properties</h4>
Specifying descriptive elements enables screen readers to announce the description along with the dialog title and initially focused element when the dialog opens.
</li>
<li>
If the dialog has <a href="#aria-modal" class="property-reference">aria-modal</a> set to <code>true</code>and content outside the dialog is completely inert
If the dialog has <a href="#aria-modal" class="property-reference">aria-modal</a> set to <code>true</code> and content outside the dialog is completely inert
and visually obscured to an extent that is intentionally unreadable, it is no longer necessary to set <a href="#aria-hidden" class="state-reference">aria-hidden</a>
to <code>true</code> on each element containing a portion of the inert layer.
However, if you do still use <code>aria-hidden</code> set to <code>true</code>, the dialog container element cannot be a descendant
Expand Down

0 comments on commit aaa8536

Please sign in to comment.