Summary

Changes since the previous scan

This is the baseline scan. Changes will be tracked from the next weekly scan.

Monitoring log

What to fix first

1. Images must have alternative text

   critical 39 elements · www.w3.org/WAI/demos/bad/before/news.html

   Affected: img[src$="border_left_top.gif"] img[src$="border_top.gif"] img[src$="border_right_top.gif"]

   Suggested fix: Add an alt attribute to every <img>. Describe what the image communicates in context; use alt="" for purely decorative images.

   <img src="team.jpg" alt="Our five-person support team in the office">
   <img src="divider.svg" alt="">

2. Select element must have an accessible name

   critical 1 element · www.w3.org/WAI/demos/bad/before/news.html

   Affected: select

   Suggested fix: Give every <select> a label.

   <label for="size">Size</label>
   <select id="size">…</select>

3. Links must have discernible text

   serious 4 elements · www.w3.org/WAI/demos/bad/before/news.html

   Affected: #home > a[onfocus="blur();"] #news > a[onfocus="blur();"] #tickets > a[onfocus="blur();"]

   Suggested fix: Give every link discernible text. For icon-only links, add an aria-label or visually hidden text.

   <a href="/cart" aria-label="Shopping cart"><svg aria-hidden="true">…</svg></a>

4. All touch targets must be 24px large, or leave sufficient space

   serious 2 elements · www.w3.org/WAI/demos/bad/before/news.html

   Affected: .inaccessible > .report[href$="news.html"] .accessible > .report[href$="news.html"]

   Suggested fix: Make touch targets at least 24 by 24 CSS pixels, or space smaller targets so a 24px circle around each does not overlap another.

   .icon-link { min-width: 24px; min-height: 24px; padding: 4px; }

5. <html> element must have a lang attribute

   serious 1 element · www.w3.org/WAI/demos/bad/before/news.html

   Affected: html

   Suggested fix: Add a lang attribute to the html element.

   <html lang="en">