UVA Health System

Web Standards

Fonts
Verdana is the primary font for web copy. Font size should be no smaller than 9px for copyright information and 12px for standard <p> text and links. Headlines should make use of appropriately styled <h> tags, no bigger than 24px. Mixage Medium and Bold should only be used for all text that appears in graphics and banners.

Logo Usage
The UVA Health System logo should appear in color over a white, light blue, light khaki or cream background or reversed white on a medium or navy blue background.

The logo should never appear smaller than 130px wide or larger than 260px
The appropriate logo|entity should be used per center page (i.e., Childrens Hospital, SOM, Heart, Digestive Health, Spine, and Cancer Center)
The logo should be used as a standalone element, or in conjunction with the positioning line
The positioning line may ride to the right or left of the logo
Words may be changed depending on the nature of the material; however they must be selected from the existing library of words

Graphics

The screened-back, cropped logo and the plus pattern may be used as graphic elements. They should not be placed over floating pictures or text. The plus pattern is set to a specific screen that should not be changed or scaled.
If used the screened back University of Virginia logo should not spell “virgin” or “virgini” when cropped and set the opacity to 20%.
Boxes or bars should have a 12pt radius on the corner of one or two opposing sides. It is the designer’s discretion where the rounded corner is placed.
Small inset employee pictures accompanied by smaller below and/or the font and color standards on page 1.

Photography

Photographs should be bright and light-filled. The tone should be soft and positive. Selective focus (optional).
When floating pictures on white space, use two opposite rounded corners— drop shadows are optional with following standards:
- Opacity 15% | 120? angle | 3 px distance | 0% spread | 7 px size
No monochrome or dark silhouettes
Use our own employees—no stock photography.
When uploading employee photos tag them with their user ID numbers (e.g. abc1d)

Type/Content Treatment

Bullets should always be squared and align flush left with the block of copy and do not hang into the column
- Squares are 50% the size of the text copy and centered vertically
Secondary bullets should be a plus symbol.
- Plus symbols are 40% the size of the text copy and centered vertically
Use periods instead of hyphens for phone numbers
Use only one space after a period, colon, or semi-colon

General

Site content should be optimized for screen resolutions of 1024 x 768
Content should be centered within the browser window
Site must meet Section 508 accessibility requirements
Copy must target 8th grade or below reading level

Tables

Tables should represent logical relationships among data
Tables should never be used as a layout device

Accessibility Issues to Consider

Alt tags: A text equivalent for every non-text element shall be provided (e.g., via “alt”, “longdesc”, or in element content).
Assistive technologies: Screen readers, screen magnifiers, text-to-speech software, speech recognition software, alternative keyboards, alternative pointing devices, keyboard interface
User-controllable: Page-tabbing, font-size
Link targeting: Not advisable to broach new windows, No Pop-ups
Auto-refresh: Not suggested
Site must be search engine friendly
Flash may be used minimally (25% of page max.)