Testing Form Control Labeling with FAE

Overview

Great tool for compliance monitoring and getting a general idea of the accessibility features of a website.

Strengths

  1. Tests for markup to label each form controls
  2. Provides specific information on what developers need to do to change in their code to improve accessibility
  3. Tests to make sure that form labels are unique
  4. Test multiple web pages
  5. Can crawl websites

Weakness

  1. does not provide information on specific form controls on a web page

Step 1: Go to the FAE website

Procedure

  1. Goto the FAE website
  2. Enter the URL of the website with the form controls you want to check
  3. Select the “Evaluate” button to request the evaluation

Checking Multiple Web Pages or a web site

  1. If you want to check multple pages you can create a free acount FAE Account
  2. You can then login and there a number of options for checking multiple pages and crawling web sites

Screenshot

Screen shot of Go to the FAE website

Step 2: Review the FAE Summary Report for an overview of how many labeling rules failed

Procedure

  1. If the percentage of “Form Control Labels” rules that fail is greater than 0 then form controls are not fully accessible

Screenshot

Screen shot of Review the FAE Summary Report for an overview of how many labeling rules failed

Step 3: FAE Page level report provides details on form control rules

Procedure

  1. Each rule provide information on the number of applicable form controls
  2. Statements indicate how many form controls pass and failed the rule requirements
  3. Each rule indicates the coding pattern that the rule was evaluating

Screenshot

Screen shot of FAE Page level report provides details on form control rules

Rules Evaluated with this Technique

Rules evaluated with Functional Accessibility Evaluator
Test
Type
Description
Manual

The effective Label for a form control must uniquely identify the purpose of a form control on a web page.

Automatic

The elements input[type=“text | password | checkbox | radio | file”], select and textarea must have labels.

Automatic

The element input[type=“image”] must have alt text:

Automatic

The elements input[type=“button”] must have and input[type=[submit | reset”] may have value text.

Automatic

Each label, button and legend element must contain text content.

Automatic

The text content of each label and legend element should not only come from the alt attribute of img elements.

Automatic

If a form control has an id attribute its value must be unique on the page.

Automatic

Each effective label within a page should be unique.

Undefined

Text content that cannot receive the focus should not be placed between form controls.

Undefined

Use CSS to allow form control text size to change with the zoom setting of the browser.

Undefined

Style the form control with focus differently than form controls without focus.

Undefined

Required form controls should have the word “required” as part of the effective label.

Undefined

Invalid form controls should have the word “invalid” as part of the effective label.

Undefined

Browser or client side (i.e. using javascript) validation of a form control values

Undefined

Ensure that form fields are in a logical tabbing order.