Difference between revisions of "Web Accessibility"
|Line 14:||Line 14:|
[[Layout and Structure|Layout and Structure]]
[[Presentation and Styles|Presentation and Styles]]
Revision as of 15:05, 18 July 2006
NC State's Web Accessibility Regulations
North Carolina State University is required to provide reasonable access to its educational services, programs and activities in accordance with Section 504 of the Rehabilitation Act of 1973, the Americans with Disabilities Act (ADA) of 1990, and North Carolina state law (N.C. Gen. Stat. § 168A-7). Accordingly, official NC State web pages and online instructional material should be accessible to disabled persons where possible, or a reasonable alternative accommodation should be offered.
Non-compliance with the Regulations
If the NC State Web Developer fails to provide a response to the Information Technology Division's inquiry or does not address accessibility problems in a timely fashion, the Provost and Executive Vice Chancellor, in consultation with an accessibility compliance team if necessary, may direct the removal of non-exempt inaccessible Web content from service.
Making Web Accessibility Easy
While the Regulation requires that web pages meet the technical Section 508 standards, they are minimum requirements to make the pages become "technically" accessible and may not necessarily be functionally usable by people with disabilities. To be usable, websites must provide people with disabilities similar user-experiences as their peers.
Below you will find a list of best practices that will allow your site to be usable by everyone regardless of their individual functional capabilities. When applied to web, these best practices integrate well with assistive technology (AT) used by a person with a disability and provide equivalent access to all content including audio and visual material.
Presentation and Styles
- Use external styles sheets for presentation and minimize use inline or internal styles. Many browsers provide mechanisms to allow users to switch between style sheets letting the user set their own style.
- Write the page in the correct reading order and then use <div> tags and CSS positioning to construct the physical layout of the web page.
- Avoid fixed font sizes like 12 points or 12 pixels as they cannot be magnified. Use relative sizes like <font=3>, <font=120%> or <font=1.5 ems>. Some browsers, however, do not support EMS values less then 1.
- Avoid using multiple font types or colors on one page as they can created a busy and cluttered appearance
- Use relative sizes for container elements like tables, margins, <div>s etc.
- Provide a good contrast between background and foreground colors
- Do not use color only to convey meaning
- Avoid blinking and moving text. Do not use <blink> or <marque> tags.
- Provide a method to skip repetitive links
- Group menu links into logical sets and sub sets across the site, use <H> tags for each group heading
- Develop a vertical rather than horizontal hierarchy of menu items and use <UL> tag to create list of links
- Label links so that they make sense when removed from context
- Avoid duplicate link names