Developer checklist

Level A

Coding

FRM_A1: FORM element used correctly

Details
The FORM element is only used for forms (i.e. the entire page is not wrapped in a FORM element).
Correct example(s)
Do not wrap the entire page within a FORM element
Incorrect example(s)
<html lang="en"> <body> <form>entire page source code</form></body> </html>

FRM_A2i: Form content is understandable

Details
The content of all form fields (e.g. dropdown selection lists) is provided as text (i.e. ASCII characters are not used to represent text).
Correct example(s)
<option value="Seasonal climate outlook">Temperature 10 to 20 degrees</option>
Incorrect example(s)
<option value="Seasonal climate outlook"> Temperature 10 - 20 degrees </option>

FRM_A2ii: Form content is understandable

Details
The content of all form field labels are provided as text (i.e. ASCII characters are not used to represent text).
Correct example(s)
<label for="severe_type">Weather type (Note: If Thunderstorm is selected, see <a href="http://www.bom.gov.au/catalogue/warnings/WarningsInformation_SW_STSW.shtml">Severe Thunderstorm Warnings</a> for more information.) </label>
Incorrect example(s)
<label for="severe_type">Weather type<sup>*</sup></label> <p><sup>*</sup> If Thunderstorm is selected, see <a href="http://www.bom.gov.au/catalogue/warnings/WarningsInformation_SW_STSW.shtml">Severe Thunderstorm Warnings</a> for more information.)</p>

FRM_A3: Form elements are visible

Details
All form elements remain visible when images are disabled.
Correct example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/SearchBtn.jpg" alt="Search" />
Incorrect example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/Searchbtn.jpg" alt="" />

FRM_A4i: Form buttons are coded correctly

Details
Form image buttons have an ALT attribute.
Correct example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/SearchBtn.jpg" alt="Search" />
Incorrect example(s)
ALT is missing
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/Searchbtn.jpg"/>

FRM_A4ii: Form buttons are coded correctly

Details
Form image button ALT attributes are correct.
Correct example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/SearchBtn.jpg" alt="Search" />
Incorrect example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/GoBtn.jpg" alt="cancel" />

FRM_A5: Form button VALUE is correct

Details
The form button VALUE is correct (i.e. the VALUE must not be empty).
Correct example(s)
<input type="image" name="ImageButtonGo" value="Search" id="ImageButtonGo" class="gobutton" src="/Images/SearchBtn.jpg" alt="Search" />
Incorrect example(s)
<input type="image" name="ImageButtonGo" value="" id="ImageButtonGo" class="gobutton" src="/Images/SearchBtn.jpg" alt="Search" />

Error Messages

FRM_A6i: Mandatory fields are identified

Details
Mandatory fields are marked appropriately (i.e. “(Required)” in visible text within the LABEL or an image of an asterisk with an ALT attribute “required”).
Correct example(s)
<label for="firstname">First name (required)</label><br> <input id="firstname" name="firstname" type="text">  
Correct example of FRM_A6i
Incorrect example(s)
<label for="firstname">First name*</label><br> <input id="firstname" name="firstname" type="text">  
Incorrect example of FRM_A6i

FRM_A6ii: Identification of mandatory fields is defined

