Click Here to go Home
 Main Navigation Bar
 
Home Web Design 2
Usability
Navigation
Design
Coding
Syllabus
Accessibility
References
Kevin's Main Web Site
About Kevin
Header Main Right
spacerYou are here: Design > Typography
Typography

More About Typography
Typography 2Typography 2
Typography 3Typography 3

Accessibility - if you use text graphics, an element that appears to be text but is a graphic, and then a text-based alternative (ALT tag) should be included. Keep in mind that text graphics are not searchable unless an ALT tag accompanies. Vision challenged users can hear what the images are by utilizing their computers audible text reader, e.g., Windows Narrator. When the curser is moved over an image the Narrator reads the ALT tag aloud. If no ALT tag is present the user will be unaware of images.

Consistency creates trust in your site and a professional expectation.
When using CSS, stipulate font sizes in percentages rather than pixel or point sizes. This allows disabled users to adjust their Browser settings in order to read the content.
Variability – The appearance of type on the Web is based on multiple factors, among them; browser, font, operating system, and page design. You never know exactly how type layouts will look.
Cascading Style Sheets (CSS)
offer advantages in managing type; it separates the design from the content; and allows efficient control of large sites.

Windows operating system (OS) web browsers display fonts 2 to 3 points larger than a Macintosh OS.
Windows OS Typical Font Display
Mac OS Typical Font Display
Emphasis
should only be displayed by one parameter at a time, e.g., italics, boldface, underline, colored text, CAPITAL LETTERS.

Character with ALT Tag

If an image is missing the ALT Tag will be displayed.

Character with ALT Tag

If image is present ALT tag will display as a Tool Tip

ada nav bar
January 9, 2008
©2008 Kevin Stretch