Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.

Slides:



Advertisements
Similar presentations
AHEAD HTML Accessibility Topics: Keyboard Accessibility Content and Structure Links Headings and Lists Images in HTML Pages Tables Forms.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
ADA Compliant Websites & Documents What the heck am I supposed to do?
Adapting Technology Changing Lives Web accessibility Web accessibility and Disability A Practical introduction Robin Christopherson and Curt Holst AbilityNet.
Internal information 1 EPi/Policy training UK September 12, 2008.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
A Web Accessibility Primer: Usability for Everyone XX Presenter Name Presenter Title Presenter Contact Office of Web Communications.
DESIGN FOR ALL Dap01s, Mehtiö Reija. Agenda Introduction Different types of disabilities - what to consider?
IV. “Regular” Web Pages: HTML A Web Accessibility Primer: Usability for Everyone Office of Web Communications.
Search Engines, Metadata and Accessibility “How to make your web pages prominent”
Creating and publishing accessible course materials Practical advise you can replicate.
 What is web accessibility? ture=relatedhttp://
Pillar III transparency: Accessibility to visually impaired people with XBRL Javi Mora XBRL Spain Manager Ignacio Boixo XBRL Spain.
Universal Design & Web Accessibility Iain Murray Kerry Hoath Iain Murray Kerry Hoath.
Electronic Communication and Web Accessibility Workshop.
Creating a Simple Page: HTML Overview
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.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Is Your Website Accessible? Stephanie M. Brown School of Health, Physical Education, and Recreation Indiana University.
Accessibility Standards. This PowerPoint will cover: – Web accessibility standards – Word file accessibility – PDF accessibility – PowerPoint accessibility.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.
WEB ACCESSIBILITY & CQ MEETING STANDARDS & MAKING ACCESS FOR ALL.
Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.
Web Accessiblity Carol Gordon SIU Medical Library.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
June 21, 2001 (are you ready?). Web Design for the Visually Impaired Compliance with Section 508 of the Rehabilitation Act Amendments, 1998.
Is Your Site Accessible? Web Site Testing for Accessibility Presented by: The NYS Forum IT Accessibility Committee The NYS Forum Webmasters Guild Northeast.
Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.
9 August 2012 Museum of Contemporary Art, Sydney Roger Hudson Web Usability Arts, Media and Technology at the MCA.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
Development of Accessible E- documents and Programs for the Visually Impaired Internet browsing and accessibility.
Section 508 requirements for Federal Website Design Jon Brundage MDCFUG 4/10/01.
Developing Accessible PDF Documents Carolyn Kelley Klinger October 10, 2009 Accessibility Camp DC.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
Accessible Word and PDF documents
Fundamentals of Graphic Communication 3.5 Accessible Design.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
Accessibility Barriers Screen reader users will not be able to access content within a text box. Information presented as an image, animation, or video.
Acessible Digital Media By Rivelina Lorvil. What is Accessibility? ♦Accessibility involves two key issues ♦ first, how users with disabilities access.
A centre of expertise in digital information managementwww.ukoln.ac.uk Accessibility and Usability For Web Sites: An Introduction to Web Accessibility.
ADA 508 Compliance in Online Classes Presenter: Tahiya Marome.
1 GENASYS.usm.maine.edu PT3 Catalyst Grant GENASYS University of Southern Maine 301C Bailey Hall 37 College Avenue, Gorham, ME Generating Assistive.
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
The User Experience “Keeping Web Accessibility In Mind” Video available online at:
Accessibility Basics on creating accessible websites Accessibility Seth Duffey presentation for MAG Telecommunications.
1 Making an Accessible Web Site Sec 508 Standards – How Tos Evelyn Li University of Wisconsin-Fox Valley.
2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Objective % Select and utilize tools to design and develop websites.
Section 508 At long last, two of the most looming accessibility questions in the United States have been answered.
Making the Web Accessible to Impaired Users
Web Standards Web Design – Sec 2-3
How People with Disabilities Access the Web
MUG Tuesday, May 31, 2016.
Web Standards Web Design – Sec 2-3
Objective % Select and utilize tools to design and develop websites.
Introduction to Web Accessibility
Curry School of Education
Creating ADA Compliant Resources
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Website Accessibility
ADA Compliant Website & Documents
Creating Accessible Electronic Documents
DIGITAL ACCESSIBILITY OVERVIEW
Introduction to Web Accessibility
Web Standards and Accessible Design.
Accessible Design Top 10 List
Accessibility.
Presentation transcript:

Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s

What is it like to be a Blind Internet user? Content Blind People On the Internet What Is Website Accessibility Basic steps To Make A Webpage Accessible Assistive Technology Is The Internet Currently Accessible? Examples Of Accessibility Issues ✓

