scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: aria-label warnings for edit profile form

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-04-16 12:59:58 +02:00
parent 21a839488a
commit 4ee4570373
11 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/TempDesignSystem/Form/Date/Select/index.tsx
+3 -1
View File
@@ -18,6 +18,7 @@ import styles from "./select.module.css"
import type { SelectProps } from "./select"
export default function Select({
"aria-label": ariaLabel,
items,
label,
name,
@@ -41,6 +42,7 @@ export default function Select({
return (
<div className={styles.date} ref={divRef}>
<ReactAriaSelect
aria-label={ariaLabel}
className={styles.select}
onSelectionChange={handleOnSelect}
placeholder={placeholder}
@@ -63,7 +65,7 @@ export default function Select({
*/
UNSTABLE_portalContainer={divElement ?? undefined}
>
<ListBox aria-label={name} className={styles.listBox}>
<ListBox className={styles.listBox}>
{items.map((item) => (
<ListBoxItem
aria-label={String(item)}
components/TempDesignSystem/Form/Date/index.tsx
+4
View File
@@ -51,6 +51,7 @@ export default function DateSelect({
return (
<DatePicker
aria-label="Select date of birth"
granularity="day"
isRequired={!!registerOptions.required}
name={name}
@@ -73,6 +74,7 @@ export default function DateSelect({
return (
<DateSegment className={styles.day} segment={segment}>
<Select
aria-label={_("Day")}
items={days}
label={_("Day")}
name={DateName.date}
@@ -86,6 +88,7 @@ export default function DateSelect({
return (
<DateSegment className={styles.month} segment={segment}>
<Select
aria-label={_("Month")}
items={months}
label={_("Month")}
name={DateName.month}
@@ -99,6 +102,7 @@ export default function DateSelect({
return (
<DateSegment className={styles.year} segment={segment}>
<Select
aria-label={_("Year")}
items={years}
label={_("Year")}
name={DateName.year}