Web Accessibility Guidelines

Slides:

Advertisements

Similar presentations

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Advertisements

Working with Forms. how are forms manipulated? the document object contains an array of forms objects, one for each form, in document order –forms[] any.

Web Accessibility Guidelines Office of Web Services January 2012.

HTML Semantic Structure

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Microsoft Expression Web-Illustrated Unit L: Using Code Tools.

Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.

Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.

Web Design: Best Practices The “why’s” of web page creation.

Building Accessibility Into The Workflow Rick Ells Computing & Communications University of Washington Seattle, Washington

III.Creating Downloadable Files: Word, PDF, Excel and PowerPoint A Web Accessibility Primer: Usability for Everyone Office of Web Communications.

Creating and publishing accessible course materials Practical advise you can replicate.

Creating Tables in a Web Site Using an External Style Sheet

HTML, Third Edition--Illustrated Complete 1 HTML – Third Edition Illustrated Complete Unit I Designing Web Pages.

Creating a Simple Page: HTML Overview

Define html document byusing Example : Title of the document The content of the document......

HTML, Third Edition--Illustrated1 HTML – Illustrated Introductory, Third Edition Unit H Controlling Page Layout with Frames and Tables.

Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.

Chapter 1 Understanding the Web Design Environment Principles of Web Design, 4 th Edition.

Week 1 Understanding the Web Design Environment. 1-2 HTML: Then and Now HTML is an application of the Standard Generalized Markup Language Intended to.

Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.

HTML Workshop Agenda 7/26/2006. Stuff from Last Week  Cache, history, URL chopping  View Source results.

STILL CHAPTER 4 More Style. Topics How to specify “style” for beautifying your content?  Using tag and style attributes and values Separate file for.css.

Dreamweaver MX Unit B CIS 205—Web Site Design and Development.

Web Design March 21, Agenda Return graded work Review / Discuss Homework Assignment Unit 6: Web Authoring Software Lesson Objectives: Students develop.

INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.

Instructional Technology & Design Office or Beginning Web Design Presented by Laura Miller.

Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.

OneNote 2007 Adding text and images from the web.

4 HTML Basics 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.

Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.

Adding Images to Your Web Page Web Design Section 5-7 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

HTML, Third Edition--Illustrated Brief 1 HTML, Third Edition Illustrated Brief Unit C Formatting Page Elements with HTML.

1. Chapter 8 Inserting Elements and Navigating in a Document.

Creating User Interfaces [Tutorials due.] Development cycle. Standards. Communities. Work session. Homework: For next Thursday: Finish HTML5 project: prepare.

“Successful Uses of HTML Computer Code” Shannon Harwell.

Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.

HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.

Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.

This is a test Webpage Wow, I’m writing my first webpage.

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML.

CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.

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

HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.

HTML for JavaScript Web Applications

Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines

Introduction to HTML.

Intro to Dreamweaver Web Design Section 8-1

Creating Accessible PDFs from Word Docs

Adding Images to Your Web Page

Introduction to Web Accessibility

Content Best Practices

HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page

Benchmark Series Microsoft Word 2016 Level 2

Presentation Title December 7, 2018

WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

From compliance to usability

What are Cascading Stylesheets (CSS)?

Structuring Content in a Web Document

Exam1 Review CSE111 B.Ramamurthy 2/17/2019 B.Ramamurthy.

Creating Accessible Documents

Building accessible chatbots

Emily Grotta & Susan Harris Last Updated: May 3, 2018

HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.

Designing with Accessibility in Mind

4.00 Apply procedures to add content by using Dreamweaver. (22%)

HTML5 and CSS3 Illustrated Unit B: Getting Started with HTML

Presentation transcript:

Web Accessibility Guidelines Office of Web Services Updated December 2016

Guidelines Use heading styles in a semantic structure Avoid entering paragraph returns that have a heading style applied to them Every image must have an Alt attribute Avoid copying and pasting directly from Word. Use the Paste as Text button when you do.

Guidelines Heading styles create sections and subsections. These should not be used for design. Headings should be properly nested (Heading 2, 3, 4, etc.) Screen readers require an ALT attribute.

Guidelines Pasting directly from Word brings Microsoft code that can cause numerous problems. Avoid using ALL CAPS in your content. Screen readers may mistake this as an acronym instead of a word.

Validate and Evaluate Maintaining and Evaluating Accessibility for Your Website W3C HTML Validator Functional Accessibility Evaluator