Example 1: documentation for a product.
Identifying chapters in the structure of a book is appropriate and accepted use of labeling the structure. Within the chapters, headings identify (label) changes in context and highlight ideas contained in the following text. Differences between the appearance of the chapter title and the section headings helps the user understand the hierarchy and relationship between the title and headings. The difference might be font size and margin indentation when presented visually, and spoken in a different voice or preceded by a sound when presented auditorily.
Example 2: a scalable image of a map.
The content contains an image of a map. The author chooses an image technology that allows him to define the relationships between the different parts of the image. States or provinces are grouped into a 'Country'. Countries are grouped into a 'Continent'.
Example 3: user interface.
User interface controls are divided into organized groups.
Example 4: a data table.
Groups of rows or columns are labeled with headers.
Example 5: an audio presentation.
An aural style sheet defines a different voice to read the headers in the document. This difference might be in pitch, volume or in tone, for example by using a louder, more formal voice. This way, the user can easily hear the difference between a header and the main text.
Example 6: an online newsletter.
The main content area of an online newsletter uses a layout that features two columns of text. as There is a "pullquote" in the center of the screen - that is, a phrase taken from the article and displayed in a larger font to emphasize an important idea. The pullquote is shown over a shaded background and there is a border around it. Visually, the pullquote overlaps portions of both columns in the text. The page also includes a sidebar with a list of phone numbers. The visual layout does not require that the content be read in a certain order. However, it is important that people who use screen readers or text-only displays be able to read the content in a sequence that makes sense. Thus the pullquote and the sidebar should be clearly distinguished from the text in the left and right columns so that user agents can render the content separately.Example 7: a website with many articles.
A website that consist of a large number of articles offers different ways to locate the articles. A search engine is provided so the user can search the text of the articles. Also, a list of categories is provided so the user can select a category and browse through all the articles in that category. For this purpose, the authors have assigned categories to each article in the website. Together with the article, a list of 'related articles' is displayed. This list consists of links to articles that are about the same topic as the current article.