Summary

Changes since the previous scan

Monitoring log

What to fix first

1. Images must have alternative text New

   critical 26 elements · www.w3.org/WAI/demos/bad/before/tickets.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 New

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

   Affected: select

   Suggested fix: Give every <select> a label.

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

3. Elements must meet minimum color contrast ratio thresholds New

   serious 9 elements · www.w3.org/WAI/demos/bad/before/tickets.html

   Affected: table[width="250px"] > tbody > tr[bgcolor="#A9B8BF"] > td:nth-child(1) > b > font[color="41545D"] table[width="250px"] > tbody > tr[bgcolor="#A9B8BF"] > td:nth-child(2) > b > font[color="41545D"] .prices > tbody > tr[bgcolor="#A9B8BF"]:nth-child(1) > td:nth-child(1) > b > font[color="41545D"]

   Suggested fix: Darken the text or lighten the background until normal text reaches 4.5:1 and large text (24px, or 18.66px bold) reaches 3:1. Check hover, focus and placeholder states too.

   /* #767676 on white is 4.54:1 */
   .note { color: #595959; background: #ffffff; }

4. Links must have discernible text New

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

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

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

   Affected: html

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

   <html lang="en">