112
edits
Changes
Canada.ca warnings and service disruptions - Alertes et perturbations de service Canada.ca (view source)
Revision as of 11:23, 13 March 2020
, 11:23, 13 March 2020FIxes
<!--THE CODE BELOW THIS LINE CREATES THE TWO-COLUMN FR/EN LAYOUT-->
<!--THE CODE BELOW THIS LINE CREATES THE TWO-COLUMN FR/EN LAYOUT-->
<div id="alet-skip">
<div id="alet-skip"><!--START English column, do not touch this code--></div>
<!--START English column, do not touch this code--></div>
<div lang="en" id="eng"><div class="alet-nav"></div>
<div lang="en" id="eng"><div class="alet-nav"></div>
<div style="float:left; width:47%; padding:5px;">
<div style="float:left; width:47%; padding:5px;">
==Alerts and regular in-page content==
==Alerts and regular in-page content==
Don’t use alerts as regular content - rather they are meant to draw attention to changes in regular content, in two ways:
'''Don’t use alerts as regular content''' - rather they are meant to draw attention to changes in regular content, in two ways:
*a change to the content of the page on which the alert appears - in this case place the alert next to the updated content
*a change to the content of the page on which the alert appears - in this case place the alert next to the updated content
==Alerts: do’s and dont’s==
==Alerts: do’s and dont’s==
Do:
'''Do:'''
*Use alerts on a temporary basis - retain only for days or weeks
*Use alerts on a temporary basis - retain only for days or weeks
*Place the alert at the point of service/task
*Place the alert at the point of service/task
**On institutional landing pages, only use when > 40% of users are impacted
**On institutional landing pages, only use when > 40% of users are impacted
Don’t:
'''Don’t:'''
*Have too many alerts - limit the number of alerts on each page and the number of alerts used across pages- ideally 1, maximum 2
*Have too many alerts - limit the number of alerts on each page and the number of alerts used across pages- ideally 1, maximum 2
*Use them to ‘highlight’ permanent content
*Use them to ‘highlight’ permanent content
*For this page, use the basic page layout pattern
*For this page, use the basic page layout pattern
*Page content should:
*Page content should:
</section>
</section>
Alert samples
Alert samples (need link)
</div>
</div>
<div lang="fr" id="fra"><div class="alet-nav"></div>
<div lang="fr" id="fra"><div class="alet-nav"></div>
<div style="float:left; width:47%; padding:5px;">
<div style="float:left; width:47%; padding:5px;">
<!--PLACE FRENCH TEXT BELOW THIS LINE AND ABOVE THE CLOSING DIV-->
<!--PLACE FRENCH TEXT BELOW THIS LINE AND ABOVE THE CLOSING DIV--></div>
</div>