diff --git a/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts b/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
index 216fb81965..9fe0e552f7 100644
--- a/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/auth/login/login.element.ts
@@ -79,7 +79,7 @@ export default class UmbLogin extends LitElement {
 					<uui-form>
 						<form id="LoginForm" name="login" @submit="${this._handleSubmit}">
 							<uui-form-layout-item>
-								<uui-label for="email" slot="label" required>Email</uui-label>
+								<uui-label id="emailLabel" for="email" slot="label" required>Email</uui-label>
 								<uui-input
 									type="email"
 									id="email"
@@ -90,7 +90,7 @@ export default class UmbLogin extends LitElement {
 							</uui-form-layout-item>
 
 							<uui-form-layout-item>
-								<uui-label for="password" slot="label" required>Password</uui-label>
+								<uui-label id="passwordLabel" for="password" slot="label" required>Password</uui-label>
 								<uui-input-password
 									id="password"
 									name="password"
diff --git a/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts b/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts
new file mode 100644
index 0000000000..72bd452fb9
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/auth/login/login.test.ts
@@ -0,0 +1,21 @@
+import { expect, fixture, html } from '@open-wc/testing';
+
+import UmbLogin from './login.element';
+
+describe('UmbLogin', () => {
+	let element: UmbLogin;
+
+	beforeEach(async () => {
+		element = await fixture(html`<umb-login></umb-login>`);
+	});
+
+	it('is defined with its own instance', () => {
+		expect(element).to.be.instanceOf(UmbLogin);
+	});
+
+	it('passes the a11y audit', async () => {
+		await expect(element).to.be.accessible({
+			ignoredRules: ['color-contrast'],
+		});
+	});
+});