Is there any real difference to screen reader users (or any users really) whether i use "image" rather than "submit" as the type attribute for my form submission button?
eg:
<input type="submit" value="Submit!" />
vs
<input type="image" src="myButtonImage.jpg" value="Submit!" alt="Submit!" />
<button> is newer than <input type="submit"> , is more semantic, easy to stylize and support HTML inside of it.
Difference between <button type="submit"> and <input type="submit"> Both <button type="submit"> and <input type="submit"> display as buttons and cause the form data to be submitted to the server. The difference is that <button> can have content, whereas <input> cannot (it is a null element).
A 'button' is just that, a button, to which you can add additional functionality using Javascript. A 'submit' input type has the default functionality of submitting the form it's placed in (though, of course, you can still add additional functionality using Javascript).
Nope, they're essentially the same.
See: Using 'button' and images for submit. Just make sure to always give the image submit alt text.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With