How to make images more accessible
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 |
|---|---|
.update-button {
background-image: url('images/button-bg.png');
background-size: contain;
}
| <div class="update-button">Update</div>
|