What HTML attributes and elements make a banner accessible to screen readers?
This tests semantic HTML for decorative and informative images. A strong answer names img alt, heading levels, and a landmark region such as aside with aria-label. A red flag is relying on CSS or divs without text alternatives.
This tests whether you can translate a visual banner into accessible markup. A strong answer names an img with alt text that conveys the promotion or an empty alt for decorative images, a heading element such as h2 for the text hierarchy, and a landmark container like aside or section with aria-label or aria-labelledby so screen reader users can discover the region. A red flag is using generic divs with CSS alone and assuming visible text is enough.
Read the original → developer.mozilla.org
- #accessibility
- #html
- #screen-readers
- #semantic-html
- #aria
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.