Accessibility considerations for multiple inputs #2178
-
|
Hi, we have a usecase where user can add multiple input values for the same field. Can the additional input fields work without labels? I have shown only 3 inputs in the example but a user can add up to 10 inputs.
|
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hi @Khushli! I've discussed your design w/ the team, and the simplest way forward that ensures accessibility for these inputs would be to note that they should be built inside a fieldset and that each input should have a unique hidden aria-label. It can be achieved by wrapping the inputs with Let me know if you have any questions! |
Beta Was this translation helpful? Give feedback.
-
|
Here's a codesandbox example of what this would look like as well, @Khushli! |
Beta Was this translation helpful? Give feedback.
Hi @Khushli! I've discussed your design w/ the team, and the simplest way forward that ensures accessibility for these inputs would be to note that they should be built inside a fieldset and that each input should have a unique hidden aria-label. It can be achieved by wrapping the inputs with
<Box as="fieldset">, and labeling this fieldset with<Label as="legend">Let me know if you have any questions!