Skip to main content
California Department of Education Logo

Audience Portals


This page is part of the California Department of Education (CDE) Web Design Standards, which only applies to specific CDE Web sites. Visit the CDE Web Standards to determine if these standards apply to a specific Web product (Web site, Web page, Web document, or Web application) that has been developed by or for the CDE.

Most Web pages (not including Web applications) on all CDE Web sites are created using Adobe's Contribute software templates. WebNETS, which is a custom software application that was created by CDE staff, is also necessary in order to create and process most Web pages on the CDE's public Internet site. Portions of these standards, where noted, apply only to CDE users of Contribute or WebNETS software; or to Web application developers.

Return to Design Standards

Definition

There are four audience portal pages on the CDE Web site. This section of the Web Design Standards describes rules that are specific to the following Web pages:

Layout and Formatting

The audience portals are uniquely designed to have a single extra wide picture at the top of the page. The picture is followed by a message, comment, or quote. Next is a tabbed section with three standard tabs:
  • How Do I…
  • Hot Topics
  • Resources for Students

Additional tabs are not to be added to these pages. Each tabbed section will contain a list of links only.

Picture Specifications

The pictures used on the audience portal pages should be the same size and dimension on each page. The current target is to have pictures that are 690 pixels wide by 345 pixels tall. Pictures must be set to 72 DPI and saved as highest quality jpeg (.jpg) images.

For the audience portal pages, images are an important part of the content. Choosing high-quality images on audience portal pages is very important.

Fully equivalent alternative text is required for each picture.

Linking Specifications

Generally, links in the audience portals should be to pages and documents on the CDE Web site.

As more links are added to a tabbed section, all of the links become less usable. A maximum number of links has been set for each type of tabbed section. In most cases, using less than the maximum will increase the visibility and usability of the links. When the number of links is at or near the maximum number, one or more links will need to be removed in order to add additional links.

Section Type

Maximum Number of Links

How Do I…

10

Hot Topics

10

Resources for
[Students, Parents, Teachers or Administrators]

15

The same links can be present in more than one audience portals, but should only be used once per audience portal. Even though some links may be appropriate to use in one or more of an audience portal’s tab sections, a choice must be made to put a link in only one of the tabbed section areas within a particular audience portal.

Specifications for Each Section Type

‘How Do I…’ Sections

  • Link text for these sections must finish a sentence or phrase that begins with, ‘How do I…’
  • Link text should start with a capitalized letter.
  • Link text for the ‘How Do I…’ sections should generally not end with punctuation, such as a period.
  • Link text must use 100 characters or less with shorter being better whenever possible.
  • Link text does not need to match the destination Web page title. In fact, it is more important for link text in these sections to describe an action.
  • Best used for links to content that will be used by the target audience for reference and other action items.

Hot Topics Sections

  • Link text for these sections should use title case.
  • Descriptive link text must use 50 characters or less with shorter being better whenever possible.
  • Link text does not need to exactly match the destination Web page title, but if not, it should be close or there should be an intuitive relationship between the link text and the destination’s title.
  • Best used for links to content that is of current topical interest to the target audience. For example, content that is in the news or addresses current Departmental priorities.
  • Links in these sections should change more often.

Resources for [Students, Parents, Teachers, or Administrators] Sections

  • Link text for these sections should use title case.
  • Descriptive link text must use 50 characters or less with shorter being better whenever possible.
  • Link text does not need to exactly match the destination Web page title, but if not, it should be close or there should be an intuitive relationship between the link text and the destination’s title. Link text in these sections should generally be a closer match to a destination title than for link text in the other two tab section types.
  • Best used for interesting, important or popular links that will change less often and where the link text is very descriptive of the resource.
Questions:   Web Services Office | tsdweb@cde.ca.gov
Last Reviewed: Monday, September 12, 2016