All technologies that support CSS.
This failure relates to:
The CSS background-image property provides a way to include images in the document with CSS without any reference in the HTML code. The CSS background-image property was designed for decorative purposes and it is not possible to associate text alternatives with images that are included via CSS. Text alternatives are necessary for people who cannot see images that convey important information. Therefore, it is a failure to use this property to add images to convey important information.
Note: Embedding information into a background image can also cause problems for people who use alternate backgrounds in order to increase legibility and for users of high contrast mode in some operating systems. These users, would lose the information in the background image due to lack of any alternative text.
In the following example, part of the content is contained in an image that is presented by CSS alone. In this example, the image TopRate.png is a 180 by 200 pixel image that contains the text, "19.3% APR Typical Variable."
Example Code:
The CSS contains:
p#bestinterest {
padding-left: 200px;
background: transparent url(/images/TopRate.png) no-repeat top left;
}It is used in this excerpt:
Example Code:
<p id="bestinterest">
Where else would you find a better interest rate?
</p>A book distributor uses background images to provide icons against a list of book titles to indicate whether they are new, limited, in-stock, or out of stock.
The CSS contains:
Example Code:
ul#booklist li {
padding-left: 20px;
}
ul#booklist li.new {
background: transparent url(new.png) no-repeat top left;
}
ul#booklist li.limited {
background: transparent url(limited.png) no-repeat top left;
}
ul#booklist li.instock {
background: transparent url(instock.png) no-repeat top left;
}
ul#booklist li.outstock {
background: transparent url(outstock.png) no-repeat top left;
}It is used in this excerpt:
Example Code:
<ul id="booklist">
<li class="new">Some book</li>
<li class="instock">Some other book</li>
<li class="limited">A book we desperately want to get rid of</li>
...
<li class="outstock">A book you actually want </li>
</ul>No resources available for this technique.
Examine all images added to the content via CSS.
Check that the images do not convey important information.
If an image does convey important information, the information is provided to assistive technologies and is also available when the CSS image is not displayed.
If step #2 and step #3 are both false, then this failure condition applies and the content fails this Success Criterion.
| 甲状腺低回声什么意思 | 端午节有什么活动 | gd是什么牌子 | 炖鸡放什么调料好吃 | loa胎位是什么意思 |
| 子宫癌是什么症状 | 什么人不能吃狗肉 | 流萤是什么意思 | 黄什么 | 抗氧化性是什么意思 |
| adp是什么意思 | 麒麟是什么 | 大自然的馈赠什么意思 | 处女座后面是什么星座 | 月子里吃什么饭最好 |
| 吃完饭就拉肚子是什么原因 | 脑子疼是什么原因 | 什么东西含铅 | 特异性生长因子指什么 | 月元念什么 |
| 男生什么时候会有生理反应hcv9jop3ns3r.cn | 蚂蚁爱吃什么东西hcv8jop4ns7r.cn | 腱鞘炎在什么位置hcv9jop8ns2r.cn | 头皮脂溢性皮炎用什么洗发水hcv9jop6ns0r.cn | 左边小腹痛什么原因女hcv8jop6ns1r.cn |
| 边缘性人格障碍是什么hcv9jop3ns2r.cn | 殊胜的意思是什么hcv7jop4ns5r.cn | 听吧新征程号角吹响是什么歌hcv8jop5ns8r.cn | 带蜜蜡有什么好处hcv7jop6ns4r.cn | 什么含维生素dinbungee.com |
| 什么颜色显瘦hcv7jop6ns3r.cn | 权衡是什么意思xinmaowt.com | panerai是什么牌子youbangsi.com | 宫殿是什么意思hcv7jop7ns0r.cn | 槲皮素是什么东西hcv9jop6ns2r.cn |
| 复试一般会问什么问题hcv7jop9ns0r.cn | 小孩口臭吃什么药hcv7jop9ns0r.cn | 三月是什么生肖hcv9jop2ns6r.cn | 嗓子痛什么原因hcv9jop0ns6r.cn | 七个月宝宝能吃什么水果hcv9jop7ns5r.cn |