Section Styles

Section styles are used to mark off the different sections and layout of a portlet. Each portlet will have at least one section, some will have more. A section is simply defined as a grouping of related content.

Sections should usually be implemented as a <div>, <span> or <h*> blocks as these facilitate proper accessibility for people with disabilities. Occasionally, sections may be laid out with tables, however this use is strongly discouraged as it confuses screen readers and other accessibility devices.

This page details the section styles defined by AFSC and the Portlet specifications ( Java Portlet Specification and Web Services For Remote Portlets). The portlets below show the correct ways to implement these styles in your HTML, as well as serve as an example and test bed to see how the different styles render. Please see the different portlets below for when it is appropriate to use each individual style.