mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-10 16:03:59 +02:00
Code Issues Releases Wiki Activity

Accessibility for modals

Browse Source 
Added accessibility guidelines for modal dialogs, using role="dialog".
This commit is contained in:
Angelos Chalaris
2017-06-06 10:11:30 +03:00
parent 61ad457605
commit 6437ee56da
3 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/quick_reference.html
View File

@@ -1046,6 +1046,7 @@
<li>Use a <code>.card</code> inside the <code>.modal</code> to display contents</li>
<li>Remember to use a <code>&lt;label&gt;</code> or some Javascript to allow users to close the dialog</li>
<li>Modal dialogs can be placed and toggled from anywhere, although the structure must be kept intact</li>
<li>Use <code><span class="fore-secondary">role</span>=<span class="fore-primary">&quot;<a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_dialog_role">dialog</a>&quot;</span></code> to add accessibility to modal dialogs</li>
</ul>
</div>
</div>