Skip to main content
California Department of Education Logo

February 2017 Web Standards Change Log

Log for all Web standards changes that were implemented in February 2017.

Return to Web Standards Change Log

Web Design Standards Changes

Section
(Heading)
Old Standard New Standard
Layout and Formatting

Tabs

Must be implemented using the color pattern for the appropriate area of the main CDE Web site or using the correct standard colors for Web applications. Tab sections are not allowed on the main Intranet site, though they may be used in Intranet Web applications. The tab section must incorporate a one-pixel border using the appropriate color. See the Color Section of the Web Design Standards to determine appropriate color use. Tabs must be presented in a single row above the tab section. Tab labels must be at least three characters in length.

Tabs

Must be implemented using the color pattern for the appropriate area of the main CDE Web site or using the correct standard colors for Web applications. Tab sections are not allowed on the main Intranet site, though they may be used in Intranet Web applications. The tab section must incorporate a one-pixel border using the appropriate color. See the Color Section of the Web Design Standards to determine appropriate color use. Tabs must be presented in a single row above the tab section. Tab labels must be at least three characters in length. Combined, tab labels can have no more than 100 characters (including spaces and punctuation) total.

Tables

Table Width

A table must never extend horizontally beyond the left or right edge of the page header and footer. For both the Internet and Intranet, special wider expandable headers and footers are available when the standard header/footer combinations are too narrow.

For most situations, percentage points should be used for table widths.

For the Internet

A setting of 95% or less is required to allow enough white space for presentation. If pixel widths are necessary, only a maximum width of 675 pixels is allowed.

For the Intranet

A setting of 95% or less is required to allow enough white space for presentation. If pixel widths are necessary, only a maximum width of 590 pixels is allowed.

Table Width

A table must never extend horizontally beyond the left or right edge of the page header and footer. For both the Internet and Intranet, special wider expandable headers and footers are available when the standard header/footer combinations are too narrow.

For the Internet

A setting of 95% or less is required to allow enough white space for presentation. Fixed pixel width is never allowed. Table size must be set by percentage only.

For the Intranet

A setting of 95% or less is required to allow enough white space for presentation. If pixel widths are necessary, only a maximum width of 590 pixels is allowed. For most situations, percentage should be used for table widths.

Link Notations

Document Information

The document type is never indicated for links to Web pages, but is required for all other Web documents and files whether the link is internal or external.

A document size notation is required whenever the Web document file size is equal to or greater than 1 megabyte or when the type of file is a sort of multimedia (a sound or video file).

  • For Web documents equal to or larger than 1 megabyte, the size and abbreviation “MB” are included in the link notation and the document size is always rounded to the nearest whole MB.
  • For multimedia files, instead of the file size, the length of the sound or video file is always included (for all lengths and file sizes) and is expressed as hh:mm:ss (1:15:10). Note that the placeholder for hours is not used if the running time is less than an hour (15:10). On the other hand, “zero minutes” must be used if the running time is less than a minute (0:15).

Just like for location information, document information in hyperlinked URLs is already indicated because it is part of the URL (the file name). In the following examples, the location is indicated because the file name ends in “.pdf” and the file that is equal to or larger than 1MB is so noted:

When descriptive link text is hyperlinked, the document type must be included in the link notation. For example:

While all of the examples above illustrate links to either Adobe Portable Document Format (PDF) documents or Windows Media Video (WMV) files, the same standard applies to all Web documents or other non-Web page files. The following table shows the abbreviations that are to be used for other documents/file types:

Document Type/Abbreviation

Document Type

Abbreviation

Microsoft Word Document

DOC, DOCX
(See the Web Documents Section of these standards for additional information on use of .docx)

Microsoft Excel Spreadsheet

XLS

Microsoft PowerPoint Presentations

PPT

Adobe Portable Document Format

PDF

Macromedia Flash; Captivate

Flash

Audio

MP3, WMA

Video

WMV, MOV

Programming

EXE

Text

TXT

Zip Archive

ZIP

iCalendar

ICS

Document Information

The document type is never indicated for links to Web pages, but is required for all other links to Web documents and files whether the link is internal or external.

