Summary

Changes since the previous scan

Monitoring log

What to fix first

1. Images must have alternative text

   critical 24 elements · www.w3.org/WAI/demos/bad/before/survey.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. Form elements must have labels

   critical 11 elements · www.w3.org/WAI/demos/bad/before/survey.html

   Affected: input[value="1"] input[value="2"] input[value="3"]

   Suggested fix: Connect each input to a visible label with matching for and id attributes. Placeholder text is not a label.

   <label for="email">Email</label>
   <input id="email" type="email" autocomplete="email">

3. Select element must have an accessible name

   critical 2 elements · www.w3.org/WAI/demos/bad/before/survey.html

   Affected: select[onchange="location.href = this.value;"] select[name="cc"]

   Suggested fix: Give every <select> a label.

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

4. Links must have discernible text

   serious 4 elements · www.w3.org/WAI/demos/bad/before/survey.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>

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

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

   Affected: .inaccessible > .report[href$="survey.html"] .accessible > .report[href$="survey.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; }

6. <html> element must have a lang attribute

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

   Affected: html

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

   <html lang="en">