Difference between revisions of "Input Element Multiple Types"

From Level Access Web Labs
Jump to navigation Jump to search
(File input type)
 
(4 intermediate revisions by 3 users not shown)
Line 36: Line 36:
 
</div>
 
</div>
 
<div>
 
<div>
   <label for=file1"> File: </label>
+
   <label for="file1"> File: </label>
 
   <input id="file1" type="file" />
 
   <input id="file1" type="file" />
 
</div>
 
</div>
Line 89: Line 89:
 
</html>
 
</html>
  
==results==
+
==Results==
For the file input type the label file is not announced when navigating through the form using the TAB key.  
+
===File input type===
The button for Choosing the file is announced as Choose file in Chrome and Browse in Firefox.  
+
* In Chrome with NVDA 2019.2.1 and JAWS 2020 the accessible name is announced but not the "choose file" visible text.
 +
* In Firefox JAWS 2020 and NVDA 2019.2.1 do announce but the accessible name and the visible text of the button “browse”.
  
 
[[Category:Elements]]
 
[[Category:Elements]]
 
[[Category:HTML5]]
 
[[Category:HTML5]]

Latest revision as of 22:58, 10 January 2020

This page covers the following input types

  • type color
  • type date
  • type datetime
  • type email
  • type file
  • type hidden
  • type month
  • type number
  • type password
  • type range
  • type reset
  • type search
  • type submit
  • type tel
  • type time
  • type url
  • type week

Results

File input type

  • In Chrome with NVDA 2019.2.1 and JAWS 2020 the accessible name is announced but not the "choose file" visible text.
  • In Firefox JAWS 2020 and NVDA 2019.2.1 do announce but the accessible name and the visible text of the button “browse”.