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 additional platforms

The table below lists uses for 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   
: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 textNot Supported Not Supported 
display:none used to hide content Supported Supported 
display:none used to hide LABEL elements in form fieldsSupported Partially Supported 
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 visuallySupported Supported 
text-align used to control text alignment   
visibility:hidden used to hide content Supported Supported 
width and height specified in ems used to allow radio buttons and checkboxes to resize