CSD Web Policies for School Websites

All websites in the Canyons School District family of school websites should follow these standards:

Non-Removable Items

The following page elements must be included on each page of every school site:

  • Standard header including the school name, logo, address, and phone number
  • Google Translate button
  • Standard footer including office hours, address, phone number, district logo, SafeUT and Bully Report links, ADA compliance notice, and copyright notice

Navigation Menu

Items in the navigation menu should be organized under the following dropdown menus:

  • School Info -  (Details about the history or day-to-day functions of the school)
  • Faculty & Staff -  (Directories to connect parents/students with teachers and administrators)
  • Student / Family Resources - (Info about School Initiatives, Policies, Procedures, etc.)
  • Community - (Info relating to PTA, SCC, Volunteer Opportunities, Fundraisers, etc.)
  • One additional dropdown menu  - (At the discretion of school administrators)

Slider Image Content and Quality

Images included in the homepage slider should

  • Be at least 1140px by 400px in size
  • Be free of text that could get cut off on any standard size of device

Color Schemes & Readability

Colors used on the school website should be consistent with the school's logo color scheme.

Light-colored text should only be used on dark-colored backgrounds and vice-versa.

ADA Compliance and SEO Friendly Content

Non-decorative images should be labeled with appropriate captions or alternate text tags so that they are accessible to screen readers and search engines.  Refer to the Accessibility & ADA Compliance page in Module 1 for more information.

Web managers should avoid presenting textual information as images or embedded PDF files.  When feasible, documents such as newsletters, flyers, and event calendars should be converted into a web page.  It's appropriate to upload official forms and handbooks as pdfs that can be easily downloaded and printed. 

Mobile Friendly Design

All pages and elements on the website should be mobile and tablet friendly.
Review the Tablet and Mobile Compatibility [1:59] video for in Module 3 for further instructions.