With Adobe® ColdFusion® 11 software, developers can create powerful, accessible, high-quality forms using a familiar set of CFML tags. With 25 accessible controls, ColdFusion 11 provides developers with a completely new set of tools for creating complex, multistep, and accessible forms.

 


Enabling accessibility in Flash form
 

ColdFusion 11 offers a complete set of tools for authoring accessible rich Internet applications (RIAs). However, Flash forms are not accessible by default. To make an application created with ColdFusion 11 accessible, you need to enable accessibility for that specific application. Doing so imports the accessibility object for each component used in the application, which increases the size of the SWF file slightly. You can activate accessibility in two ways. First, you can make a global change on a server level for all applications. To do this, open the flex-config.xml file on your server and modify the value for the <accessible> element to:

<accessible>true</accessible>

 

Second, you can set an individual application to be accessible in the CFML with the accessible attribute to cfform

<cfform name = "name"
action = "form_action"
method = "POST"
format = "Flash"
skin = "Flash"
accessible = "yes"
...
>...</cfform>
 
Accessible Flex components
 

To accelerate the development of accessible applications, ColdFusion 11 includes a set of Flex components with support for accessibility built in. These components automate many of the most common accessibility practices, such as providing text equivalents, labeling controls, and ensuring keyboard access. Using these components helps ensure a consistent user experience across rich applications. For a detailed list of components and accessibility-related issues, please refer to the following accessible Flex components table.

Component

 

Instructions

 

Known issues

 

Button control

 

Activate a Button control using the spacebar. When using a screen reader, activate a Button control using the Enter key. None.

CheckBox control

 

Activate a CheckBox control using the spacebar.

When using a screen reader, select a CheckBox control using either the spacebar or the keyboard.

None.

ComboBox control

 

Use the Up and Down Arrow keys to move through the items in the ComboBox drop-down list. To open the ComboBox list, press Control+↓.

When using a screen reader in Forms mode, use the Up and Down Arrow keys to move through the items in the menu.

None.

ListBox control

 

Use the Up and Down Arrow keys to move through the items in the ListBox list.

When using a screen reader in Forms mode, use the Up and Down Arrow keys to move through the items in the menu.

The first item in a ListBox control is not read when focus is placed on the control. Using the Down Arrow key, the second item is read. Using the Up Arrow key from there, the first item is read.

RadioButton control

 

With one radio button selected within a group, press Enter to go to that group. Next use the arrow keys to move among items within that group. The Down and Right Arrow keys move to the next item in a group and the Up and Left Arrow keys move to a previous item in the group. When using a screen reader, select a radio button by pressing Enter. None.

TextInput control

 

None. None.

DataGrid control

 

Use the arrow keys to highlight the contents and then move among individual characters within that field.

When using a screen reader, press Control+Shift+A to enter Forms mode. Use the Tab key to move among editable fields in the DataGrid control

.

To edit a field, use the arrow keys to highlight the contents and then move among individual characters within that field.

The first row in a DataGrid is not read when focus is placed on the control. Using the Down Arrow key, the second row is read. Using the Up Arrow key from there, the first row is read.

Accordion container

 

Use the Page Up and Page Down keys to move among individual panes of the Accordion container.

When a screen reader encounters an Accordion container, it indicates each pane with the word "tab." It indicates the current pane with the word "active."

When a pane is selected, the user can move to that pane by pressing Enter.

None.

DateChooser control

 

Use the Up, Down, Left, and Right Arrow keys to change the selected date. Use the Home and End keys to reach the first and last enabled date in a month, respectively. Use the Page Up and Page Down keys to reach the previous and next month, respectively.

When using a screen reader, move the focus to the calendar view and press Enter to go into Forms mode. Use the Up, Down, Left, and Right Arrow keys to change the selected date. Use the Home and End keys to reach the first and last enabled date in a month, respectively. Use the Page Up and Page Down keys to reach the previous and next month, respectively.

None.

DateField control

 

With the focus on the DateField control, press Enter to switch to Forms mode.

Use the spacebar to open the DateChooser control and select the appropriate date.

None.

Tab Navigator

 

Use the Page Up and Page Down keys to move among individual panes of the Tab Navigator container.

When a screen reader encounters a Tab Navigator container pane, it indicates each panel with the word "tab." It indicates the current pane with the word "active." When a pane is selected, the user can move to that pane by pressing Enter.

None.

Tree control

 

Use the Up and Down Arrow keys to move among items in a Tree control. To open a group, use the Right Arrow key. To close a group, use the Left Arrow key.

When using a screen reader, press Enter to enter Forms mode. This enables the user to open and close nodes of the Tree control. Use the Up and Down Arrow keys to move among items in a Tree control. To open a group, use the Right Arrow key. To close a group, use the Left Arrow key.

None.
Adobe Accessibility Resource Center
 

The Adobe Accessibility Resource Center provides a number of documents offering tips and techniques to designers and developers seeking to create accessible content. Visit the Accessibility Resource Center to find more information on accessibility. This site is frequently updated with new tools and information to support accessible design in Flex software.