- Important note: This Wiki page is edited by participants of the User Agent Accessibility Guidelines working group (UAWG). It does not necessarily represent consensus and it may have incorrect information or information that is not supported by other Working Group participants, WAI, or W3C. It may also have some very useful information.

1.3.2

From WAI UA Wiki
Jump to: navigation, search

Return to Tests_for_CR

Status

written 20 October 2014

NOTE: we need to think about how to test selection of non-text content.

Author

Jeanne Spellman

Success Criteria

1.3.2 Highlighting Options: When highlighting classes specified by 1.3.1 Highlighted Items, the user can specify highlighting options that include at least: (Level AA)

  • Foreground colors
  • Background colors
  • Borders (color, style, and thickness)
  • Size when the indicator is an image
  • Blink rate (where implemented)

Tests

Test Procedure 1 (Selection)

  1. Identify methods of customizing highlighting of text (e.g. by exploring the UI or consulting Help documentation).
  2. Customize the highlighting using the features discovered in step #1 so that the following are changed:
    • Foreground colors
    • Background colors
    • Borders (color, style, and thickness)
    • Blink rate (where implemented)
  3. Open a sample text document.
    [Sample HTML test document]
  4. Check that the changes made in step 2 are rendered correctly.

Expected Results 1

  • Check #4 is true

Test Procedure 2 (Keyboard Focus)

  1. Identify methods of customizing highlighting cursors or focus indication (e.g. by exploring the UI or consulting Help documentation).
  2. Customize the highlighting of the cursor using the features discovered in step #1 so that the following are changed:
    • Foreground colors (if applicable)
    • Background colors (if applicable)
    • Borders (color, style, and thickness)
    • Size when the indicator is an image (N/A for most user agents, but if the browser uses an icon as a cursor or focus indicator, then the icon image must be able to be resized)
    • Blink rate (where implemented)
  3. Open a sample text document.
    [Sample HTML test document]
  4. Check that the changes made in step 2 are rendered correctly.

Expected Results 2

  • Check #4 is true

Test Procedure 3 (Enabled Elements)

  1. Identify methods of highlighting enabled elements (e.g. by exploring the UI or consulting Help documentation).
  2. Customize the highlighting using the features discovered in step #1 so that the following are changed:
    • Foreground colors (if applicable)
    • Background colors (if applicable)
    • Borders (color, style, and thickness)
    • Size when the indicator is an image (N/A for most user agents, but if the browser uses an icon as a cursor or focus indicator, then the icon image must be able to be resized)
    • Blink rate (where implemented)
  3. Open a sample text document
    [Sample HTML test document]
  4. Using the appropriate technique for the platform (click, tab, touch, etc) select an enabled element.
  5. Check that the changes made in step 3 are rendered correctly.

Expected Results 3

  • Check #4 is true

Test Procedure 4 (Visited Links)

  1. Identify methods of highlighting links (e.g. by exploring the UI or consulting Help documentation).
  2. Customize the highlighting of visited links using the features discovered in step #1 so that the following are changed:
    • Foreground colors (if applicable)
    • Background colors (if applicable)
    • Borders (color, style, and thickness)
    • Size when the indicator is an image (N/A for most user agents, but if the browser uses an icon as a cursor or focus indicator, then the icon image must be able to be resized)
    • Blink rate (where implemented)
  3. Open a text document with links that have not previously been visited. Many browsers will allow you to reset the history so all links are unvisited.
  4. Navigate a link to leave the document being tested.
  5. Navigate back to the original text document
  6. Check that the link has changed colors or is distinguished from other unvisited links.

Expected Results 4

  • Check #6 is true

Test Procedure 5 (Found search results)

  1. Identify methods of highlighting found search results(e.g. by exploring the UI or consulting Help documentation).
  2. Customize the highlighting of search results using the features discovered in step #1 so that the following are changed:
    • Foreground colors (if applicable)
    • Background colors (if applicable)
    • Borders (color, style, and thickness)
    • Size when the indicator is an image (N/A for most user agents, but if the browser uses an icon as a cursor or focus indicator, then the icon image must be able to be resized)
    • Blink rate (where implemented)# Open a sample text document
      [Sample HTML test document]
  3. Using the appropriate technique for the platform create a search for a known term.
  4. Check that the found term is highlighted in the document text with the changes in step #2.

Expected Results 5

  • Check #4 is true


Return to Tests_for_CR