Presentation of Web-based Documents
Presenting your Web site with helpful CSS will improve users' experience with your site. The following points will help you design your site universally.
- Use properties like
text-indent
,text-align
, andword-spacing
to allow users to control spacing without having to add additional white space. - Make sure margins and paddings are set so that the page is easily readable.
- Use the HTML5 <figure> element with the nested <figcaption> element correctly so that picture captions are read at the appropriate time with assistive devices.
- Accommodate users who have their own stylesheet to set different default browser settings.
- Use the CSS media rules that are appropriate for multiple devices
- Contrast colors in the foreground and background so people with low to no vision can accurately pick out information
- Use semantically and structurally sound CSS, and validate it through the W3C CSS Validation Service.