A document size notation is required whenever the Web document file size is equal to or greater than 1 megabyte or when it is an audio or video file.

  • For Web documents equal to or larger than 1 megabyte, the size and abbreviation “MB” are included in the link notation and the document size is always rounded to the nearest whole MB.
  • For multimedia files, instead of the file size, the length of the sound or video file is always included (for all lengths and file sizes) and is expressed as hh:mm:ss (10:15:10) or (3:17:08. Note that the placeholder for hours is not used if the running time is less than an hour (15:10). On the other hand, “zero minutes” with a single zero must be used if the running time is less than a minute (0:15).

Just like for location information, document information in hyperlinked URLs is already indicated because it is part of the URL (the file name). In the following examples, the location is indicated because the file name ends in “.pdf” and the file that is equal to or larger than 1MB is so noted:

When descriptive link text is hyperlinked, the document type must be included in the link notation. For example:

While all of the examples above illustrate links to either Adobe Portable Document Format (PDF) documents or Video files, the same standard applies to all Web documents or other non-Web page files. The following table shows the abbreviations that are to be used for other documents/file types:

Document Type/Abbreviation

Document Type

Abbreviation

Microsoft Word Document

DOC, DOCX
(See the Web Documents Section of these standards for additional information on use of .docx)

Microsoft Excel Spreadsheet

XLS

Microsoft PowerPoint Presentations

PPT

Adobe Portable Document Format

PDF

Audio of any type

Audio

Video of any type (including YouTube and Flash)

Video

Programming

EXE

Text

TXT

Zip Archive

ZIP

iCalendar

iCal

Link Notations

Date Information

Date information is optional as part of any link notation. When used, it is always the last item within a link notation. Date information consists of a calendar date preceded by a modifying term.

The calendar date is always formatted dd-Mmm-yyyy (01-Jan-2007). If a single day is not known, the Mmm-yyy format (Jan-2007) may be used.

A modifying term must precede the calendar date. Modifying terms always have their first letter capitalized with their remaining letters in lowercase. The following modifying terms are allowed:

  • Certified
  • Corrected
  • Dated
  • Modified
  • New
  • Notice Published
  • Posted
  • Published
  • Recertified
  • Revised
  • Updated
  • Suspended

Date Information

Date information is optional as part of any link notation. When used, it is always the last item within a link notation. Date information consists of a calendar date preceded by a modifying term.

The calendar date is always formatted dd-Mmm-yyyy (01-Jan-2007). If a single day is not known, the Mmm-yyyy format (Jan-2007) may be used.

A modifying term must precede the calendar date. Modifying terms always have their first letter capitalized with their remaining letters in lowercase. The following modifying terms are allowed:

  • Certified
  • Corrected
  • Dated
  • Effective
  • Modified
  • New
  • Notice Published
  • Posted
  • Published
  • Recertified
  • Revised
  • Suspended
  • Updated

* Note, "Effective" was added on May 12, 2016. List was re-sorted alphabetically.

Link Notations

Examples of Hyperlinks on CDE Web Pages

Examples of Hyperlinks on CDE Web Pages

* The time for a Flash file may be an estimate if necessary.

Web Documents
(Section 2, Item 5)
Font size is 12pt. Note that the font may be adjusted to no smaller than 11 if that will prevent the text from running slightly over onto the next page. Additionally, the font may be adjusted to 10 or smaller on large complex Excel spreadsheets to enhance printing of these types of documents. A font size of 12pt. is not required for the portion of any Web document that is in a language other than English, but care should be taken to ensure that any non-English text is comparable in readability to English text at 12pt. Web document forms that are intended to be filled-in may use smaller fonts as appropriate. Font size is 12pt or larger. Note that the font may be adjusted to no smaller than 11 if that will prevent the text from running slightly over onto the next page. Additionally, the font may be adjusted to 10 or smaller on large complex Excel spreadsheets to enhance printing of these types of documents. A minimum font size of 12pt. is not required for the portion of any Web document that is in a language other than English, but care should be taken to ensure that any non-English text is comparable in readability to English text of at least 12pt. Web document forms that are intended to be filled-in may use smaller fonts as appropriate.
Miscellaneous

iCalendar (.ics) Files

iCalendar files may be uploaded to CDE Web sites. They may only be linked from Web pages. iCalendar files and associated links to them must be removed from Web pages when the iCalendar file is for a past event.

iCalendar (iCal) Files

iCalendar files may be uploaded to CDE Web sites. They may only be linked from Web pages. iCalendar files and associated links to them must be removed from Web pages when the iCalendar file is for a past event.

Miscellaneous

Use of the CDE Web Page ID

Do not use the CDE internal Web Page ID as content on Web pages and documents. The CDE internal Web Page ID should never be used in published format.

* Note, no changes, but moved to a new For the Internet section.
Miscellaneous N/A

For the Internet

Use of the CDE Web Page ID

Do not use the CDE internal Web Page ID as content on Web pages and documents. The CDE internal Web Page ID should never be used in published format.

Topic, Sub-topic, and Sub-sub-topic Pages

To maintain the information structure of the primary CDE Web site, topic index.asp Web pages must link to all subordinate sub-topic Web pages. Sub-topic index.asp Web pages must link to all subordinate sub-sub-topic Web pages.

Miscellaneous N/A

For Contribute Users

Important Notice

A shared asset is available that will place an Important Notice box within a Contribute Web page. If this shared asset is used, the following conditions must be met:

  • Only one Important Notice may be used on a Web page.
  • The Important Notice must be placed as the first item in the body of the page at the top of the content area.
  • The title, ‘Important Notice’ must be left intact without any modifications.
  • The border and background color of the box must not be changed.
Exceptions N/A

Independent Evaluation Reports

To prevent changing content within independently prepared evaluation reports that have been posted to CDE Web sites, CDE staff may add a first cover page to summarize any information that has become inaccurate in the document. This applies to broken hyperlinks in particular. This exception is narrowly construed and does not apply to other CDE content or content created by other entities and posted to the CDE Web site.

Minimum Web Browser Requirements For optimum performance, the Web pages and Web-based applications hosted by the California Department of Education (CDE) require a current Web browser. It is the intent of CDE that all of its Web pages and Web-based applications will work well with Microsoft Internet Explorer 9.0 or higher and the current stable release and one previous release of Mozilla Firefox, Apple Safari, and Google Chrome.

For optimum performance, the Web pages and Web-based applications hosted by the California Department of Education (CDE) require a current Web browser. It is the intent of CDE that all of its Web pages and Web-based applications will work well with Microsoft Internet Explorer 11.0 and the current stable release and one previous release of Mozilla Firefox, Apple Safari, Google Chrome, and Microsoft Edge.

* Updated on May 13, 2016

 

 

Questions:   Web Services Office | tsdweb@cde.ca.gov
Last Reviewed: Monday, February 13, 2017