"How to improve web site accessibility and capture new business" Christian Heilmann, Lead Front End Developer Netdecisions February 2004.

Slides:



Advertisements
Similar presentations
ASP.NET Intro An introduction to the languages and communication of an ASP.NET system.
Advertisements

Web Design Vocab 6 Backend, Frontend, Freelancer, JavaScript, Vector Image.
Evaluation in Digital Media Graphics Basic Concepts.
Project 1 Introduction to HTML.
Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.
1st Project Introduction to HTML.
Web Development & Design Foundations with XHTML
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
5 th February Introduction Web Development Course.
1 Web Development Life Cycle  Ensures project consistency and completeness –Planning –Analysis –Design and Development –Testing –Implementation and Maintenance.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Web Design Basic Concepts.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.
Web Developer & Design Foundations with XHTML
1 Web Developer Foundations: Using XHTML Chapter 8 Web Site Development.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
Styles with Cascading Style Sheets (CSS) Web Design – Section 4-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
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.
Evaluating and Remediating Web Pages for Accessibility & Web Standards Evaluating and Remediating Web Pages for Accessibility & Web Standards Howard Kramer.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
CSS : Cascading Style Sheets Ann Dobbs Class: i385e.
Birkbeck University of London Business Workshop Web Accessibility for small businesses How to convert table layout page to css.
By Gian Sampson-Wild Manager, Usability and Accessibility Services ITS Web Centre Accessibility and the Monash homepage.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Ivailo Chakarov Web Design & Development Ivo Chakarov Telephone: Ext Room: NL11 (above New Library)
COAP 2000: Intro. to (X)HTML Chapter 1. Intro. to XHTML: Chapter 1 The Internet –It’s a Network. –Internet Backbone (T1, T3) –Internet Service Provider.
Asstt. Prof Sonia Sharma Computer Dept 1 HTML ( Hypertext MarkUP Language ) HTML is the lingua franca for publishing hypertext on the World Wide Web.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
K1047BI - Digital Media Course Info Teppo Räisänen LIIKE/OAMK.
JavaScript Dynamic Active Web Pages Client Side Scripting.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Interface Design 2 Week 13. Interface Design 2 :: Week 13 :: Calendar.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
The effects of widespread Web standards deployment on the Web design industry and end-user. James Willock April 19, 2009.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Principles of IT Basic Webpage Design Vocabulary.
4.01 How Web Pages Work.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML
Chapter 1 Introduction to HTML.
Web Development Life Cycle
Styles with Cascading Style Sheets (CSS)
Project 1 Introduction to HTML.
JavaScript is a language that is used on any website to add tags, improve the function of the website and allow users to interact. When the development.
Teacher: Alison Roberts Northern Sydney Institute of TAFE
Chapter 1 HTML, XHTML, and the World Wide Web
Web Programming– UFCFB Lecture 9
PROJECT ON WEB DESIGNING BY – POOJA SINGH CSE. WEB DESIGNING Web design Web design is a similar process of creation, with the intention of presenting.
Web Site Project Management
Chapter 1 HTML, XHTML, and the World Wide Web
Chapter 1 HTML, XHTML, and the World Wide Web
Web Technologies for Business
Principles of Web Design 5th Edition
From compliance to usability
Why use Web Standards?.
Unit 6 part 3 Test Javascript Test.
CIS 133 mashup Javascript, jQuery and XML
Web Programming– UFCFB Lecture 9
Workshop 02 How to manage Faculties Websites using CMS
Intro Project Introduction to HTML.
4.01 How Web Pages Work.
Presentation transcript:

"How to improve web site accessibility and capture new business" Christian Heilmann, Lead Front End Developer Netdecisions February 2004

Why accessibility? Possible legal necessity Easier maintenance and rebranding of the product The “blind millionaire”

How to introduce accessibility? Raise disability awareness throughout the project - designers, developers and sales force. Raise client awareness from the start Separation of Markup, CSS and Scripting Testing, testing, testing

The multi level approach Create the design, identify the components Start the markup, ensure the site is usable without any Scripting or CSS Add the CSS layer to make the site look as it should be Separate the finished (x)HTML document into "components" Add the backend functionality to re- assemble these components. Add a Javascript layer to enhance usability If your web page were a movie, XHTML would be the screenwriter, CSS would be the art director, scripting languages would be the special effects… (Jeffrey Zeldman)

What are the problems we are facing right now? Current web design aesthetics are print design driven (multicolumn layouts, fixed sizes) Web development is considered graphic work rather than document design Browsers and Screen Reader technology implementation is still dodgy Content Management Systems, WYSIWYG editors and backends create invalid, non- maintainable code Accessibility myths

Questions? Material? Contact me via on