ITSS WebDev Guide
4 - Checklist for UMD Web Pages
The following list is intended as an aide for anyone who is developing web pages for the UMD web server. It lists the most common issues involved in putting together a web site (personal or official) for the University of Minnesota:
- Required elements for all UMD web pages
- Accessibility (508 compliance)
- Compatibility
- Usability
- Web standards
Required elements
The following elements are required on all University of Minnesota Duluth web pages:
- A University of Minnesota Duluth wordmark at the top of the page.
- The equal opportunity statement ("The University of Minnesota is an equal opportunity educator and employer."}
- The date of last revision and the name of the responsible publisher or information provider, including contact information;
- Copyright information (e.g., © 2003 Regents of the University of Minnesota) if the pages and/or the content featured on the pages are the property of the University of Minnesota.
- Link to the University's privacy statement.
Developer's can add these elements manually, or use the UMD templates to include the elements on your web page.
For details see:
Accessibility (508 compliance)
All University pages must comply with the University's Accessibility of Information Technology policy.
Mention the word "accessibility" and many Web designers think it means diluting a page in order to serve disabled users.
This is just not true.
A well designed page can be every bit as attractive and flashy as any other page on the Web while remaining accessible. In addition, the improvements made because of accessibility issues will benefit all users.
Simple additions of "alt" attributes in images and table headers for headings in a table increase the usefulness of a Web page.
Accessibility and usability go together as part of the total Web design.
For details see:
- 508 Checklist (pdf format)
- What is meant by "web page accessibility"?
- ITSS Online Training: Web Accessibility Overview
- Web Design References: Accessibility
- UofM: Web Accessibility Standards
- Bobby Online Checker
Compatability
Sunrays, Macs, Windows, iPaqs - UMD, like the rest of the world, supports a mixture of computers, operating systems, and browsers (Netscape, IE, Mozilla, Opera). Additionally, we have people connecting from on-campus 10 or 100Mb connections or through cable modems and DSL, but also through our modem pool. Do try to create Web pages that work on many computers and browsers. There is a limit to how many may be addressed successfully, but creating a Web page that requires the latest super computer and greatest bandwidth will limit the number of users visiting your site.
For details see:
Usability
Usability is harder to define, but just as important as other factors when designing a web site. Some things to consider:
- Screen Size: Content creators do not have control over the size, resolution, and quality of the Web. Unlike print media, which is fixed, electronic media like the Web is ever changing and in the control of the user.
True, content creators can force fonts, font sizes, table sizes, image sizes, etc., but this may result in frustration for the user ultimately causing the user to go away. Nothing is worse than having to scroll all the way to the right just to see some information put in a fixed width table.
Use tools like Cascading Style Sheets and use them in such a way that users may still override your settings. In this way a user may still access what your site has to offer, but in a manner suitable for him or her.
- Readability: Yes, we've all had fun with wild text colors on background colors, but for many users this is a serious issue. Whatever text and background color combination you use, please make sure it gives good contrast for reading. Everyone's eyes are at a different stage of functionality. Follow this link for
more information on color and the Web.
Background images improperly used can also make it difficult to read text. Be careful of the combination you choose.
Web Typography takes us into the world of fonts and font sizes. For many users a sans-serif font is easier to read on an electronic screen. With proper use of Cascading Style Sheets, you can specify a font, but still allow the user to change to his or her desired font. Follow this link for more information on Cascading Style Sheets.
For details see:
Web standards - Markup Validation
Validating your HTML and CSS coding is the best way to ensure that your web pages work well for all users. There are a number of free validation sites you can use.
For details see: