Merge pull request #70 from github/add-aria-atomic-aria-describedby-in-example

add aria-atomic/aria-describedby in example

Author: keithamus

examples/index.html

@@ -19,8 +19,8 @@ <h2>Simple form</h2>
 
         <label for="simple-field">Desired username*:</label>
         <auto-check csrf="foo" src="/demo" required>
-          <input id="simple-field" autofocus name="foo" required />
-          <code aria-live="polite" class="state"></code>
+          <input id="simple-field" autofocus name="foo" required aria-describedy="state1"/>
+          <code id="state1" aria-atomic="true" aria-live="polite" class="state"></code>
         </auto-check>
         <button value="1" name="form">submit</button>
       </form>
@@ -33,8 +33,8 @@ <h2>Form that has custom validity messages</h2>
 
         <label for="custom-field">Desired username*:</label>
         <auto-check csrf="foo" src="/demo" required>
-          <input id="custom-field" autofocus class="json" name="foo" required />
-          <code aria-live="polite" class="state"></code>
+          <input id="custom-field" autofocus class="json" name="foo" required aria-describedby="state2"/>
+          <code id="state2" aria-atomic="true" aria-live="polite" class="state"></code>
         </auto-check>
         <button value="2" name="form">submit</button>
       </form>