Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

classa11y-checks

Keep button text separate from button images

If you're using a background image to make a <div> look like a button, place the text in the <div>, not in the image.

...

CSS

HTML

Code Block

...

.update-button {
    background-image: url('images/button-bg.png');
    background-size: contain;
}
Code Block
html
html

...

<div class="update-button">Update</div>