Visible selector for outlines and views

Provide a visible selector for embedded outlines and views.

Users need a visible indication of where they are as they navigate through a view or outline. If the application doesn't provide visual feedback of where they are in the list, users cannot make an accurate selection. Options for embedded views and outlines must be enabled to provide a visible selector.

By default, the background color property for embedded outline entries is set to "(none)". This means there is no visible indication of where you are when you navigate through an embedded outline. The focus indicator will be displayed if you reset the background to any color besides "(none)". Embedded views do not provide a visible selector if they use the option "Show contents only (don't show title)" or "Simple appearance". The focus indicator will be displayed if you disable these options.

Back to top

• Change the background color for sub-level entries in outlines to give a visual focus indicator when they are selected using the keyboard or passed over using the mouse. Open the page or form which contains the embedded outline.
  • Open the Embedded Outline Properties box and select the Background tab
  • In the Control Background list, select Sub-Level Background
  • Under the Background Color section, choose a color for "Selected" that will contrast with the background of the outline and the page
  • If the outline has a background image, verify the color for "Selected" has sufficient contrast with the image
  • Select a color for "Moused" which will contrast with the background of the outline.
• Change the background color for top-level entries in outlines to give a visual focus indicator when they are selected
  • Open the page or form containing the embedded outline
  • Open the Embedded Outline Properties box and select the Background tab
  • In the Control Background list, select Top-Level Background. Under the Background Color section, select a color for "Selected" which will contrast with the background of the outline and the page
  • If the outline has a background image, verify the color for "Selected" has sufficient contrast
  • Select a color for "Moused" that contrasts with the background of the outline.
  • The color you choose for the top-level entries should be consistent with the colors for the sub-level entries.
• Modify the embedded view properties to display a visible focus indicator for views embedded on pages.
  • Open the Embedded View Properties box and select the Display tab
  • Deselect the option "Show contents only (don't show title)".
• Modify the frame properties to display a visible focus indicator for views embedded directly in the frame.
  • Open the Frame Properties box and select the Info tab
  • Deselect the option "Simple appearance".

Test the application to ensure that it complies with accessibility requirements.

Tools

There are no tools required to test this checkpoint.

Techniques