From 4f5cc7a24421872e8723d143326c14824c365b74 Mon Sep 17 00:00:00 2001 From: Tyler Jones Date: Wed, 18 Sep 2024 08:18:25 -0400 Subject: [PATCH 1/2] Add note for `Textarea` --- content/components/textarea.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/components/textarea.mdx b/content/components/textarea.mdx index b2449e101..b30899890 100644 --- a/content/components/textarea.mdx +++ b/content/components/textarea.mdx @@ -49,7 +49,7 @@ For more information about the "valid" and "invalid" states, see the [validation src="https://user-images.githubusercontent.com/6905903/274239156-064abae9-6d16-4c1a-b673-ec8f96429ed9.png" /> -**Label (required):** The input's title. It should be as concise as possible and convey the purpose of the input. The label may be visually hidden in rare cases, but a label must be defined for assistive technologies such as a screen reader. +**Label (required):** The input's title. It should be as concise as possible and convey the purpose of the input. The label may be visually hidden in rare cases, but a label must be defined for assistive technologies such as a screen reader. If the label is visually hidden, ensure there is an element nearby that serves as a visual label for the input. This guarantees that all users, including those not using assistive technologies, have access to a label. **Required indicator:** Indicates that a value is required. Must be shown for any required field, even if all fields in the form are required. From 16406070c488f0380d896e733a07fab20e4ba2eb Mon Sep 17 00:00:00 2001 From: Tyler Jones Date: Wed, 18 Sep 2024 08:35:21 -0400 Subject: [PATCH 2/2] Add additional note on including in accName --- content/components/textarea.mdx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/components/textarea.mdx b/content/components/textarea.mdx index b30899890..3ce374a07 100644 --- a/content/components/textarea.mdx +++ b/content/components/textarea.mdx @@ -50,6 +50,8 @@ For more information about the "valid" and "invalid" states, see the [validation /> **Label (required):** The input's title. It should be as concise as possible and convey the purpose of the input. The label may be visually hidden in rare cases, but a label must be defined for assistive technologies such as a screen reader. If the label is visually hidden, ensure there is an element nearby that serves as a visual label for the input. This guarantees that all users, including those not using assistive technologies, have access to a label. +If a visual label is provided but not directly linked to the input, the visually hidden label should include the text of the visual label as part of its accessible name. + **Required indicator:** Indicates that a value is required. Must be shown for any required field, even if all fields in the form are required.