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

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

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

HTML. The World Wide Web Protocols Addresses HTML.

XHTML Basics. What is XHTML? XHTML is newer than the old HTML XHTML has stricter rules and does not allow some elements formerly used in HTML One benefit.

ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.

IMPORTANT: Instructions

Introduction to JavaScript Module 1 Client Side JS Programming M-GO Sponsored By

HTML 5. What is HTML5? HTML5 will be the new standard for HTML, XHTML, and the HTML DOM. The previous version of HTML came in The web has changed.

IT Accessibility: Changes and Trends in Policy and Technology Greg Kraus University IT Accessibility Coordinator NC State University.

Web Content Accessibility Guidelines (WCAG) 2.0 by Julius Charles Serrano, Even Grounds.

WEB BROWSERS. W EB B ROWSER B ASICS Define: a software application for retrieving, presenting, and traversing information resources on the World Wide.

Web Accessibility 2.0 February 4, Introduction: Patrick Johnson Internet Coordinator and Webmaster Department of Rehabilitation Since 1996 Phone:

Accessibility of online instructional tools and documents Terrill Thompson ATUS Technology Accessibility Consultant x 2136

INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.

An Introduction to WAI-ARIA Dan Jackson Web Team Leader City University London.

Basic XHTML Module 2: XHTML Basics LESSON 1. Module 2: XHTML Basics LESSON 1 Lesson Overview In this lesson, you will learn to:  Write XHTML code using.

4.1 JavaScript Introduction

Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.

Dr. Omar Al Jadaan The Internet. Internet Service Provider (ISP) Content Providers: create and maintained material that can be accessed using the internet.

Web Accessibility John M. Call, Coordinator Academic Accommodations and Technology University Accessibility Center Brigham Young University 1520 WSC –

HTML Structure & syntax

1 Essential HTML coding By Fadi Safieddine (Week 2)

Adobe Contribute CS4 Targeted Training, LLC © Targeted Training, LLC 2010.

Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.

1.  Describe the anatomy of a web page  Format the body of a web page with block-level elements including headings, paragraphs, lists, and blockquotes.

All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.

HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.

JavaScript By: Louis Roselli & Michael Reynolds. Problem Domain JavaScript is programming code that can be inserted into HTML pages. JavaScript inserted.

MIS 425 Lecture 3 – HTML 5 and CSS Instructor: Martin Neuhard

Java Applet Presented by: Feng Liu. Agenda Introduction Java Applet vs. JavaScript Steps in Creating a Java Applet Java Applet Example Do I have to write.

HTML,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.

HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &

Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.

Functional Accessibility Evaluation of Web 2.0 Applications Testing Jon Gunderson, Ph.D University of Illinois.

HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

Accessibility of Local Government Websites Terrill Thompson Technology Accessibility

INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.

Introduction to Information Technology Applications.

Computer Basics Make your time more productive!. Compu-things to know: How to think about Office What browser should I use? Keyboard shortcuts: Content.

Computer Basics Make your time more productive!. Compu-things to know: How to think about Office What browser should I use? Keyboard shortcuts: Content.

The Internet is a Big Collection of Computers and Cables. -"interconnection of computer networks". Millions of personal, business, and governmental.

Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.

Section 508 Refresh WCAG 2.0 A and AA Information & Comparison CB Averitt – Deque Systems.

Beginning JavaScript 4 th Edition. Chapter 1 Introduction to JavaScript and the Web.

Web Browsers. Overview Definition How a Browser Works? History Today – Browser Wars The Future.

HTML Basic Structure. Page Title My First Heading My first paragraph.

1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.

XHTML Basics. What is XHTML? XHTML is newer than, but built upon, the original HTML (Hyper Text Markup Language) platform. XHTML has stricter rules and.

Website Design and Construction Services and Standards.

Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.

Slide 1 Insert your own content.. Slide 2 Insert your own content.

Introduction to HTML (Web Design) IT Fundamentals.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.

Basic HTML Introduction to HTML.

Pertemuan 1 Desain web Pertemuan 1

Making the Web Accessible to Impaired Users

Slide 1 Insert your own content.. Slide 1 Insert your own content.

International University of Japan

Slide 1 Insert your own content.. Slide 1 Insert your own content.

Slide 1 Insert your own content.. Slide 1 Insert your own content.

Web Page Design CIS 300.

Preparing Accessible Documents

Web Application Development

ITI 163: Web, Mobile, and Social Media Design Introduction

CIS 133 mashup Javascript, jQuery and XML

Pertemuan 1 Desain web Pertemuan 1

Demystifying Web Content Accessibility Guidelines

An Introduction to HTML Pages

Presentation transcript:

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

HTML and Accessibility Standards 1993 HTML Standards Accessibility Standards HTML 1HTML 2HTML 3 HTML 4 HTML 5 WCAG 2 WCAG

Growing Pains W3C Internet Explorer Netscape Firefox Safari Opera

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

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

DOCTYPE

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

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

HTML 2 (1995) – ismap

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

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

HTML 5

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

HTML and Accessibility Standards 1993 HTML Standards Accessibility Standards HTML 1HTML 2HTML 3 HTML 4 HTML 5 WCAG 2 WCAG

Section 508 Purchasing and development requirement for Federal entities, or entities receiving Federal money Released in words long Section 508 Refresh

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

WCAG 2.0 Contents – POUR Perceivable Operable Understandable Robust

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

Perceivable: Text Equivalents

Operable: Document Structure

Operable: Keyboard Navigation

Understandable: Error Messages

Robust: A Slide Through History

Slider: HTML 4 + hundreds of lines of JavaScript

How This Works on Desktop Applications

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

Slider: HTML 5 0 lines of JavaScript

Questions?