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>