WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities
The table below lists ways of using a technology along with results for all of the operating system, browser and assistive technology combinations chosen on the previous page. Each cell contains an icon representing whether test results indicate that the use is supported (+), not supported, (-) or partially supported (/). Where cells contain a single icon indicating the result, all testers reached the same conclusion about the support for that use. If different testers reported different results, multiple icons will appear in that cell indicating which results were reported and additional investigation will be carried out to determine if there is a test error or to document the conditions which led to different results. Empty cells indicate that no test data for the use have been gathered.
Use | ||||||
---|---|---|---|---|---|---|
:focus pseudo-class used to change the style when content receives focus | ![]() | ![]() | ![]() | |||
:hover and :focus used to change background color | ![]() | ![]() | ![]() | |||
background used to include decorative images | ![]() | ![]() | ![]() | ![]() | ![]() | |
Background-image used to include decorative images | ![]() | ![]() | ![]() | ![]() | ![]() | |
content combined with the :before and :after pseudo-elements used to include decorative images | ![]() | ![]() | ||||
content combined with the :before and :after pseudo-elements used to include text | ![]() | |||||
display:none used to hide content | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
display:none used to hide LABEL elements in form fields | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
em units used to allow reflow when browser window is resized | ![]() | ![]() | ![]() | |||
em units used to specify font size | ![]() | ![]() | ![]() | |||
font-size specified in ems used to allow LABEL and INPUT to be resized | ![]() | ![]() | ![]() | |||
letter-spacing used to control spacing within a word | ![]() | ![]() | ![]() | ![]() | ||
line-height used to specify line spacing | ![]() | ![]() | ![]() | |||
margin rules used for layout | ![]() | |||||
named font sizes used to specify font size | ![]() | ![]() | ![]() | |||
not specifying text or background colors for main content | ![]() | ![]() | ![]() | |||
padding rules used for layout | ![]() | |||||
percent units used to allow reflow when browser window is resized | ![]() | ![]() | ![]() | |||
percent values used to specify container sizes | ||||||
percent values used to specify font size | ![]() | ![]() | ![]() | |||
positioning content offscreen to hide it visually | ![]() | ![]() | ||||
text-align used to control text alignment | ![]() | ![]() | ![]() | |||
visibility:hidden used to hide content | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
width and height specified in ems used to allow radio buttons and checkboxes to resize | ![]() | ![]() | ![]() |