Difference between revisions of "Button Element"

From Level Access Web Labs
Jump to navigation Jump to search
(Add normal button with short text)
 
(12 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<p>Welcome to SSB BART Group.</p>
+
<p>Welcome to Level Access.</p>
<button accesskey="l" 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>
  
Line 12: Line 13:
 
<p>Button with value</p>
 
<p>Button with value</p>
 
<button value="this is the value">Help</button>
 
<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>
 +
 +
<p>Content with role="button" and tabindex="0"</p>
 +
<div role="button" tabindex="0">ARIA button</div>
 +
 +
<h2> Buttons with short text </h2>
 +
<button>Red</button>
 +
<div role="button" tabindex="0">Red</div>
  
 
</html>
 
</html>
 
[[Category:Elements]]
 
[[Category:Elements]]

Latest revision as of 17:31, 26 August 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":


Content with role="button" and tabindex="0"

ARIA button

Buttons with short text

Red