Fix for Issue 90

#90
w3c · Apr 29, 2015 · 4e7c715 · 4e7c715 · awkawk · May 5, 2015
1 parent b3fbdcf
commit 4e7c715
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/wcag20/sources/techniques/aria/ARIA2.xml b/wcag20/sources/techniques/aria/ARIA2.xml
@@ -91,28 +91,24 @@
          <description>
             <p>Required fields are indicated by a red border around the fields and a star icon rendered via CSS using <code role="css"><![CDATA[content:before]]></code>. This example also uses custom radio buttons with <code><![CDATA[role=radio]]></code> but the script to make the span actually work like radio buttons is not included in this example. The CSS properties are available below the form.
 </p>
-            <codeblock xml:space="preserve"><![CDATA[<head>
+            <codeblock xml:space="preserve"><![CDATA[
 <form action="#" method="post" id="alerts1">
   <label for="acctnum" data-required="true">Account Number</label>
-  <input size="12" type="text"
+  <input size="12" type="text" id="acctnum"
       aria-required="true" name="acctnum" />
 
- <p id="radio_label">Please send an alert when balance exceeds $3,000.</p>
+ <p id="radio_label" data-required="true">Please send an alert when balance exceeds $3,000.</p>
 
- <ul  id="rg" role="radiogroup" aria-labelledby="radio_label">
-    <li id="rb1" role="radio" aria-required="true">Yes</li>
-    <li id="rb2" role="radio" aria-required="true">No</li>
+ <ul  id="rg" role="radiogroup" aria-required="true" aria-labelledby="radio_label">
+    <li id="rb1" role="radio">Yes</li>
+    <li id="rb2" role="radio">No</li>
  </ul>
 </form>
  ]]></codeblock>
             <codeblock xml:space="preserve"><![CDATA[<head>
 [aria-required=true] {
   border: red thin solid;
 }
-[aria-required=true]:before {
-  content: url('/iconStar.gif');
-}
-
 [data-required=true]:after {
   content: url('/iconStar.gif');
 }