Statistics at a Glance Globally there are millions of visually impaired people, constantly growing in numbers. The World Health Organisation estimates that : About 284 million people are visually impaired worldwide: 39 million are blind 245 Million are low vision.

Blind Users On The Internet The Internet can be of great value to blind people as it empowers them to independently complete tasks which they would normally not be able to accomplish without help from others (such as reading mail, catching up with the news or even managing bank accounts). Traditionally, blind people have been dependent on written information that has been translated into braille or audio books, which often take time to be produced. Through the Internet, new information (such as newspaper articles) is available immediately without delay.

How Do The Visually Impaired Access The Internet? Screen Magnification Programs Screen Readers are Software that translate screen contents to synthetic speech (text-to- speech) Screen Readers Assistive Technology enables users to access websites. Two categories of assistive technology are used most by Visually impaired Internet users: A screen magnifier is software that interfaces with a computer's graphical output to present enlarged screen content. It is a type of assistive technology suitable for visually impaired people with some functional vision

Templates Screen readers provide a Linear Information Stream. This means that the user can only focus on one element of a webpage at a time. Screen Readers Point To Note!

A Blind User’s accessibility on a Website depends on: What Is Website Accessibility? Effectiveness A website is 'accessible' when its content is available to everyone, regardless of any visual, auditory, cognitive or motor impairment. 1 Efficiency 2 W3C Guidelines The World Wide Web Consortium (W3C) Guidelines have been specified to help web designers make accessible websites.

Is The Internet Currently Accessible? Web designers are still often unaware of accessibility guidelines or choose to ignore them. One of the major reasons for not following these guidelines is that the target group (impaired users) is often considered to be too small for companies and designers to invest the necessary time, money and effort. Major Reason ✓

Always provide a textual description for images, tables and embedded content (for instance movies or applets) Provide 'skip links' which allow the user to skip directly to the main page content instead of having to listen to the page menus, banners and other content preceding the main information. Make sure the page can be navigated by keyboard alone, do not allow navigation by Flash movies or JavaScript code requiring mouse actions. Use correct markup to distinguish between page elements such as headings and paragraphs, so that screen readers can navigate effectively. Make sure that form elements have clearly associated labels as well as a comprehendible function e.g Username, Password. Make links self descriptive rather than context dependent. For example, instead of linking only one word (as in the link "click 'here' to find out more about this book", use the full context as in the link: "Click here to find out more about this book". Basic steps to make a web page accessible

The following screenshot shows a search bar on a major website called Amazon.com. Although sighted users will most likely have little problem understanding where to enter their search query, a person using screen reading software will have far greater challenge when accessing the same. Examples Of Accessibility Issues

Examples Of Accessibility Issues (cont.) If a table is used for layout the screen reader has no way of knowing this and reads cell by cell, starting in row one, column one, row one column two, row two column one row two column two, etc. which often isn't the way the content is meant to be viewed. A person using a screen reader will find it annoying when data doesn't appear to make any sense because it is either laid out poorly with a table, or a table isn't used at all and some other visual indication is used.

Examples Of Accessibility Issues (cont.) A Screen reader reads aloud the text on the page. Flash has no text, so the Screen reader sees none of its content, and the Visually Impaired visitor won't have access to that content. If a site can only be navigated through Flash, persons with visual impairment can not be able to move a mouse to a Flash menu and click it Flash Menus

How to check for Accessibility On Your Site? Code Validation Accessibility guidelines are often validated through Automated Validation Tools that help website designers locate accessibility problems in their pages. One of the most popular is: common sense is also needed to make the website truly usable for blind people. For example, an image might be given a textual description which does not really describes the actual function of the image.

Accessibility Levels for PDF Documents levels of PDF Accessibility Not Structured: Document is completely inaccessible. Screen- readers not able to read the text: no tags, text is not selectable or sizable, and images not identified through ALT-text. Structured: Document is somewhat accessible Document has no tags, images have no ALT-text, table column and row headers aren't defined, and screen-readers may read text out- of-order, skip or incorrectly interpret sections of text, or read tables across rather than by cell. Tagged: Document is fully accessible to software that supports PDF interpolation (Jaws, Etc). Document tags use many elements of the tag structure to identify sections, divisions, captions, tables, images, and other special elements. Tables are fully rendered using tags to identify column and row headers and data content. Read-order is identified throughout document.

Accessible PDF Documents Adding Accessibility to your document Creating a Text (Screen Reader) Version Adding Tags Automatically- Adding Manual Tags Adding Alternative Text Adding Table Headers

THANK YOU!