add: wai-aria category and alertdialog snippet

Author: ui2code

README.md

@@ -15,6 +15,7 @@ You can see all installed snippets in `Tools > Snippets...`, in the sublime text
 
 - [HTML - h*](snippets/html/)
   - [Microdata - hm.*](snippets/html/schema/microdata)
+  - [WAI-ARIA - hw.*](snippets/html/wai-aria)
 - [CSS - c*](snippets/css/) 
 - [JavaScript - j*](snippets/js/vanilla)
   - [BDD - b*](snippets/js/bdd)

messages/install.txt

@@ -6,6 +6,7 @@ You can see all installed snippets in Tools > Snippets... .
 Snippets:
 - HTML
   - Microdata
+  - WAI-ARIA
 - CSS
 - JavaScript
   - BDD

snippets/html/wai-aria/README.md

@@ -0,0 +1,16 @@
+
+# HTML Snippets
+
+## WAI-ARIA
+
+Prefix `hw.*`
+
+### [hw.alertdialog] alertdialog
+
+```html
+<div role="alertdialog" tabindex="0" aria-hidden="${1:true}" aria-labelledby="${2}" aria-describedby="${3}">
+  <h3 id="${2}"></h3>
+  <p id="${3}"></p>
+  <input type="button">
+</div>
+```

snippets/html/wai-aria/html-wai-aria-alert-dialog.sublime-snippet

@@ -0,0 +1,11 @@
+<snippet>
+  <content><![CDATA[
+<div role="alertdialog" tabindex="0" aria-hidden="${1:true}" aria-labelledby="${2}" aria-describedby="${3}">
+  <h3 id="${2}"></h3>
+  <p id="${3}"></p>
+  <input type="button">
+</div>
+]]></content>
+  <tabTrigger>hw.alertdialog</tabTrigger>
+  <description>hw - Alert Dialog</description>
+</snippet>