TAG NEW
more content
TAG NEW
Paragraph block
Hierarchy: Start at V3 and move down incrementaly down (e.g. section > sub section > sub sub section
We use the “text with icon” field to quickly orient the user with the type of information/content to expect in the inline copy by using common and easy to understand visual cues/icons.
Used when providing guidance/best practice/recommendations re delivering care/permission to do something.
For example:
The World Health Organization issued a scientific brief (April 19, 2020) stating that there is currently no evidence of severe adverse events, acute health care utilization, long-term survival, or quality of life in patients with COVID-19, as a result of the use of NSAIDs.
Used when providing external links to recommendations/further information.
For example:
Used when conveying REALLY important information that applies to the whole population, high risks, red flags, gov’t requirements, etc. The point of use is to make the user STOP and read. So we tended to use it sparingly otherwise the impact of the icon will be diluted.
For example:
As reports of children experiencing a multi-system inflammatory syndrome multiply, the Canadian Paediatric Surveillance Program issued a Public Health Alert (CPSP, May 12, 2020) encouraging those providing paediatric care to familiarize themselves with the presentations of this emerging syndrome. It has now been included in the case definition and is reportable to public health.
Generally used when conveying information that applies to the part of the population, things that are “strongly recommended” but maybe not yet mandated, cautions, etc. Similar criteria as the (!) icon, but with a content that isn’t quite as MUST READ. The point of use is to make the user PAUSE and read. Used more frequently.
For example:
Commonly used and understood icon that conveys “geolocate”. Used when linking out to regional/local resources.
For example:
Used for when we provide talking tips.
For example:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non maximus tellus, at tristique velit. Aliquam interdum arcu orci, id congue lacus elementum ac. Phasellus congue aliquam lectus sed porta. Morbi turpis tellus, pharetra fermentum consectetur sollicitudin, viverra pretium ex. Quisque consectetur faucibus felis et varius. Nulla mattis maximus dolor, in consequat est pulvinar ac. Pellentesque eleifend eu tortor et cursus. Integer iaculis quis sapien congue commodo. Proin ullamcorper posuere eros, nec ultrices odio elementum aliquam. Aliquam erat volutpat.
Answer 1
Answer 2
Answer 3
Another “click to reveal” block. commonly used for FAQs, chronic disease mgmt, special pops, etc. For example:
Please note the content contained within the answer is NOT searchable using the search function.
We use this block when displaying similar information that has consistent headings/categories. It was originally developed to contain rx info. Allows us to use horizontal real estate and not overload the vertical/infinite scroll issue. Also gives provides opportunity to add additional information with each card that pops out for more details. Mobile friendly. Searchable in search function. For example:
Content
Designed for talking tips, etc. Generally used to contain information that is not necessarily immediately relevant for all users. But, for those that are interested, they can click to “opt-in” to view the content. Content is NOT searchable using the search function. For example:
Used for images of diagrams, static flow charts, evidence tables that go beyond three columns, etc. Please note, if we can we try NOT to use images for evidence tables are they do not render well in mobile. Where possible, consider how the content can be summarized differently/more succiently before going down the image route. For example: