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> |