Difference between revisions of "Input type file with different accessible names"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "<html> <p>Input wrapped in label (no for or id attribute association)</p> <label>Image: <input type="file"></label> <p>Input with explicit label - not wrapped</p> <label for="...")
 
 
Line 5: Line 5:
 
<label for="i1">Image:</label><input id="i1" type="file">
 
<label for="i1">Image:</label><input id="i1" type="file">
 
<p>Input with aria-label</p>
 
<p>Input with aria-label</p>
<div>Image</div> <input aria-label="my aria-label image"> type="file">
+
<div>Image</div> <input aria-label="my aria-label image" type="file">
 
<p>Input with aria-labelledby</p>
 
<p>Input with aria-labelledby</p>
<div id="i2">Image</div> <input aria-labelledby="i2"> type="file">
+
<div id="i2">Image</div> <input aria-labelledby="i2" type="file">
 
</html>
 
</html>

Latest revision as of 22:53, 10 January 2020

Input wrapped in label (no for or id attribute association)

Input with explicit label - not wrapped

Input with aria-label

Image

Input with aria-labelledby

Image