The content of our current 404 page (404.tpl.php) is unreadable to screen readers because it's just a div with a background image.
To improve accessibility, we need to include actual text stating that the page requested was not found. We can do that by adding an <h1> element to the top of the page that may or may not be invisible to visual website users (if we want to hide the text to everyone except screen readers, we can add the .sr-only class to the <h1>).
The image of the cat should probably be converted to a normal <img> with a hard-coded alt attribute describing what the image shows.
By the way, https://http.cat is amusing if you have not seen it before.
The content of our current 404 page (
404.tpl.php) is unreadable to screen readers because it's just a div with a background image.To improve accessibility, we need to include actual text stating that the page requested was not found. We can do that by adding an
<h1>element to the top of the page that may or may not be invisible to visual website users (if we want to hide the text to everyone except screen readers, we can add the.sr-onlyclass to the<h1>).The image of the cat should probably be converted to a normal
<img>with a hard-codedaltattribute describing what the image shows.By the way, https://http.cat is amusing if you have not seen it before.