Code samples from my EnhanceConf 2016 talk

better-labels.html

<label for="first_name">What’s your first name?</label>
<input name="first_name" id="first_name">

different-meanings.html

<p>I <em>really</em> want to be your friend.</p>
<p>I <i class="sarcasm">really</i> want to be your friend.</p>

field-error.html

<label for="first_name">What’s your first name?</label>
<input name="first_name" id="first_name"
       aria-describedby="first_name-error"
       >
<em id="first_name-error">
  Without your first name, I won’t know how to address you.
  Could you please provide it?
</em>

fieldset.html

<fieldset>
  <legend tabindex="0">Do you agree to the terms of service for this site?</legend>
  
  <input type="radio" name="agree" id="agree_yes" value="yes">
  <label for="agree_yes">Yes</label>
  
  <input type="radio" name="agree" id="agree_no" value="no">
  <label for="agree_no">No</label>
</fieldset>

meta.html

<meta name="msapplication-cortanavcd" content="http://myapp.io/vcd.xml">

navigation.html

<nav id="nav" tabindex="0" aria-labelledby="nav-title">
  <h1 id="nav-title" class="hidden">Here’s what you can find on this site:</h1>
  <ul>
    <li><a href="/about/"><b class="hidden">A Bit </b>About<b class="hidden"> Me</b></a></li>
    <li><a href="/notebook/"><b class="hidden">Entries in My </b>Notebook</a></li>
    …
  </ul>
</nav>

radio-label.html

<input type="radio" name="agree" id="agree_yes" value="yes">
<label for="agree_yes">Yes</label>

vcd.xml

<?xml version="1.0" encoding="utf-8"?>
<VoiceCommands xmlns="http://schemas.microsoft.com/voicecommands/1.2">
  <CommandSet xml:lang="en-us" Name="groupPost">
    <CommandPrefix>Group Post</CommandPrefix>
    <Example>Group Post add note</Example>
    <Command Name="addNote">
      <Example>add a note {message} using group post</Example>
      <ListenFor RequireAppName="BeforeOrAfterPhrase">[please] 
        add a note [that] {noteSubject}</ListenFor>
      <Feedback>adding {noteSubject} to Group Post</Feedback>
      <Navigate Target="/addNote.htm"/>
    </Command>
    <PhraseTopic Label="noteSubject" Scenario="Dictation"></PhraseTopic>
  </CommandSet>
</VoiceCommands>