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

From Level Access Web Labs
Jump to navigation Jump to search
 
Line 1: Line 1:
 
<html>
 
<html>
 
<p>Input wrapped in label (no for or id attribute association)</p>
 
<p>Input wrapped in label (no for or id attribute association)</p>
<label>Image: <input type="file"></label>
+
<label>Picture: <input type="file"></label>
 
<p>Input with explicit label - not wrapped</p>
 
<p>Input with explicit label - not wrapped</p>
<label for="i1">Image:</label><input id="i1" type="file">
+
<label for="i1">Picture:</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>Picture</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">Picture</div> <input aria-labelledby="i2" type="file">
 
</html>
 
</html>

Latest revision as of 15:39, 15 April 2020

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

Input with explicit label - not wrapped

Input with aria-label

Picture

Input with aria-labelledby

Picture