Difference between revisions of "Button Element"

From Level Access Web Labs
Jump to navigation Jump to search
m
 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<p>Welcome to SSB BART Group.</p>
+
<p>Welcome to Level Access.</p>
<button onclick="javascript:window.location.assign('http://amp.ssbbartgroup.com');"> Launch AMP </button>
+
 
 +
<button accesskey="l" onclick="javascript:window.location.assign('https://amp.levelaccess.net/');"> Launch AMP </button>
 
<div>Let the Accessibility Management Platform transform how your organization handles accessibility.</div>
 
<div>Let the Accessibility Management Platform transform how your organization handles accessibility.</div>
  
 
<p>Images button example</p>
 
<p>Images button example</p>
 
<button> <img src="load.jpg" alt="Load" /></button>
 
<button> <img src="load.jpg" alt="Load" /></button>
 +
 +
<p>Images and text button example</p>
 +
<button>Save <img src="save.jpg" alt="Document" /></button>
 +
 +
<p>Button with value</p>
 +
<button value="this is the value">Help</button>
 +
 +
<p>Button type reset</p>
 +
<button type="reset">This button pretends to reset the form</button>
 +
 +
<br>
 +
<br>
 +
<button onclick="javascript:window.alert('You pressed this button!');"> This button! </button>
 +
<br>
 +
<button disabled onclick="javascript:window.alert('You pressed this disabled button!');"> This disabled button! </button>
 +
<br>
 +
<p>A disabled button cannot be made focusable with tabindex="0":</p>
 +
<button disabled tabindex="0" onclick="javascript:window.alert('You pressed this disabled button with tabindex="0"!');"> This disabled button with tabindex="0"! </button>
 +
<br>
 +
 
</html>
 
</html>
 
[[Category:Elements]]
 
[[Category:Elements]]

Latest revision as of 17:33, 3 March 2022

Welcome to Level Access.

Let the Accessibility Management Platform transform how your organization handles accessibility.

Images button example

Images and text button example

Button with value

Button type reset





A disabled button cannot be made focusable with tabindex="0":