Google Translate Disclaimer

A number of pages on the Government of Saskatchewan`s web site have been professionally translated in French. These translations are identified by a yellow text box that resembles the link below and can be found in the right hand rail of the page. The home page for French-language content on this site can be found here:

Renseignements en Français

Where an official translation is not available, Google™ Translate can be used. Google™ Translate is a free online language translation service that can translate text and web pages into different languages. Translations are made available to increase access to Government of Saskatchewan content for populations whose first language is not English.

The results of software-based translation do not approach the fluency of a native speaker or possess the skill of a professional translator. The translation should not be considered exact, and may include incorrect or offensive language Government of Saskatchewan does not warrant the accuracy, reliability or timeliness of any information translated by this system. Some files or items cannot be translated, including graphs, photos, and other file formats such as portable document formats (PDFs).

Any person or entities that rely on information obtained from the system does so at his or her own risk. Government of Saskatchewan is not responsible for any damage or issues that may possibly result from using translated website content. If you have any questions about Google™ Translate, please visit: Google™ Translate FAQs.

HTML Standards

HTML markup defines the structure and outline of a document and content. It’s purpose is not to define the look and feel of the content on a page beyond basic concepts such as headings, paragraphs and lists. The presentation and style attributes of the HTML should be contained in style sheets.

Always use the HTML5 Doctype and HTML5 features when appropriate. Test code against the W3C Validator, to ensure the code is well formed. A 100 % validation score may not be feasible but the process of validation help when writing maintainable code as well as debugging code.

Proper Document Structure

Use proper document structure, all HTML document must start with a type declaration <!DOCTYPE html> and include the <html>, <head> and <body> elements.

<!-- Not Recommended -->
<html>
<h1>Government of Saskatchewan</h1>   <p>Building better services for citizens.</p> </html>

<!-- Recommended -->
<!DOCTYPE html> <html>
<head>   <title>Hello World</title>   </head>   <body>   <h1>Government of Saskatchewan</h1>     <p>Building better services for citizens.</p>   </body>
</html>

Organize Code with Comments

The comment tag is used to insert comments in the source code. Comments are not displayed in the browser. Use comments to explain your code for items that may not be immediately obvious upon reviewing the source code. Place HTML comments on closing <div>, <section>, <article>, and <aside> tags to indicate what element is closing. It will help when there are several nested elements.

<!-- Not Recommended -->
<div class="row">
<div class="one-quarter">
<section class="content">
<div class="intro">
<p>Government of Saskatchewan</p>
<div>
<div class ="info">
<p>Digital Services</p>
</div>
</section>
<aside>
   <p>Building better services for citizens.</p>
</aside>
</div>
</div>
<!-- Recommended -->
< !-- Main Content Area --->
<div class="row">
<div class="mainContent">
<section class="content">
<div class="intro">
<p>Government of Saskatchewan</p>
<div> <!-- End of intro div -->
<div class ="info">
<p>Digital Services</p>
</div> <!-- End of info div -->
</section> <!-- End of content section -->
<aside>
   <p>Building better services for citizens.</p>
</aside> <!-- End of aside -->
</div> <!-- End of mainContent div -->
</div> <!-- End of row div -->

Write Standard Compliant Markup

Following coding standards will ensure your project

  • will render accurately;
  • is easier to maintain and update;
  • is accessible;
  • and is compatible as web and browser technologies evolve.

Ensure to nest and close all elements, use IDs and classes correctly and always validate your code.

<!-- Not Recommended -->
<p id="intro">Ensure your project starts with <strong> standard compliant markup.</p></strong>   <p id="intro">Why validate your code?
<!-- Recommended -->
<p class="intro">Ensure your project starts with <strong>standrad compliant markup</strong>.</p> <p class="intro">Why validate your code?</p>

Use Semantic Elements

It is important that markup elements be descriptive and meaningful. Semantic markup is not the same as standard compliance. It’s possible to build a document that validates entirely but that does not make content meaningful. A semantically marked up document ensures accessibility across different devices, such as  desktops, mobile, and screen readers. It also help search engines parse the code.

Use HTML according to its purpose.

<!-- Not Recommended -->
<span class="heading"><strong>Write Valid and Semantic Code</strong><br><br> Writing semantic code is important in all projects.<br><br>
<!-- Recommended -->
<h1>Write Valid and Semantic Code</h1> <p>Writing semantic code is important in all projects.</p>

Keep the Syntax Organized

Pages can grow and it can be quite difficult to maintain. Below are a few guidelines to help keep syntax clean and organized. Use lowercase letters within elements names, attributes and values. Use a new line for every block, list or table element. Indent nested elements. When quoting attributes values, use double quotation marks.

<!-- Not recommended -->
<SECTION>
<h3>Building better services</h3>
<p CLASS=’intro’>The Government of Saskatchewan is focused on giving citizens what they want and need: </p>
<ul><li>online,</li><li>anywhere</li>
<li>anytime</li> <li>with any device.</li></ul>
</section>
<!-- Recommended -->
<section>
<h3>Building better services</h3>
<p class="intro">The Government of Saskatchewan is focused on giving citizens what they want and need: </p>
<ul>
<li>online,</li>
<li>anywhere</li>
<li>anytime</li>
<li>with any device.</li>
</ul>
</section>

We need your feedback to improve saskatchewan.ca. Help us improve