diff --git a/packages/components/src/components/bal-logo/test/bal-logo.cy.html b/packages/components/src/components/bal-logo/test/bal-logo.cy.html
new file mode 100644
index 0000000000..218dcd2b8a
--- /dev/null
+++ b/packages/components/src/components/bal-logo/test/bal-logo.cy.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Basic
+
+
+
+
+
diff --git a/test/cypress/e2e/a11y/bal-logo.a11y.cy.ts b/test/cypress/e2e/a11y/bal-logo.a11y.cy.ts
new file mode 100644
index 0000000000..5c4762d1de
--- /dev/null
+++ b/test/cypress/e2e/a11y/bal-logo.a11y.cy.ts
@@ -0,0 +1,32 @@
+describe('bal-logo', () => {
+ context('a11y', () => {
+ beforeEach(() => cy.platform('desktop').pageA11y('/components/bal-logo/test/bal-logo.cy.html'))
+
+ describe('have the AA standard', () => {
+ it('basic', () => {
+ cy.getByTestId('basic').testA11y()
+ })
+
+ testColorA11y(['blue', 'white'])
+ testSizeA11y(['small'])
+ })
+ })
+})
+
+function testColorA11y(colors: BalProps.BalLogoColor[]) {
+ for (let index = 0; index < colors.length; index++) {
+ const color = colors[index]
+ it(`color ${color}`, () => {
+ cy.getByTestId('basic').setProperty('color', color).testA11y()
+ })
+ }
+}
+
+function testSizeA11y(sizes: BalProps.BalLogoSize[]) {
+ for (let index = 0; index < sizes.length; index++) {
+ const size = sizes[index]
+ it(`size ${size}`, () => {
+ cy.getByTestId('basic').setProperty('size', size).testA11y()
+ })
+ }
+}