diff --git a/packages/components/src/components/bal-checkbox/bal-checkbox.tsx b/packages/components/src/components/bal-checkbox/bal-checkbox.tsx index e2bb6a9a99..20929ed196 100644 --- a/packages/components/src/components/bal-checkbox/bal-checkbox.tsx +++ b/packages/components/src/components/bal-checkbox/bal-checkbox.tsx @@ -439,7 +439,6 @@ export class Checkbox implements ComponentInterface, FormInput, Loggable, B return ( + + + + + + a11y + + + + + + +
+

a11y

+
+ + Basic Label + + Basic Label 1 + + Basic Message + +
+
+ + Basic Group Label + + + Basic Group 1 + Basic Group 2 + Basic Group 3 + + + Basic Group Message + +
+
+ + Checked Label + + + Checked + + + Checked Message + +
+
+ + Label Hidden + + + Label hidden + + + Label Hidden Message + +
+
+ + Disabled Label + + + Disabled + + + Disabled Message + +
+
+ + Invalid Label + + + Invalid + + + Invalid Message + +
+ +
+ + Select Button Basic Label + + Select button basic + + Select Button Basic Message + +
+ +
+ + Select Button Group Label + + + Select button group 1 + Select button group 2 + Select button group 3 + + + Select Button Group Message + +
+ +
+ + Select Button Checked Label + + Select Button Checked + + Select Button Checked Message + +
+ +
+ + Select Button Label Hidden + + Select Button Label Hidden 1 + + Select Button Label Hidden Message + +
+ + + +
+ + Select Button Disabled Label + + Select Button Disabled + + Select Button Disabled Message + +
+ +
+ + Switch Basic Label + + Switch + + Switch Basic Message + +
+ +
+ + Switch Group Label + + + Switch 1 + Switch 2 + Switch 3 + + + Switch Group Message + +
+ +
+ + Switch Checked Label + + Switch 4 + + Switch Checked Message + +
+ +
+ + Switch Label Hidden Label + + Switch 5 + + Switch Label Hidden Message + +
+ + + +
+ + Switch Disabled Label + + Switch 7 + + Switch Disabled + +
+
+ + + diff --git a/test/cypress/e2e/a11y/bal-checkbox.a11y.cy.ts b/test/cypress/e2e/a11y/bal-checkbox.a11y.cy.ts new file mode 100644 index 0000000000..30fa1cd673 --- /dev/null +++ b/test/cypress/e2e/a11y/bal-checkbox.a11y.cy.ts @@ -0,0 +1,34 @@ +describe('bal-checkbox', () => { + context('a11y', () => { + beforeEach(() => cy.platform('desktop').pageA11y('/components/bal-checkbox/test/bal-checkbox.a11y.html')) + + describe('have the AA standard', () => { + it('checkbox basic', () => { + cy.getByTestId('checkbox-basic').testA11y() + cy.getByTestId('group').testA11y() + cy.getByTestId('checked').testA11y() + cy.getByTestId('basic-label-hidden').testA11y() + cy.getByTestId('disabled').testA11y() + cy.getByTestId('invalid').testA11y() + }) + + it('select button', () => { + cy.getByTestId('select-button-basic').testA11y() + cy.getByTestId('select-button-group').testA11y() + cy.getByTestId('select-button-checked').testA11y() + cy.getByTestId('select-button-label-hidden').testA11y() + // cy.getByTestId('select-button-invalid').testA11y() + cy.getByTestId('select-button-disabled').testA11y() + }) + + it('switch basic', () => { + cy.getByTestId('switch-basic').testA11y() + cy.getByTestId('switch-group').testA11y() + cy.getByTestId('switch-checked').testA11y() + cy.getByTestId('switch-label-hidden').testA11y() + // cy.getByTestId('switch-invalid').testA11y() + cy.getByTestId('switch-disabled').testA11y() + }) + }) + }) +})