HTML textarea element test
Test
- The label should be announced.
- Textarea elements with required attribute should be announced as "required"
- Textarea elements with aria-required="true" attribute should be announced as "required"
Example
Code sample
<form method="get" action="#">
<div>
<label for="a">Name</label>
<textarea id="a"></textarea>
</div>
<div>
<label for="b">Address</label>
<textarea id="b" required></textarea>
</div>
<div>
<label for="c">Phone</label>
<textarea id="c" aria-required="true"></textarea>
</div>
<div>
<label for="d">Street</label>
<textarea id="d" required aria-required="true"></textarea>
</div>
</form>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
Example 1: Name. Edit. Multiline Example 2: Address. Edit. Multiline Required not announced Example 3: Phone. Edit. Required. Multiline Example 4: Street. Edit. Required. Multiline |
Example 1: Name. Edit. Type in text Example 2: Address. Edit. Type in text Required not announced Example 3: Phone. Edit. Required. Type in text Example 4: Street. Edit. Required. Type in text |
|
| Windows 7 | IE 8 | x | x | |
| Windows 7 | Chrome 39 |
Example 1: Name. Edit. Multiline. Blank Example 2: Address. Edit. Multiline. Required. Blank Example 3: Phone. Edit. Multiline. Required. Blank Example 4: Street. Edit. Multiline. Required. Blank |
Example 1: Name. Edit. Type in text Example 2: Address. Edit. Required. Type in text Example 3: Phone. Edit. Required. Type in text Example 4: Street. Edit. Required. Type in text |
|
| Windows 7 | Firefox 34 |
Example 1: Name. Edit. Multiline. Blank Example 2: Address. Edit. Invalid entry. Multiline. Required. Blank Example 3: Phone. Edit. Multiline. Required. Blank Example 4: Street. Edit. Invalid entry. Multiline. Required. Blank |
Example 1: Name. Edit. Type in text Example 2: Address. Edit. Required. Type in text Example 3: Phone. Edit. Required. Type in text Example 4: Street. Edit. Required. Type in text |
|
| OSX 10.9 | Chrome 39 |
Example 1: Name. Collapsed. Edit. text Example 2: Address. Collapsed. Edit. text Required not announced Example 3: Phone. Collapsed. Edit. text Required not announced Example 4: Street. Collapsed. Edit. text Required not announced |
||
| OSX 10.9 | Firefox 34 |
Example 1: Name. text Example 2: Address. Required. text Example 3: Phone. Required. text Example 4: Street. Required. text |
||
| OSX 10.9 | Safari 7 |
Example 1: Name. Edit. text Example 2: Address. Edit. text Required not announced Example 3: Phone. Edit. text Required not announced Example 4: Street. Edit. text Required not announced |