WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Highlighting allergens for assistive technology

for

From: wolfgang.berndorfer
Date: Oct 11, 2021 10:07AM

a) Highlighting only with CSS is a failure of SC 1.3.1.
b) Highlighting with HTML elements <strong> and <em> is probably not enough precision of level. Overall, these tags aren't really supported by SR.
c) If you highlight with a color indicator alone, you fail SC 1.4.1, even if you add an aria-label-value. These textual alternatives are only displayed to special AT.
d) If relevance is indicated by the length of a bar, aria-label with the value to indicate the significance would pass, as long as contrast passes SC 1.4.3.

Wolfgang