W3C logoWeb Accessibility Initiative (WAI) logo

WAI: Strategies, guidelines, resources to make the Web accessible to people with disabilities

Ways of using CSS that are accessibility supported across CR evaluation platforms

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.

Technology: CSS

Use
:focus pseudo-class used to change the style when content receives focus   Not Supported  Partially Supported Not Supported 
:hover and :focus used to change background color   Not Supported  Partially Supported Partially Supported 
background used to include decorative images Supported Supported Partially Supported  Supported Supported 
Background-image used to include decorative images Supported Supported Partially Supported  Supported Supported 
content combined with the :before and :after pseudo-elements used to include decorative images   Not Supported  Supported  
content combined with the :before and :after pseudo-elements used to include text  Not Supported    
display:none used to hide content Supported Supported Supported Supported Supported Supported 
display:none used to hide LABEL elements in form fieldsSupported Partially Supported Supported Supported Supported Supported 
em units used to allow reflow when browser window is resized   Supported  Supported Supported 
em units used to specify font size   Supported  Supported Supported 
font-size specified in ems used to allow LABEL and INPUT to be resized   Supported  Supported Supported 
letter-spacing used to control spacing within a word  Supported Supported Supported Supported 
line-height used to specify line spacing   Supported  Supported Supported 
margin rules used for layout   Supported    
named font sizes used to specify font size   Supported  Supported Supported 
not specifying text or background colors for main content   Supported  Supported Supported 
padding rules used for layout   Supported    
percent units used to allow reflow when browser window is resized   Supported  Supported Supported 
percent values used to specify container sizes       
percent values used to specify font size   Supported  Supported Supported 
positioning content offscreen to hide it visually  Supported Supported   
text-align used to control text alignment   Supported  Supported Supported 
visibility:hidden used to hide content Supported Supported Supported Supported Supported Supported 
width and height specified in ems used to allow radio buttons and checkboxes to resize  Supported  Not Supported Supported