Web Accessibility Guidelines Office of Web Services January 2012.

Slides:



Advertisements
Similar presentations
1 After completing this lesson, you will be able to: Use the Formatting toolbar to format text. Apply character effects to text. Align text. Cut and paste.
Advertisements

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
HTML Overview - Text Markups. Before We Begin Make a copy of your HTML file you created in the previous lesson Make a copy of your HTML file you created.
Technologies for web publishing Ing. Vaclav Freylich Lecture 1.
MLA (Modern Language Association)
Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.
PRESENTATION TITLE Speaker. PRESENTATION TITLE Section Title  Insert copy here Section Title  Insert copy here Section Title  Insert copy here.
Pasewark & Pasewark 1 Word Lesson 4 Formatting Text Microsoft Office 2007: Introductory.
Internal information 1 EPi/Policy training UK September 12, 2008.
Join the A-Team ACCESSIBILITY-TEAM. Session 1 EVALUATE ACCESSIBILITY OF HTML FILES AND SET THE PATH TO A D2L STYLE SHEET.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
Assignment 1 Pointers ● Be sure to use all tags properly – Don't use a tag for something it wasn't designed for – Ex. Do not use heading tags... for regular.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Basics of HTML. Example Code Hello World Hello World This is a web page.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
HTML Links and Anchors.
Define html document byusing Example : Title of the document The content of the document......
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)
Creating your Webpage with tables. This is a 2 column by 1 row table!
 In My.Wartburg you can add…  YouTube Videos  Films on Demand (Vogel Lib.)  Internet Pages With a Video  Anything with a URL (
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Images in HTML PowerPoint How images are used in HTML.
CREATING WEB PAGES Using…More HTML code! My First \ Web Page.
Add an Image. index.html about.html contact. html contact. html.
And networking websites.  Give a definition of network. What characterizes a social network? What is their diffusion?
STUDENTS’ PRACTICE  – students are divided into pairs and work at one computer  - they choose a country they want to describe (work with Encarta, the.
Using the Internet for Work Medline: National Library of Medicine site (PubMed) Medline site Medline site good online help guide + can be downloaded /printed.
WEB DESIGN. warming up WEB DESIGN  Look at the HOMEPAGE OF YAHOO on page 56  Answer the following questions: 1) Why do people create and publish web.
On Page SEO (Search Engine Optimization) 3 Pieces – Keyword Research / On Page / Off Page Find a Keyword That is worth ranking for, then optimize it (Show.
CMA Workshop Image Links and Text Links on the Same Line in a Component.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Word – Lesson 4 Word Lesson 4 Formatting Text Microsoft Office 2007: Introductory 1.
OneNote 2007 Adding text and images from the web.
Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Serif Part 2 Adding text popups to pictures Adding a rollover image Adding a popup rollover Adding a Voki.
HTML Images Dr. Baker Abdalahq. The Image Tag and the Src Attribute In HTML, images are defined with the tag. In HTML, images are defined with the tag.
VIDA Requirements - HTML5 – Semantic tags - HTML5 - Forms - HTML5 – CSS3.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
“Successful Uses of HTML Computer Code” Shannon Harwell.
The HTML Tag Quiz. Instructions You will see a tag. You must decide which (if any) versions of HTML include this tag: HTML 0.a Tim Berners-Lee’s original.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
Microsoft Word Font, Paragraph Formatting and Picture Toolbar.
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Images in HTML PowerPoint How images are used in HTML
Web Accessibility 101 UW GAAD 2018
Web Page Design ICT Ms. McGrew.
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
Unit 14 Website Design HND in Computing and Systems Development
Basic HTML and Embed Codes
WRITE MARKETING COPY and EXECUTE TARGETED S
Web Accessibility Guidelines
Document Object Model (DOM): Objects and Collections
Web Programming Language
One pager With a partner:
Writing Levels Level 1 Level 2 Level 3 Short answers:
Writing Levels Level 1 Level 2 Level 3
Writing Levels Level 1 Level 2 Level 3
Pertemuan 1b
HEAVY OIL THEATRE COMPANY NAME PRESENTATION TITLE.
Building Trustworthy Semantic Web
Writing Levels Level 1 Level 2 Level 3
Follow assignment directions.
Unit 10 The Web Book Test.
Images in HTML PowerPoint How images are used in HTML
Evaluate the integral {image}
Presentation transcript:

Web Accessibility Guidelines Office of Web Services January 2012

Guidelines  Do not Copy/Paste from MS Word  Do not underline text  Every image must have an ALT attribute

Guidelines  Page and should match  Follow a semantic structure –  Use to highlight or emphasize

General Guidelines  Avoid multiple  Avoid ALL CAPS  Create short paragraphs and use lists

Validate and Evaluate  Maintaining and Evaluating Accessibility for Your Website Maintaining and Evaluating Accessibility for Your Website –W3C HTML ValidatorW3C HTML Validator –Functional Accessibility EvaluatorFunctional Accessibility Evaluator