© 2014 Boise State University1 Accessibility When websites are correctly designed, developed, and edited, all users have equal access to information and.

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Five Working with Images.

Advertisements

Writing for the Web: Quick Tips for Friendlier Pages Robyn Ness & Beth Snapp July 2014.

ADA Compliant Websites & Documents What the heck am I supposed to do?

© 2012 Boise State University1 Boise State Web Camp: Images, Slideshows and Media Shad Jessen Office of Information Technology.

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

XX/XX/XX Presenter names Position Title Accessibility “How to”

Web Accessibility Web Services Office of Communications.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

Who-do, How-to WhooHoo Webpages Mark Duller Caroline Bampfylde Kym Schreiner Presentation for LRG Meeting - January 26, 2005.

Creating Accessible PowerPoint Presentations Presenter Jennifer Reid Office of Information Services Information Dissemination Staff.

Discovering Computers 2010

Search Engine Optimization March 23, 2011 Google Search Engine Optimization Starter Guide.

 What is web accessibility? ture=relatedhttp://

Electronic Communication and Web Accessibility Workshop.

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.

Ch10 QQ T F 1.The appearance of text (such as font face and style) incorporated into a Web page graphic will appear as it was when it was created, regardless.

WEBINAR SERIES: ACCESSIBLE INTERACTIVE DOCUMENTS Week 3: Accessible Web Forms Norman Coombs

Wikispaces in Education Tutorial Jennifer Carrier Dorman

© 2012 Boise State University1 WordPress Training February 14, 2013.

Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.

Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.

Using Images on Your Website? April 21, This Session Covers Why and when to use images Best practices for selecting and using images Image editing.

Blackboard Learn 9.1 © 2013 Blackboard Inc. All rights reserved.

Web Technologies Website Development Trade & Industrial Education

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

Accessible Web Design Carolyn Fiori Assistive Technology Specialist, College of San Mateo November 2011.

Basic HTML e-Learning Tutorial Storyboard Linda Sauerbrun AET/545 February 15, 2015 Dr. Poe.

© 2012 Boise State University1 WordPress Training February 14, 2013.

2 pt 3 pt 4 pt 5pt 1 pt 2 pt 3 pt 4 pt 5 pt 1 pt 2pt 3 pt 4pt 5 pt 1pt 2pt 3 pt 4 pt 5 pt 1 pt 2 pt 3 pt 4pt 5 pt 1pt Hardware Internet Word Processing.

Wikispaces Tutorial Adapted from a slideshow by: Jennifer Carrier Dorman

Dr. Hala Fawzi  Make sure you are signed into Wikispaces  Go to: 

Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 

Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;

Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.

WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.

Introduction to Web Page Design. General Design Tips.

Access for All: Basics of Web Accessibility April 17, 2012 Presenters: Cindy Leonard Bayer Center for Nonprofit Management at Robert Morris University.

Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri

Elements of Website Design. Homepage ● first page of the website ● website title ● general introduction ● authors or creators information ● date updated.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.

Wikispaces in Education Tutorial ESA, Region 2 Mary Teply Marge Hauser.

GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.

Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.

Thank you for downloading this template. You are just 3 steps away from designing your own, eye catching Facebook cover photos. 1.All you now need to.

Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)

Sitecore Basic Training Drexel’s full-featured web content management system (CMS) Web Support Information Resources & Technology (IRT)

1 Section 4 Web Skills InternetWebHTML. 2 The difference between the Internet and the Web The Internet is a way of linking large multi-user computers.

Seven Steps to Creating an Accessible Microsoft Word Document

Making the Web Accessible to Impaired Users

MUG Tuesday, May 31, 2016.

Objective % Explain concepts used to create websites.

More elements 10 Basic elements.

Financial Aid: ATRC Services & Intro to Accessibility

Case study name Job title, Company Web link

Citation Map Visualizing citation data in the Web of Science

Accessibility Tips for Your Office

Creating Accessible Electronic Documents

Introduction to Web Accessibility

Consult America Technology Consulting Services

Web content management

Objective Explain concepts used to create websites.

What do you think is different between these two images?

How do you get into your organisation or field of engineering

Accessible Design Top 10 List

Accessible Slide Template

Accessible Slide Template

Presentation transcript:

© 2014 Boise State University1 Accessibility When websites are correctly designed, developed, and edited, all users have equal access to information and functionality.

© 2014 Boise State University2 Accessibility 1 in 5 people in North America claim one or more disability.

© 2014 Boise State University3 Accessibility Colored links assist the color blind. Large images assist the elderly. Semantic HTML and textual-equivalents for blind users. Plain language and illustrated images assist users with dyslexia and other learning difficulties. Contextual alternative text assists people with slow internet connections.

© 2014 Boise State University4 Accessibility A social responsibility. Federal requirements serve as a model. Provides equal access for all, regardless of disabilities, age, & internet connection. Provides benefits to aging workplace population.

© 2014 Boise State University5 Use Headings Instead of Font Sizes

© 2014 Boise State University6 Web Semantics - Headings

© 2014 Boise State University7 Review Your Site WAVE wave.webaim.org

© 2014 Boise State University8 Label Graphics & Images Give your image a concise title. Use Alt-Tag, and use it correctly.

© 2014 Boise State University9 Contextualize Your Links Incorrect: “For the latest version of our software, click here.” Correct: “For the latest version of our software, click here.”

© 2014 Boise State University10 Accessibility Tips & Tricks Again, don’t change the font size. Use headings or shortcodes to emphasize text. Explicitly state information. E.g., indicate required fields in a form by using a phrase such as “required.” Explain pulldown or navigation menus. Use the Boise State theme! The theme is your friend. Don’t forget to evaluate your site on a phone.

© 2014 Boise State University11 Clean Up Your Media Library

© 2014 Boise State University12 Clean Up Your Media Library

© 2014 Boise State University13 Optimize Your Images Output your images to destination size. Crop excess white space. Save photographs/gradients as JPEG (JPG) files (apply approx. 30% compression). Save line art/solid color images as PNG files (8- bit if possible – 24-bit can vastly increase file size).

© 2014 Boise State University14 Take It Easy With the Slideshows No more than 5 rotating slides in each slider gallery. Ensure image sizes and descriptions are consistent.

© 2014 Boise State University15 Free Optimization Tools TinyPNG Compress PNG files 50-80%. Smush.it Optimize all web images.