From d053693c68c5de55bb9b2227d5fa1588691ec87f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Sun, 19 Jun 2022 16:29:18 +0300 Subject: [PATCH 1/2] Accessibility for Textarea --- src/views/textarea/TextareaDoc.vue | 35 ++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/src/views/textarea/TextareaDoc.vue b/src/views/textarea/TextareaDoc.vue index 516b5037a..19e81b872 100755 --- a/src/views/textarea/TextareaDoc.vue +++ b/src/views/textarea/TextareaDoc.vue @@ -78,6 +78,41 @@ import Textarea from 'primevue/textarea'; +
Accessibility
+ +
Screen Reader
+

Textarea component renders a native textarea element that implicitly includes any passed prop. Value to describe the component can either be provided via label tag combined with id prop or using aria-labelledby, aria-label props.

+ +

+<label for="address1">Address 1</label>
+<Textarea id="address1" />
+
+<span id="address2">Address 2</span>
+<Textarea id="address2" aria-labelledby="address2" />
+
+<Textarea aria-label="Address Details"/>
+
+
+ +
Keyboard Support
+
+ + + + + + + + + + + + + +
KeyFunction
tabMoves focus to the input.
+
+ +
Dependencies

None.

From 5c0930b93b9401d5b8c5dfc3cf88374f59c9f237 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Mon, 27 Jun 2022 14:53:22 +0300 Subject: [PATCH 2/2] refactor --- src/views/textarea/TextareaDoc.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/textarea/TextareaDoc.vue b/src/views/textarea/TextareaDoc.vue index 19e81b872..eb68dca20 100755 --- a/src/views/textarea/TextareaDoc.vue +++ b/src/views/textarea/TextareaDoc.vue @@ -88,7 +88,7 @@ import Textarea from 'primevue/textarea'; <Textarea id="address1" /> <span id="address2">Address 2</span> -<Textarea id="address2" aria-labelledby="address2" /> +<Textarea aria-labelledby="address2" /> <Textarea aria-label="Address Details"/>