Meg's 2nd sandbox page
a page to test creating a table
| Web Design Standards | ESSENTIAL | EXCELLENT |
|---|---|---|
| Format
The course elements use a logical and consistent structure and design format. |
Movement through the course is intuitive and logical and a consistent layout design orients users throughout the course.
Font, colour, graphics and icons are consistent throughout the course. The course site design uses consistently formatted sections, pages or units that incorporate the same writing style, layout, graphic design, and organizational levels. All naming conventions are appropriate, logical and consistently applied throughout the course. |
Icons used to guide students through the learning material reflect their function (e.g., book represents reading, question mark represents help).
☐ At least three Universal Design for Learning (UDL) concepts related to format are consistently applied, e.g., all text and images are large or enlargeable; all information conveyed by colour is also available without colour; a text equivalent is provided for all non-text information. |
| Legibility and Readability
The course is designed to facilitate legibility and readability. |
☐ Design strategies include use of visual contrast between the text colour and background, use of sans serif font, appropriate use of typographical emphasis (e.g., bolding, underlining, colour changes) and appropriate use of white space and alignment.
☐ Font size is a minimum of 11 to 13 pt. for text (except for footnotes, credits or referencing). |
☐ The course material is accessible to some learners who may have visual or auditory challenges.
☐ To assist learners who use screen readers, alternative text is included for images. ☐ At least two instructional tools provide learners with two or more options as to how the learning material is presented, (e.g., an audio presentation that includes a transcript, a PDF document that is also available in MS Word). |
| Navigation
Navigation throughout the course is consistent, predictable and efficient. |
☐ A consistent, predictable and efficient navigation scheme is used throughout the course.
☐ Hyperlinks and internal links are clearly identified by underlining (or other differentiation). ☐ It is easy for the learner to move from the course to outside links and back again. ☐ At least 90% of the links function properly. |
☐ Screens in course materials have minimal scrolling (about 2 screens maximum).
☐ All pages have navigation options (e.g., links are provided to guide learners from one area of the course to another; a newly-opened window has an option provided to close it and return to the previous window). ☐ Breadcrumbs or other visual displays of the path are used with meaningful naming conventions to help learners navigate throughout the course. ☐ There is a mechanism for the learners to report broken links. |
| Row heading | 1A longer piece of text. Lorem ipsum... | A shorter piece of text. |
| Row heading | 2A longer piece of text. Lorem ipsum... | A shorter piece of text. |
| HeaderR0C1 | HeaderR0C2 | HeaderR0C3 |
|---|---|---|
| ExampleR1C1 | ExampleR1C2 | ExampleR1C3 |
| ExampleR2C1 | ExampleR2C2 | ExampleR2C3 |
| ExampleR3C1 | ExampleR3C2 | ExampleR3C3 |
