Guideline 12 Provide context and orientation information.

Slides:



Advertisements
Similar presentations
100 points 200 points 400 points 800 points800 points800 points800 points800 points 1600 points 3200 points.
Advertisements

IT Accessibility Committee Accessible Tables Prepared by the NYS Forum IT Accessibility Committee
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything Text Lists Other tables Pictures …
Images, Tables, lists, blocks, layout, forms, iframes
Basic Accessible PDF Document Training Adobe Acrobat Professional 11.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Introduction to Web Site Development Steven Emory Department of Computer Science California State University, Los Angeles Lecture 4: Tables and Frames.
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
 2003 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.
Updated on: September 4, 2010 CIS67 Foundations for Creating Web Pages Professor Al Fichera.
1 Accessible Tables. 2 Making a table accessible How does a screen reader read a table? Some people who access the web use screen readers. Most screen.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
HTML. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language.
Programming I 2 nd lecture. Block-level and inline elements BlockInline block-level elements generally can contain text, data, inline elements, or other.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML Pt. 2.
Lecture 5: HTML Structure and Navigation LIS350AR: Designing Universally Accessible Web Resources Instructor: Jon Gunderson.
>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 5 - Introduction to XHTML: Part 2 Outline 5.1 Introduction 5.2 Basic XHTML Tables 5.3 Intermediate.
HTML | DOM. Objectives  HTML – Hypertext Markup Language  Sematic markup  Common tags/elements  Document Object Model (DOM)  Work on page | HTML.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
HTML | DOM. Objectives  HTML – Hypertext Markup Language  Sematic markup  Common tags/elements  Document Object Model (DOM)  Work on page | HTML.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
HTML: Hyptertext Markup Language Doman’s Sections.
1 Week Four– Advance HTML 2 Dr. Fadi Safieddine. 2 Lecture Content Basic HTML Tables Using based Feedback form Creating and Using Image Maps Nested.
Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ HTML Training.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Tutorial 5 Working with Web Tables. XP Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple.
Table (TABLE) Contains TABLE ROWS (TR) Contains TABLE DATA (TD) Data can contain anything › Text › Lists › Other tables › Pictures › …
 2003 Prentice Hall, Inc. All rights reserved. Introduction to HTML: Tables Outline 1 Introduction 2 Basic HTML Tables 3 Intermediate HTML Tables and.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
HTML Tables The HTML table model allows authors to arrange data - text, preformatted text, images, links, forms, form fields, other tables, etc. - into.
Introduction to Web Site Development John Hurley Department of Computer Science California State University, Los Angeles Lecture 4: Favicons Tables and.
XP Review 1 New Perspectives on JavaScript, Comprehensive1 Introducing HTML and XHTML Creating Web Pages with HTML.
Accessible PDF Creation using Adobe Acrobat Professional 11.
LINKING WEBPAGES USING HTML HYPERLINKS. Hyperlinks are text strings or images on a webpage which when clicked on, links to another section in the same.
Chapter 9 Table Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
1999, COMPUTER SCIENCE, BUU Introduction to HTML Seree Chinodom
HTML Basic Structure. Page Title My First Heading My first paragraph.
Tables creating a table within a web page. What makes up a table? Columns Rows.
Tables.  How tables are used  Basic table structure  Importance of headers  Spanning rows and columns  Cell padding and spacing  Accessibility.
HTML Tables Tables are defined with the tag. A table is divided into rows (with the tag), and each row is divided into data cells (with the tag). td stands.
TNPW1 Ing. Jiří Štěpánek.  ordered list  (list item)  unordered list  (list item)
Creating and Processing Web Forms
HTML & CSS Jan Janoušek.
Organizing Content with Lists and Tables
Yourfriendmanoj.wordpress.com Fb/yourfriendmanoj
Working with Tables: Module A: Table Basics
Elements of HTML Web Design – Sec 3-2
Objectives Design a form Create a form Create text fields
Chapter 8 and 9.
Server-Side Application and Data Management IT IS 3105 (Spring 2010)
HTML Tables.
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Introduction to Web Site Development
Chapter 5 Introduction to XHTML: Part 2
Elements of HTML Web Design – Sec 3-2
Chapter 5 - Introduction to XHTML: Part 2
COMPUTING FUNDAMENTALS
Web Design & Development
HTML and CSS 8th Edition Chapter 18: Tables.
Chapter 8 Tables.
Creating Accessible Electronic Documents
Introduction to XHTML Cont:.
Web Development & Design Foundations with H T M L 5
Introduction to HTML.
HyperText Markup Language
Web Client Side Technologies Raneem Qaddoura
Presentation transcript:

Guideline 12 Provide context and orientation information

Use the "title" attribute to name frames. [Priority 1]

Select to go to the electronic library Example:

Describe the purpose and relationship of frames [Priority 2]

No frames version Descriptions of frames. Example:

Divide large blocks of information into more manageable groups where natural and appropriate. [Priority 2]

Mechanisms for Content Grouping Use tables for tabular data and describe the table with CAPTION. Group table rows and columns with THEAD, TBODY, TFOOT, and COLGROUP. Nest lists with UL, OL, and DL. Use section headings (H1 - H6) to create structured documents and break up long stretches of text. Break up lines of text into paragraphs (with the P element). Group related links. Use FIELDSET to group form controls into semantic units and describe the group with the LEGEND element. Use OPTGROUP to organize long lists of menu options into smaller groups.

Associate labels specifically with their controls. [Priority 2]

Screen Reader: “user name text” Use the FOR attribute to associate labels and controls. Example: User Name: User Name:

Summary Know your tools available. Do everything possible to make sure that your page can be understood if it was read by a screen reader. For a more comprehensive study, visit