1 / 6

Creating Accessible Web Design with Dreamweaver: Best Practices and Guidelines

Learn to make web content accessible using Dreamweaver, from images to multimedia, tables, hyperlinks, audio, and video. Understand the importance, benefits, and legal reasons, and discover resources to enhance accessibility.

melissa-rosales
Télécharger la présentation

Creating Accessible Web Design with Dreamweaver: Best Practices and Guidelines

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Usability Multimedia Authoring • What is accessible web design? • Why bother with accessible web design? • Legal reasons • Benefits to people without disabilities • How is the Web accessed by people with disabilities? Multimedia Authoring

  2. Usability Accessibility • Creating accessible content with Dreamweaver Images • Use standard image formats • Provide height and width attributes for all images • Many images? Use thumbnails • Alternate Text Description (alt attribute) • Long Description (longdesc attribute) • Client side image maps Multimedia Authoring

  3. Usability Accessibility • Creating accessible content with Dreamweaver Tables • table caption & summary attribute • Table headers Multimedia Authoring

  4. Usability Accessibility • Creating accessible content with Dreamweaver Hyperlinks Headers Acronyms <acronym title="Kangaroo Flat Secondary College">KFSC</acronym> Using colour Multimedia Authoring

  5. Usability Accessibility • Audio and Video • Web Captioning What are captions? They should be: Synchronized Equivalent Accessible Closed vs. Open captions Audio description http://webaim.org/techniques/captions/media/audiodesc.mp3 Transcripts Multimedia Authoring

  6. Accessibility • Resources: • W3C Web Accessibility Initiative • http://www.w3.org/WAI/ • Adobe Accessibility Resource Centre • http://www.adobe.com/accessibility/ • Web Content Accessibility Guidelines • http://www.w3.org/TR/WCAG20/ • WebAIM • http://webaim.org/ • Internet Industry Association • http://www.iia.net.au/index.php/task-forces/38/92-web-accessibility-online-resources.html • Adaptive Technology Resource Centre • http://www.altcexchange.edu.au/adaptive-technology-resource-centre Multimedia Authoring

More Related