Skip to content

Latest commit

 

History

History
143 lines (125 loc) · 3.79 KB

TC1005C010.md

File metadata and controls

143 lines (125 loc) · 3.79 KB
title layout extra_css
Test Case: TC1005C010 - Forms-ARIA Role Toggle Elements Labeling
page
disable-checkbox.css

Accessibility Test Cases for Web

Test Case ID: TC1005C010

ICT Baseline Test: Forms (TTv5 5.C) - ARIA Role Toggle Elements Labeling

Test Case Type: Automated Manual

Instructions

Apply accessibility rules against this page and interpret results as indicated in the Interpreting Test Results section below.

Test Scenarios

Scenario 1

ARIA checkbox with no labeling. The third checkbox in the checkbox array below has no accessible labeling (Fail):

Choose Your Favorite Automobile Brands

  • Acura
  • Chevrolet
  •  
  • Mercedes

Scenario 2

ARIA checkbox with proper labeling. All checkboxes in the checkbox array below has proper labeling (Pass):

Choose Your Favorite Automobile Brands

  • Acura
  • Chevrolet
  • Honda
  • Mercedes
<script> window.onload = function () { 
var checkboxes = document.querySelectorAll('[role="checkbox"]');

for (var i = 0; i < checkboxes.length; i++) {
  var cb = new Checkbox(checkboxes[i]);
  cb.init();
}

}; </script>

Interpreting Test Results

ICT Testing Baseline Status

The ICT Testing Baseline interprets Scenario 1 as a failure for the Forms baseline test. Scenario 2 is a pass.

Remediation can take the form of any of the scenarios above described as "Pass."

Ruleset Alignments

Axe-core
  • aria-toggle-field-name

Validated? [YES] - Test Case | Updated: Sunday 03/08/2020 6:53 PM | Template Version: 03/02/2020 12:29a