Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Standards, HTML 5, and Accessibility: Introduction Greg Kraus University IT Accessibility Coordinator NC State University.

Similar presentations


Presentation on theme: "Web Standards, HTML 5, and Accessibility: Introduction Greg Kraus University IT Accessibility Coordinator NC State University."— Presentation transcript:

1 Web Standards, HTML 5, and Accessibility: Introduction Greg Kraus University IT Accessibility Coordinator NC State University

2 HTML and Accessibility Standards 1993 HTML Standards Accessibility Standards HTML 1HTML 2HTML 3 HTML 4 HTML 5 WCAG 2 WCAG 1 508 19951997 1999 2008

3 Growing Pains W3C Internet Explorer Netscape Firefox Safari Opera

4 The New Kid on the Block (HTML 5) W3CWHATWG W3CWHATWG

5 Why this doesn’t work My First Web Page Welcome to my page!

6 DOCTYPE

7 Once we agree on a language My First Web Page Welcome to my page!

8 HTML 1 (1993),... – src – align – alt, – deprecated –

9 HTML 2 (1995) – ismap

10 HTML 3 (1997) – only works with Java applets Java applet that plays a welcoming sound.

11 HTML 4 (1999) deprecated Accessibility of objects inserted into pages

12 HTML 5

13 Deprecated and Obsolete Deprecated = currently supported but don’t rely on it in the future – HTML 4 deprecated Obsolete = no guarantee of current support – HTML 5 made obsolete

14 HTML and Accessibility Standards 1993 HTML Standards Accessibility Standards HTML 1HTML 2HTML 3 HTML 4 HTML 5 WCAG 2 WCAG 1 508 19951997 1999 2008

15 Section 508 Purchasing and development requirement for Federal entities, or entities receiving Federal money Released in 1998 381 words long Section 508 Refresh http://www.access-board.gov/508.htm

16 WCAG 2.0 Released in 2008 14,000+ words in the standard 300,000+ words of support documentation

17 WCAG 2.0 Contents – POUR Perceivable Operable Understandable Robust

18 The English Translation Perceivable Operable Understandable Robust Can I “see” it? Can I “touch” it? Can I understand it? Can I break it?

19

20 Perceivable: Text Equivalents

21 Operable: Document Structure

22 Operable: Keyboard Navigation

23 Understandable: Error Messages

24 Robust: A Slide Through History

25 Slider: HTML 4 + hundreds of lines of JavaScript

26 How This Works on Desktop Applications

27 Slider: HTML 4 + ARIA … + hundreds of lines of JavaScript

28 Slider: HTML 5 0 lines of JavaScript

29 Questions?


Download ppt "Web Standards, HTML 5, and Accessibility: Introduction Greg Kraus University IT Accessibility Coordinator NC State University."

Similar presentations


Ads by Google