...
Validating the UCD-skin is basically a comparison of the visual appearance of the existing SmartSite 2.1.x production against the sakai-test version 2.3. There are some desired changes in how the content is presented which will be noted in the individual comparison tests.
Comparisons are specified for the following OS/browser combinations*:
...
You can copy the table below to print out and make notes while testing.
...
Comparison Tests
Info | ||
---|---|---|
| ||
Text for all screens should be standard Verdana, Arial, Helvetica, san-serif font. |
- Go to the login screen for SmartSite and review each of the validation comparison tests in the table below.
- Log in and review each of the validation comparison tests in the table below from My Workspace.
- Select a course site with a single-column home page and review each of the comparison tests in the table below.
- Select a course site with a two-column home page and review each of the validation comparison tests in the table below.
## | Validation Comparison Test | Check Off or Comment Here |
---|---|---|
1. | Compare the main SmartSite logo/graphic in the upper left-hand corner visually for placement, size, text type, color, and clarity. (Be aware that the graphic may appear clearer in the selected browser when comparing two browser windows.) | |
2. | Compare the tabs in your top navigation bar for placement, spacing, text type, color, and background. If you only have a few sites, join more sites until a drop-down select box appears and compare again. | |
3. | Compare the tabs in your top navigation bar for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover). | |
4. | Compare the links in the left-hand navigation for placement, spacing, text type, color, and background. | |
5. | Compare the links in the left-hand navigation for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover). | |
6. | Compare the first row of links in the footer for placement, spacing, text type, color, and background. | |
7. | Compare the first row of links in the footer for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover). | |
8. | Compare the second and third rows of text in the footer for placement, spacing, text type, color, and background. | |
9. | Compare the navigation bar and sub-menu for content within the site for placement, spacing, text type, color, and background. For version 2.3, it is acceptable that all sub-menu links like Options be left-justified instead of centered. | |
10. | Compare the text content within the site for placement, spacing, text type, color, and background. | |
11. | Select a comparable option on each version and compare the content for placement, spacing, text type, color, and background. | |
12. | Visually compare any buttons or form fields in the the content for text type, color, and background. | |