Part of the How to do a web accessibility assessment series #a11y
Playlist: • How to do a web accessibility assessment 101
Notice the text is embedded in the hero image. Screen readers cannot read text in images. They can only read real selectable text. If a person who was blind was on this site they could not know about the event because the title, date, and location of the event is in the image. If it is unavoidable the alternate text needs to have the same information so users who are unable to see the image have access to its content.
Before example:
https://tinyurl.com/access-before
After example:
https://tinyurl.com/access-after
Link to the playlist:
• How to do a web accessibility assessment 101