Difference between revisions of "Button Element"

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":

@@ Line 1: / Line 1: @@
 <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>
@@ Line 9: / Line 10: @@
 <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>
 [[Category:Elements]]