CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team.

Slides:



Advertisements
Similar presentations
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
Advertisements

Anatomy of a Multimedia Project
National Center for Accessible Transportation Proposed Guidelines for Web Accessibility in the Travel Industry R.J. Zaworski, and K.M. Hunter-Zaworski,
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Certificate in Digital Applications – Level 02 Website Design and Creation.
HTML Semantic Structure
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.
2/23/ Enterprise Web Accessibility Standards Version 2.0 WebMASSters Presentation 2/23/2005.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
A Beginners Guide to Web Site Design. What we will cover…. Planning your site. Creating a template. Images and Fonts. Absolute vs. Relative Links.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
 What is web accessibility? ture=relatedhttp://
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Chapter 15 Designing Effective Output
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.
Web Technologies Website Development Trade & Industrial Education
Smart Cards: Accessible to all Jon Fell, partner 24 January 2005.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Presentation by Clare Drew – Goss Interactive Steve Thomson – All Wales Unit.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Americans with Disabilities Act (ADA): Compliance on the University Libraries Web Portal John Pardavila Library Systems May 29, 2013.
Website Development with Dreamweaver
11 HTML5 sharing St Bonaventure College & High School 31 May 2012.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Access for all Why it’s important to make accessibility an integral part of your website design Donna Smillie Best Practice Officer (Accessible Websites)
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
1 Technical & Business Writing (ENG-315) Muhammad Bilal Bashir UIIT, Rawalpindi.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
McLean HIGHER COMPUTER NETWORKING Lesson 6 Types of Browsers & WAP Explanation of browser functions Wireless access to the Internet Description of.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
MOVIE RETRIEVAL SYSTEM INFORMATION VISUALIZATION & PROPOSING NEW INTERFACE IAT 814 Adrian Bisek.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
CONTROLSITE Training Monday 11 th November 2002.
English for Careers Chapter 14 Writing for Multimedia.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Unit 13 – Website Development FEATURES OF WEBSITES.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
COMP 143 Web Development with Adobe Dreamweaver CC.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Basic concepts of web design
Working in the Forms Developer Environment
Making the Web Accessible to Impaired Users
MUG Tuesday, May 31, 2016.
Web software.
Inclusive Design Reviews
Designing Information Systems Notes
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Introduction to Web Accessibility
Layout - you need to understand that a simple navigation bar:
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
From compliance to usability
Writing for Communication on the Web
Teaching slides Chapter 6.
Accessible Design Top 10 List
E-learning Projects Overview
Presentation transcript:

CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team

Overview Introduction to Presentation Accessibility and the production cycle –Design Stage Considerations –Production and Testing Considerations CONTROLSITE & Accessibility Accessible Website Example

Design Stage Considerations Design Specialists and Technical Production Specialists work as team during Design phase of project. CONTROLSITE major impact on overall design and accessibility. CONTROLSITE overview…

Delivery MechanismContent Management Design Stage Considerations CONTROLSITE CONTROLSITE Content Management Text only website for screen reader Mobile phones PDA WAP Graphical Website Database

Design Stage Considerations How to deliver the content ? One design to all users –Styles with proportional font sizes –Graphical Text vs ‘Pure’ Text –Design holds after font changes –Visual features

Design Stage Considerations How to deliver the content ? Visual Content Issues User Interface Issues –Main Navigation layout –Links to other information

Design Stage Considerations How to deliver the content ? Multi-Channel Display »Graphically biased display »Text-based display (optional audio via text reader) –Appropriate navigation location –Users’ Choice –Equivalent alternate content

Design Stage Considerations Technical Specification Advice designer of technical limitations or new features that are possible. Detail specification to include appropriate accessibility CONTROLSITE set up to include provision for equivalent alternative content Specify website user details to collect and store display preferences

Production and Testing Considerations Based on D & S build site to meet accessibility guidelines. –WAI Web Content Accessibility Guidelines »Initial build based loosely on guidelines »Test site with Bobby »Review code to meet Priority 1, and 2 & 3 where appropriate Easier with practice ! Some accessibility depends on Content Contributors rather than code …

CONTROLSITE & Accessibility Overall consistent structure of website. Navigation Page contents Additional links to other pages, websites etc

CONTROLSITE & Accessibility Content contributors can apply accessibility Accessible content (Guideline 1 – Equivalent Alternatives ) –Description in alt tags –Text transcripts etc for video/audio/images Article extras –Access Keys / Keyboard shortcuts CONTROLSITE Meta Data Article Editor (Guidelines 3.5, 3.6 appropriate mark-up) –Apply heading tags –Correct format of list items etc

Accessible Website Example North Cornwall District Council Text Only - User Display Preferences –Colour –Text Size and Font Text Only – Screen Reader

Conclusion Respond to client demand for accessible sites Encourage clients to consider accessibility of site Strive to improve, open to new ideas Content of all CONTROLSITE websites held in a Database, so if new accessible techniques or methods, able to respond with new display output.