Using button and images

Every form has some kind of 'submit' button. Some times you just don't want to use the standard control for the submit button, or you don't want to style it. You might use an image. Or, you might use button. How do you make sure that whatever type of button you use is accessible?

• The standard 'submit' control is self-labeled by the "value" attribute. No other labeling is necessary.
• The text of the "value" attribute of the 'submit button' is displayed on screen and is read by screen readers. The control will scale with changes in zoom or font-size.
• <input type="submit"> and <button> can be styled
• If you use an <img> as part of a 'submit' control or a 'button', you MUST use the 'alt' attribute on the image.
• If you use the <button> control (container) any text within will appear within the button and be read.
  • If image is redundant or duplicates text use alt="" on the image
• Note: Disabled Buttons Suck

The Form

The HTML