Movie Transcript

User Interface Elements Video Overview - Part 4

--[Video]--

Top left portion of a sample form using custom controls, live, in the Delphi development window

In the Tool Palette to the right of the design window, the mouse selects TVA508AccessibilityManager, showing us the image representing it in the design window is a small blue square with just the universal symbol for accessibility on it

--[Narrator]--

Here's another screen with some custom controls, or more detailed examples of controls that get used in the VHA. One issue that Delphi has in providing labels for controls is that if a label needs to be on multiple lines of text, it's not able to be read by assistive technology.

Here's another place where there's an opportunity to use the Delphi accessibility component to fix the problem.

Navigate to the tool pallet and scroll down to the VA 508 section. This form already has an instance of the TVA 508 Accessibility Manager component on the form. We only need to add this component one time to the form to begin using it.

Now that we have it on the form, we can begin providing accessible labels.

--[Video]--

The mouse selects the Full Name edit box, then its label, then the edit box again

The Properties tab to the left of the design window is scrolled down to Hint

--[Narrator]--

This edit field is labeled by the two-line label above it. Now we can select this edit field and go to its Hint property.

--[Video]--

The mouse opens the Hint list in the Properties tree, opens the AccessLabel dropdown, and selects Label1="Please Enter Full Name"

--[Narrator]--

The AccessLabel is where we actually select which label should be read as the label for the control. Every label that is on the form is a viable option, so choose the correct one.

And when you recompile this application, the assistive technology will now make the correct association between this edit field and its two-line label above it.

(end)