...
| Info |
|---|
Note: The following example is a visual illustration of how this component could be used in a MAACE application. Live examples of the Telerik UI component implemented in MAACE applications will be added when available. |
...
Responsive design
In order to be inclusive to all users, we need to consider how our applications behave on smaller viewports. (For more information on viewports, see The viewport is the window to your site – Digital.gov.) While designing and building using responsive design principles will allow you to create an optimized layout for users accessing your application on smaller viewports, this is not the only benefit. This will also ensure you are supporting users with low vision who need to enlarge text by using the browser’s zoom function.
To help ensure the responsiveness of your application, consider the following points when designing alerts:
Preservation of content - Content shouldn’t be removed or changed to view an application on a smaller screen size. Don’t change or reduce the amount of text or functionality of an alert to fit a smaller screen size.
Concise text - Keep text concise to avoid taking up larger amounts of space then necessary on smaller screen sizes.
Consistency and visibility - The location of a product alert shouldn’t change or be hidden when viewing on a smaller screen size. The entire alert should be visible without needing to scroll horizontally.
...
Resources
Government of Canada resources
...