diff --git a/frontend/src/lib/components/PersonTypeSelector.svelte b/frontend/src/lib/components/PersonTypeSelector.svelte
index bd77c6a1..1d4de750 100644
--- a/frontend/src/lib/components/PersonTypeSelector.svelte
+++ b/frontend/src/lib/components/PersonTypeSelector.svelte
@@ -32,6 +32,7 @@ function select(type: PersonType) {
{ if (TYPES.includes(v as PersonType)) select(v as PersonType); }}
>
diff --git a/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts b/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts
index ec96f810..58738aa1 100644
--- a/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts
+++ b/frontend/src/lib/components/PersonTypeSelector.svelte.spec.ts
@@ -7,6 +7,13 @@ import PersonTypeSelector from './PersonTypeSelector.svelte';
afterEach(() => cleanup());
describe('PersonTypeSelector', () => {
+ it('radiogroup has an accessible name via aria-label', () => {
+ const { container } = render(PersonTypeSelector, { value: 'PERSON' });
+ const radiogroup = container.querySelector('[role="radiogroup"]');
+ expect(radiogroup).not.toBeNull();
+ expect(radiogroup!.getAttribute('aria-label')).toBeTruthy();
+ });
+
it('hidden input value updates when user navigates with ArrowRight', async () => {
const { container } = render(PersonTypeSelector, { value: 'PERSON' });
const hiddenInput = container.querySelector('input[type="hidden"]') as HTMLInputElement;