Details
A definition of how the mandatory fields are marked is provided (i.e. include instructional text at the start of the form outlining how mandatory fields are marked e.g. “Fields marked with the word “Required” are mandatory”.
Correct example(s)
<p>Please complete all fields marked required</p>
Incorrect example(s)
<p> Please complete all mandatory fields</p>

FRM_A6iii: Mandatory fields are identified

Details
The definition of mandatory fields is provided prior to the start of the form.
Correct example(s)
<p>Please complete all fields marked required</p> <form>
Incorrect example(s)
</form><p>Please make sure you have completed all required fields on the preceding form</p>

FRM_A7i: Error messages are displayed

Details
A valid error message is displayed on submission of an empty form (i.e. no data has been entered)
Correct example(s)
<label for="firstname">First name (required)<br><span class="error"> Please enter your first name, e.g., Joanna or John</span> </label><br><input id="firstname" name="firstname" size="50" value="" type="text">
Correct example of FRM_A7i
Incorrect example(s)
No error message displayedIncorrect example of FRM_A7i

FRM_A7ii: Error messages are displayed

Details
A valid error message is displayed on submission of an invalid form (i.e. incorrect data has been entered).
Correct example(s)
<label for="postcode">Postcode (required)<br> <span class="error"> Please enter your postcode, e.g., 6000</span> </label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Correct example of FRM_A7ii
Incorrect example(s)
No error message displayedIncorrect example Of FRM_A7ii

FRM_A7iii: Error messages are coded correctly

Details
Error messages are available to the user only after the form has been submitted.
Correct example(s)
Form has not been submitted
<label for="postcode">Postcode (required)<br> </label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Incorrect example(s)
Error message is hidden with the style sheets and is available prior to form submissionForm has not been submitted
<label for="postcode">Postcode (required)<br> <span class="errorhidden">Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>

FRM_A8: Error messages are coded correctly

Details
Error messages are included within the relevant field LABEL element.
Correct example(s)
<label for="postcode">Postcode (required)<br> <span class="error">Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Incorrect example(s)
<label for="postcode">Postcode (required)<br></label><br><span class="error">Please enter your postcode, e.g., 6000</span><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>

FRM_A9: Error messages are sufficient

Details
Error messages are descriptive.
Correct example(s)
<label for="postcode">Postcode (required)<br> <span class="error"> Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Incorrect example(s)
<label for="postcode">Postcode (required)<br> <span class="error"> Invalid entry </span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>

Meaningful Sequence

FRM_A10: Layout tables

Details
Forms using tables for layout have meaningful sequence (i.e. the form content makes sense when reading left to right, top to bottom through the layout table cells).
Correct example(s)
<table> <tr><td> <label for="firstname">First name (required)</label><br><input size="50" id="firstname" name="firstname" type="text"> </td></tr>   <tr><td> <label for="lastname">Last name (required)</label><br><input size="50" id="lastname" name="lastname" type="text"> </td></tr> </table>  
Correct example of FRM_A10
Incorrect example(s)
<table> <tr><td> <label for="firstname">First name (required)</label> </td> <td> <label for="lastname">Last name (required)</label></td></tr>   <tr><td> <input size="50" id="firstname" name="firstname" type="text"> </td><td> <input size="50" id="lastname" name="lastname" type="text"> </td></tr> </table>  
Incorrect example of FRM_A10

FRM_A11: Form sequence is correct

Details
The visual and source order is in the correct reading sequence in the form.
Correct example(s)
Reading sequence is meaningful: First name, input field, last name, input field”Correct example of FRM_A11
Incorrect example(s)
Reading sequence is incorrectly read: First name, last name, input field, input field”Incorrect example of FRM_A11

FRM_A12: Important information

Details
All important information is placed before the start of the form.
Correct example(s)
<p>Please fill out the contact details if you would like to be contacted by staff</p>   <form> </form>
Incorrect example(s)
<form> </form><p>Make sure you have filled out the contact details if you would like to be contacted by staff</p>

FRM_A13: Meaningful content sequence is maintained

Details
Form results display before the start of the form.
Correct example(s)
Result 1 etc
	Result 2 etc
	<form> </form>
Incorrect example(s)
<form> </form>
	Result 1 etc
	Result 2 etc
Incorrect example of FRM_A13

Keyboard

FRM_A14: Keyboard accessible

Details
The entire form can be successfully navigated from top to bottom using the keyboard i.e. the form does not contain a keyboard trap.
Correct example(s)
Keyboard is not trapped in any form element
Incorrect example(s)
Keyboard is trapped and cannot proceed past a certain form element

FRM_A15: Keyboard accessible

Details
All features of the form are keyboard accessible.
Correct example(s)
All form features can be activated, entered and completed using the keyboard alone
Incorrect example(s)
Some form features cannot be operated with the keyboard

FRM_A16i: Keyboard focus

Details
The presentation of all form fields changes appropriately on keyboard focus
Correct example(s)
Field (no focus)Correct example of FRM_A16i with no focus.Presentation changes on mouse overCorrect example of FRM_A16i with mouse focus.Presentation changes on keyboard focusCorrect example of FRM_A16i with keyboard focus.
Incorrect example(s)
Field (no focus)Incorrect example of FRM_A16i with no focus.Presentation changes on mouse overIncorrect example of FRM_A16i with mouse focus.Presentation changes on keyboard focusIncorrect example of FRM_A16i with keyboard focus.

FRM_A16ii: Keyboard focus

Details
The presentation of all form buttons changes appropriately on keyboard focus
Correct example(s)
Button (no focus)Correct example of FRM_A16ii with no focus.Presentation changes on mouse overCorrect example of FRM_A16ii with mouse focus.Presentation changes on keyboard focusCorrect example of FRM_A16ii with keyboard focus.
Incorrect example(s)
Button (no focus)Incorrect example of FRM_A16ii with no focus.Presentation changes on mouse overIncorrect example of FRM_A16ii with mouse focus.Presentation changes on keyboard focusIncorrect example of FRM_A16ii with keyboard focus.

Field Labels

FRM_A17i: Labels are present

Details
All fields have a label
Correct example(s)
<label for="search">Search</label><input id="search" name="search" type="text"><input value="submit" type="submit">
Incorrect example(s)
<p><input name="query" size="30" type="text"> <input value="submit" type="submit"></p>
Correct example of FRM_A17i

FRM_A17ii: Labels are visible

Details
All field labels are visible (date fields excepted see also FRM_20i, ii)
Correct example(s)
<label for="search">Search</label><input id="search" name="search" type="text"><input value="submit" type="submit">
Correct example of FRM_A17ii
Incorrect example(s)
<label for="search" class="hidden">Search</label><input id="search" name="search" type="text"><input value="submit" type="submit">
Incorrect example of FRM_A17ii

FRM_A17iii: Labels are coded correctly

Details
All field labels are coded with LABEL FOR and ID
Correct example(s)
<label for="search">Search</label><input id="search" name="search" type="text">
Incorrect example(s)
<p>Search</p> <input id="search" name="search" type="text">

FRM_A18i: Labels are correct

Details
All form field LABEL elements are correct (i.e. the field LABEL element contains the entire text of the label)
Correct example(s)
<label for="search"> Melbourne sub-site search</label> <input id="search" name="search" type="text">
Incorrect example(s)
<p>Melbourne sub-site</p> <label for="search">search</label><input id="search" name="search" type="text">

FRM_A18ii: Labels are correct

Details
All form LABEL elements are associated with a form field (i.e. there are no orphaned LABEL elements)
Correct example(s)
<label for="search">Search</label><input id="search" name="search" type="text">
Incorrect example(s)
<label>Melbourne</label><label for="search">Search</label><input id="search" name="search" type="text">

FRM_A18iii: Labels are correct

Details
Each form field has a single, unique field LABEL element associated with it
Correct example(s)
<label for="search">Search</label> <input id="search" name="search" type="text">
Incorrect example(s)
<label for="search">Search</label><label for="search">(enter text only</label><input id="search" name="search" type="text">

Fieldsets

FRM_A19: Related fields

Details
Related fields are grouped with the FIELDSET and LEGEND elements
Correct example(s)
<fieldset> <legend>Personal details</legend> <label for="title">Title</label><input id="title" name="title" type="text"><label for="fname">First name (required)</label><input size="50" id="fname" name="fname" type="text"><label for="lname">Last name (required)</label><input size="50" id="lname" name="lname" type="text"> </fieldset>
Correct example of FRM_A19
Incorrect example(s)
<p>Personal details</p> <label for="title">Title</label><input id="title" name="title" type="text"><label for="fname">First name (required)</label> <input size="50" id="fname" name="fname" type="text"><label for="lname">Last name (required)</label><input size="50" id="lname" name="lname" type="text">
Incorrect example of FRM_A19

FRM_A20i: Date fields

Details
Date fields (e.g. day, month, year) are coded using the TITLE attribute
Correct example(s)
<fieldset><legend>Expiry Date </legend><select id="month" title="Month"> <option value="01">01</option>  <option value="12">12</option></select>   <select name="Year" title="Year"> <option value="2013">2013</option>  <option value="2022">2022</option></select> </fieldset>
Correct example of FRM_A20i
Incorrect example(s)
<fieldset> <legend>Expiry Date</legend> <select id="month"> <option value="01">01</option>  <option value="12">12</option></select>   <select name="Year"> <option value="2013">2013</option>  <option value="2022">2022</option></select> </fieldset>
Incorrect example of FRM_A20i

FRM_A20ii: Date fields

Details
Date fields are grouped with the FIELDSET and LEGEND elements
Correct example(s)
<fieldset> <legend>Expiry Date</legend> <select id="month" title="Month"> <option value="01">01</option>  <option value="12">12</option></select>   <select name="Year" title="Year"> <option value="2013">2013</option>  <option value="2022">2022</option></select> </fieldset>
Correct example of FRM_A20ii
Incorrect example(s)
<p>Expiry Date</p> <select id="month" title="Month"> <option value="01">01</option>  <option value="12">12</option></select>   <select name="Year" title="Year"> <option value="2013">2013</option>  <option value="2022">2022</option></select>
Incorrect example of FRM_A20ii

FRM_A21i: Radio buttons

Details
Radio buttons are grouped with the FIELDSET and LEGEND elements
Correct example(s)
<fieldset> <legend>Which of the following best describes the content of your message?</legend> <p><input name="type" value="System Fault" id="sys_fault" type="radio"> <label for="sys_fault">System Fault</label></p>   <p><input name="type" value="Suggestion" id="suggestion" type="radio"> <label for="suggestion">Suggestion</label> </p></fieldset>
Incorrect example(s)
<p>Which of the following best describes the content of your message?</p> <p><input name="type" value="System Fault" id="sys_fault" type="radio"> <label for="sys_fault">System Fault</label></p>   <p><input name="type" value="Suggestion" id="suggestion" type="radio"> <label for="suggestion">Suggestion</label> </p>

FRM_A21ii: Checkboxes

Details
Checkboxes are grouped with the FIELDSET and LEGEND elements
Correct example(s)
<fieldset> <legend>Select cities you are interested in</legend> <input name="type" value="Melbourne" id="melb" type="checkbox"> <label for="melb">Melbourne</label> <input name="type" value="Sydney" id="syd" type="checkbox"> <label for="syd">Sydney</label>  </fieldset>
Incorrect example(s)
<p>Select cities you are interested in<input name="type" value="Melbourne" id="melb" type="checkbox"> <label for="melb">Melbourne</label> <input name="type" value="Sydney" id="syd" type="checkbox"> <label for="syd">Sydney</label>  </p>

FRM_A22i: Fieldsets are coded correctly

Details
FIELDSET elements have a LEGEND
Correct example(s)
<fieldset> <legend>Are you working?</legend> <input name="type" value="yes" id="ys " type="radio"> <label for="sys_fault">Yes</label> <input name="type" value="no" id="no" type="radio"> <label for="no">No</label></fieldset>
Incorrect example(s)
LEGEND is missing   <p>Are you working?> <fieldset> <input name="type" value="yes" id="ys " type="radio"> <label for="sys_fault">Yes</label <input name="type" value="no" id="no" type="radio"> <label for="no">No</label></fieldset>

FRM_A22ii: Fieldsets are coded correctly

Details
The LEGEND element is coded immediately after the FIELDSET element
Correct example(s)
<fieldset> <legend>Are you working?</legend> <input name="type" value="yes" id="ys " type="radio"> <label for="sys_fault">Yes</label> <input name="type" value="no" id="no" type="radio"> <label for="no">No</label></fieldset>
Incorrect example(s)
LEGEND is not the first element after the FIELDSET   <fieldset> <input name="type" value="yes" id="ys " type="radio"> <label for="sys_fault">Yes</label> <input name="type" value="no" id="no" type="radio"> <label for="no">No</label><legend>Are you working?</legend> </fieldset>

FRM_A22iii: Fieldsets are coded correctly

Details
The FIELDSET LEGEND is concise (i.e. less than 100 characters)
Correct example(s)
<legend>Are you working full time in telecommunications?</legend>
Incorrect example(s)
<legend>Please let us know whether you are currently working in a full time capacity in the public or private telecommunications sector?</legend>

JavaScript

FRM_A23i: Alternative

Details
JavaScript form features have an accessible alternative which is available when JavaScript is disabled
Correct example(s)
Form features function and the form can be successfully submitted with JavaScript disabled
Incorrect example(s)
Form cannot be completed with JavaScript disabled
<input type="submit" onclick="javascript:submit();">

FRM_A23ii: Alternative

Details
JavaScript form features that do not require an alternative are hidden when JavaScript is disabled
Correct example(s)
JavaScript feature such as "Print this form" are hidden when JavaScript is disabled
Incorrect example(s)
JavaScript feature such as “Print this form” remain visible and do not work when JavaScript is disabled

FRM_A23iii: Alternative

Details
Placeholding characters in form fields are removed when JavaScript is disabled
Correct example(s)
JavaScript onCorrect example of FRM_A23iii with placeholder charactersJavaScript off, placeholding characters disappearCorrect example of FRM_A23iii without placeholder characters
Incorrect example(s)
JavaScript onIncorrect example of FRM_A23iii with placeholder charactersJavaScript off, placeholding characters do not disappearIncorrect example of FRM_A23iii with placeholder characters. JavaScript is off.

FRM_A24: Unusual behaviour

Details
Users are warned of any unusual behaviour before inputting content into a component
Correct example(s)
Instructions are provided <span style="text-decoration: underline;">prior</span> to any complex or unusual form feature
Incorrect example(s)
Instructions are either not provided or provided after any complex or unusual form feature

FRM_A25: Unexpected changes

Details
On focus (or exit) of a field a change in context or content does not occur
Correct example(s)
All changes occur on selection of a buttonCorrect example of FRM_A25
Incorrect example(s)
Change occurs automatically on focus or exit of an input field eg. Search form submits on exit of the input field.Incorrect example of FRM_A25

FRM_A26: Changes in context

Details
On input of a field a change in context does not occur
Correct example(s)
All changes occur on selection of a buttonCorrect example of FRM_A26
Incorrect example(s)
User selects one of the following options popup automatically appearsIncorrect example of FRM_A25 Incorrect example of FRM_A26. Pop-up.

FRM_A27: Changes in content

Details
On input of a field changes in content occur only after the current focus
Correct example(s)
Form content changes dependent on selection of an option occur only after the current focusCorrect example of FRM_A27
Incorrect example(s)
When user selects an option in “Country”, the options in “State / Province” change above the current focusIncorrect example of FRM_A27

FRM_A28i: Form submission

Details
The form can be submitted when JavaScript is disabled
Correct example(s)
Form can be submitted with JavaScript disabled
Incorrect example(s)
Form cannot be submitted with JavaScript disabledForm content automatically changes on selection of an optionIncorrect example of FRM_A28i

FRM_A28ii: Form submission

Details
Any correct data is retained when an incorrect form is submitted when JavaScript is disabled
Correct example(s)
Correct data is retainedCorrect example of FRM_A28ii
Incorrect example(s)
Correct data is not retainedIncorrect example of FRM_A28ii

FRM_A29i: Form submission

Details
Errors are identified with JavaScript disabled
Correct example(s)
Errors are identified with JavaScript disabledCorrect example of FRM_A29i
Incorrect example(s)
Errors are not identified with JavaScript disabledIncorrect example of FRM_A29i

FRM_A29ii: Form submission

Details
Errors are identified appropriately with JavaScript disabled
Correct example(s)
Errors are identified appropriately with JavaScript disabledCorrect example of FRM_A29ii
Incorrect example(s)
Errors are not identified appropriately with JavaScript disabled Incorrect example of FRM_A29ii

Style Sheets

FRM_A30: Form is understandable

Details
Form content remains unchanged when style sheets are disabled (i.e. extraneous content does not appear when style sheets are disabled)
Correct example(s)
CSS ONCorrect example of FRM_A30 with CSS onCSS OFFCorrect example of FRM_A30 with CSS off
Incorrect example(s)
CSS ONIncorrect example of FRM_A30 with CSS onCSS OFFIncorrect example of FRM_A30 with CSS off

FRM_A31: Form is understandable

Details
The visual order of the form matches the order of the content when style sheets are disabled
Correct example(s)
CSS ONCorrect example of FRM_A31 with CSS onCSS OFFCorrect example of FRM_A31 with CSS off
Incorrect example(s)
CSS ONIncorrect example of FRM_A31 with CSS onCSS OFFIncorrect example of FRM_A31 with CSS off

Level AA

Navigation

FRM_AA1: Search

Details
A search feature is provided
Correct example(s)
Correct example of FRM_AA1. A search bar is provided.
Incorrect example(s)
Incorrect example of FRM_AA1. No search bar.

Meaningful Sequence

FRM_AA2: Consistency

Details
All form submission pages are styled consistently
Correct example(s)
Submission pages are styled consistently
Incorrect example(s)
Submission pages are not styled consistently

Keyboard

FRM_AA3i: Focus indicator

Details
All form fields have a highly visible keyboard focus indicator
Correct example(s)
Field (no focus)Correct example of FRM_AA3i with no focusKeyboard focusCorrect example of FRM_AA3i with keyboard focus
Incorrect example(s)
Field (no focus)Incorrect example of FRM_AA3i with no focusKeyboard focusIncorrect example of FRM_AA3i with keyboard focus

FRM_AA3ii: Focus indicator

Details
All form buttons have a highly visible keyboard focus indicator
Correct example(s)
Button (no focus)Correct example of FRM_AA3ii. Submit button with no focus.Keyboard focusCorrect example of FRM_AA3ii. Submit button with keyboard focus.
Incorrect example(s)
Button (no focus)Incorrect example of FRM_AA3ii. Submit button with no focus.Keyboard focusIncorrect example of FRM_AA3ii. Submit button with keyboard focus.

Error Messages

FRM_AA4: Financial transactions

Details
Financial transactions meet at least one of the following criteria: reversible (FRM_AA4i); checked (FRM_AA4ii) or confirmed (FRM_AA4iii).

FRM_AA4i: Financial transactions

Details
Financial transactions are reversible (i.e. form submission can be reversed)
Correct example(s)
<p>Your credit card has been billed. However, you can change your mind and <a href="../canceltransaction.htm">cancel the transaction</a> within the next thirty minutes.</p>
Incorrect example(s)
No ability to reverse the transaction

FRM_AA4ii: Financial transactions

Details
Financial transactions can be checked (i.e. data entered is checked for errors and the user is allowed to correct the errors)
Correct example(s)
<p>Please review the following billing information and check that it is accurate before submitting the transaction. If changes need to be made please <a href="../edittransaction.htm">edit the transaction</a>.
Incorrect example(s)
No ability for the user to check the details before submitting the transaction

FRM_AA4iii: Financial transactions

Details
Financial transactions can be confirmed (i.e. a mechanism is available for reviewing, confirming, and correcting information before finalizing the submission)
Correct example(s)
<p>Before submitting this transaction</p> <label for="cnfm"> please confirm that you wish to transfer this money </label> <input name="type" value="confirm" id="cnfm" type="checkbox">
Incorrect example(s)
No checkbox available to the user to confirm that they have approved the transaction

FRM_AA5: User controllable data

Details
Modification of user-controllable data meets at least one of the following criteria: reversible (FRM_AA5i); checked (FRM_AA5ii) or confirmed (FRM_AA5iii).

FRM_AA5i: User controllable data

Details
Modification of user-controllable data is reversible (i.e. can changes be reversed)
Correct example(s)
<p>You have successfully deleted your account. If this has been done in error you can <a href="../reversedelete.htm">re-enable your account</a> within the next twenty four hours.</p>
Incorrect example(s)
No ability to reverse the modification of data

FRM_AA5ii: User controllable data

Details
Modification of user-controllable data can be checked (i.e. data entered is checked for errors and the user is allowed to correct the errors)
Correct example(s)
<p> Please confirm that you would like to delete your account. All emails will be lost. Please <a href="../confirmdelete.htm">confirm delete</a>.
Incorrect example(s)
No ability for the user to check the details before submitting the modification of data

FRM_AA5iii: User controllable data

Details
Modification of user-controllable data can be confirmed (i.e. a mechanism is available for reviewing, confirming, and correcting information before finalizing the submission)
Correct example(s)
<p>Before submitting this change, please confirm</p> <label for="cnfm"> Yes, I want to delete mu account </label> <input name="type" value="confirm" id="cnfm" type="checkbox">
Incorrect example(s)
No checkbox available to the user to confirm that they have approved the modification of data

FRM_AA6: Legal transactions

Details
Legal transactions meet at least one of the following criteria: reversible (FRM_AA6i); checked (FRM_AA6ii) or confirmed (FRM_AA6iii).

FRM_AA6i: Legal transactions

Details
Legal transactions are reversible (i.e. form submission can be reversed)
Correct example(s)
<p>You have successfully submitted your 2013 tax return. You have two days to <a href="../changereturn.htm">make any changes</a>.</p>
Incorrect example(s)
No ability to reverse the legal transaction

FRM_AA6ii: Legal transactions

Details
Legal transactions can be checked (i.e. data entered is checked for errors and the user is allowed to correct the errors)
Correct example(s)
<p>Your 2013 tax return information is provided. Please review and <a href="../editreturn.htm">edit</a> as necessary or <a href="../submitreturn.htm">submit to the Australian Taxation Office</a></p>.
Incorrect example(s)
No ability for the user to check the details before submitting the legal transaction

FRM_AA6iii: Legal transactions

Details
Legal transactions can be confirmed (i.e. a mechanism is available for reviewing, confirming, and correcting information before finalizing the submission)
Correct example(s)
<p>Please confirm that</p> <label for="cnfm"> Yes, everything in my 2013 tax return is true and correct</label> <input name="type" value="confirm" id="cnfm" type="checkbox">
Incorrect example(s)
No checkbox available to the user to confirm that they have approved the legal transaction

FRM_AA7: Error suggestions

Details
Error messages include suggestions
Correct example(s)
<label for="postcode">Postcode (required)<br><span class="error">Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Correct example of FRM_AA7
Incorrect example(s)
<label for="postcode">Postcode (required)<br><span class="error">Please enter your postcode</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Incorrect example of FRM_AA7

FRM_AA8: Error messages

Details
Error messages are not available when style sheets are disabled prior to form submission
Correct example(s)
<label for="postcode">Postcode (required)<br><span class="error">Your postcode is incorrect. Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>  
Incorrect example(s)
Error correction suggestion is hidden with the stylesheets and is available prior to form submission   <label for="postcode">Postcode (required)<br><span class="errorhidden">Your postcode is incorrect. Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>

FRM_AA9: Field suggestions

Details
Field error suggestions are included in the field LABEL element
Correct example(s)
<label for="postcode">Postcode (required)<br><span class="error">Please enter your postcode, e.g., 6000</span></label><br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Correct example of FRM_AA9
Incorrect example(s)
<label for="postcode">Postcode (required) </label><br> <span class="error">Please enter your postcode, e.g., 6000</span> <br><input id="postcode" name="postcode" size="4" value="adbd" type="text"></p>
Incorrect example of FRM_AA9