Cal State Fullerton Homepage
link: http://www.fullerton.edu
Problems Found:
Checkpoint C, color:
Portal header logon field (green background):
- Foreground:#FDFDFC Background:#94BC59
- colour difference:333/brightness difference:88
- The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 88.
- The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 333.
Events header (orange background):
- Foreground:#FDFDFC Background:#94BC59
- colour difference:333/brightness difference:88
- The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 88.
- The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 333.
Colleges header (yellow background):
- Foreground:#FBF9FA Background:#FFC40A
- colour difference:297/brightness difference:57
- The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 57.
- The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 297.
Spotlight (Irvine Campus)
- Foreground:#FFFFFF Background:#FF6600
- colour difference:408/brightness difference:119
- The difference in brightness between the two colours is not sufficient. The threshold is 125, and the result of the foreground and background colours is 119.
- The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 408.
- Note: Whilst the colour difference doesn't comply with the W3C specified range, it does comply with the range used by Hewlett Packard. Hewlett Packard recommends a colour difference limit of 400.
Spotlight (Summer Youth Programs)
- Foreground:#FFFFFF Background:#D4178D
- colour difference:389/brightness difference:163
- The difference in brightness between the two colours is sufficient. The threshold is 125, and the result of the foreground and background colours is 163.
- The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 389.
Checkpoint D, styles: Styles are used to simulate headings (news, events and colleges).
Checkpoint G, tables: Table layout disconnects headings for news, events and colleges from their associated links. Summary element is not used in the table headers.
Checkpoint L, scripts: With javascript disabled, the search and portal logon features do not work, although there is an alternative link for the portal feature.
Checkpoint N, forms: ALTs rather than labels are used on the form elements (search and portla log on). While accessible, the label is the preferred method.
Evaluation: The page has several issues. A redesign is in process for a late-June publication date.
|
