Line 1: |
Line 1: |
| <!--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;"> |
Line 19: |
Line 18: |
| | | |
| ==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 |
Line 26: |
Line 25: |
| ==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 |
Line 33: |
Line 32: |
| **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 |
Line 41: |
Line 40: |
| | | |
| *For this page, use the basic page layout pattern | | *For this page, use the basic page layout pattern |
− |
| |
| | | |
| *Page content should: | | *Page content should: |
Line 60: |
Line 58: |
| </section> | | </section> |
| | | |
− | Alert samples | + | Alert samples (need link) |
| | | |
| </div> | | </div> |
Line 66: |
Line 64: |
| <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> | |