fix(a11y): add selected state to season filters

Videodock · Feb 28, 2024 · 954d40f · 954d40f
1 parent f4d3e01
commit 954d40f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/ui-react/src/components/Filter/Filter.tsx b/packages/ui-react/src/components/Filter/Filter.tsx
@@ -41,10 +41,11 @@ const Filter: FC<Props> = ({ name, value, defaultLabel, options, setValue, force
           {options.map((option) => {
             const optionLabel = typeof option === 'string' ? option : option.label;
             const optionValue = typeof option === 'string' ? option : option.value;
+            const active = value === optionValue;
 
-            return <Button label={optionLabel} onClick={() => setValue(optionValue)} key={optionValue} active={value === optionValue} role="option" />;
+            return <Button label={optionLabel} onClick={() => setValue(optionValue)} key={optionValue} active={active} role="option" aria-selected={active} />;
           })}
-          <Button label={defaultLabel} onClick={() => setValue('')} active={value === ''} key={defaultLabel} role="option" />
+          <Button label={defaultLabel} onClick={() => setValue('')} active={value === ''} key={defaultLabel} role="option" aria-selected={value === ''} />
         </div>
       ) : (
         <div className={styles.filterDropDown}>