Ads

How to Make Websites Accessible

Creating accessible web pages has never been more important than today. With the adoption of accessibility standards in the United States, Canada, the European Union, Australia, Japan, and other countries, designers and developers need to ensure that people with disabilities can access the contents of websites and web applications, as well as the authoring tools used to create them. 

Accessibility refers to making websites and web products usable for people with visual, auditory, motor, and other disabilities. Examples of accessibility features for software products and websites include screen reader support, text equivalents for graphics, keyboard shortcuts, change of display colors to high contrast, and so on. Dreamweaver provides tools that make it accessible to use and tools that help you author accessible content. 

Dreamweaver enables designers and developers to create accessible pages that contain useful content for screen readers and comply with federal government guidelines. For example, dialog boxes prompt you to enter accessibility attributes—such as text equivalents for an image—when you insert page elements. Then, when the image appears on a page for a user with visual disabilities, the screen reader voices the description. 

No authoring tool can automate the development process. Designing accessible websites requires you to understand accessibility requirements and make ongoing decisions about how users with disabilities interact with web pages. The best way to ensure that a website is accessible is through deliberate planning, development, testing, and evaluation.

Accessibility preferences options

To create accessible web pages, page elements need to be marked up with information for assistive technology, such as screen readers. For example, each image on a page should be given a text equivalent, called alternative text (alt text), that a screen reader voices to users in place of the image Designers often overlook accessibility features such as alt text when creating websites, but Dreamweaver CS6 enables you to set preferences that prompt you to provide accessibility information as you’re building the page. By activating options in the Preferences dialog box, you'll be prompted to provide accessibility-related information for form objects, frames, media, images, and tables as each element is inserted in a page.

To set the accessibility preference, choose Edit > Preferences (Windows) or Dreamweaver > Preferences (Mac OS) and select the Accessibility category in the Preferences dialog box.


Accessible templates

Dreamweaver CS6 includes several templates designed for accessibility. These templates are visually balanced, as well as accessible to people with disabilities. They provide you with a fast and easy way to create exciting, engaging, and accessible content.


The W3C Web Accessibility Initiative has developed a quick reference list Web Content Accessibility Guidelines 2.0 requirements and techniques.

1. Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.

2. Time-based Media: Provide alternatives for time-based media.

3. Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

4. Distinguishable: Make it easier for users to see and hear content including separating foreground from background.

5. Keyboard Accessible: Make all functionality available from a keyboard.

6. Enough Time: Provide users enough time to read and use content.

7. Seizures: Do not design content in a way that is known to cause seizures.

8. Navigable: Provide ways to help users navigate, find content, and determine where they are.

9. Readable: Make text content readable and understandable.

10. Predictable: Make Web pages appear and operate in predictable ways.

11. Input Assistance: Help users avoid and correct mistakes.

12. Compatible: Maximize compatibility with current and future user agents, including assistive technologies.


     


Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

buttons=(Accept !) days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !