How to add alternate text to images?

Accessibility Tips
In continuation to our post <alt> Campaign: Let's make images on the web accessible, here are a few tips on how to add alternate text on different platforms. In all platforms, ensure that your alternate text is meaningful. Add alternate text in HTML Code After writing image source, add <alt> attribute to include alternate text of the image. Example code: For informative images: <img src="place image source here" alt="This is alternate text for given image"> For active images: <a href="link address"><img src="Place image source here" alt="This is alternate text for this image link"></a> For decorative images:<img src="Place image source here" alt=""> Leaving an empty alt attribute will ask screen readers to ignore that image. But if we do not use alt attribute at all, then screen reader would possibly pick…
Read More

<alt> Campaign: Let’s make images on the web accessible

Accessibility Tips, Web Accessibility
A picture speaks several words. Use of images over the internet is increasing everyday. It's essential they are make accessible to all users and technologies. Benefits of making images accessible are: Information conveyed through images is made available to blind and visually impaired users Information is made available to those users who turns off images in the browser Information is made available to those users who may not be able to load images due to poor connectivity Search engines cannot read images; no matter how beautiful those images are Today images are used on the websites, social media channels such as Facebook, Twitter, Google+, LinkedIn, Instagram, blogs and almost every platform over the internet. These images carry a lot of information; hence it's important to make these images accessible. Here…
Read More

Compilation of ICT Standards

Web Accessibility
As per request from a colleague in the accessibility space, I have compiled below ICT standards. If something is missing, please add via comments and will be happy to add them to my list. WCAG Web Content Accessibility Guidelines (WCAG) is developed through the W3C process in cooperation with individuals and organizations around the world, with a goal of proving a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally. Currently recommendation is WCAG 2.0 and a public working draft of WCAG 2.1 has been published in February 2017. https://www.w3.org/WAI/intro/wcag ATAG Authoring tools are software and services that "authors" (web developers, designers, writers, etc.) use to produce web content (static web pages, dynamic web applications, etc.). Examples of authoring tools are listed…
Read More

CAPTCHA on some portals

Web Accessibility
In the interest of security, CAPTCHA is still commonly used on several portals. Earlier CAPTCHA used to be seen on lengthy forms that collects critical data; but today we see CAPTCHA on login forms too. We have recently asked community to tell us their experience in dealing with CAPTCHA and below is a table that shows portal name, if CAPTCHA has an alternative, if yes, is that usable? CAPTCHA Survey Results Name of the portal Is there an alternative to CAPTCHA? User's experience with alternative LIC Housing Customer Login No No alternative provided LIC India No This site has a question based CAPTCHA; it would be difficult for users with cognitive disabilities; hence alternatives should be provided IRCTC Yes Login screen has option to request a one time password; but…
Read More

Accessibility Testing Tool list

Web Accessibility
This list is intended for Windows environment but most of these should work on Mac OSX too. aXe by Deque Color Contrast Analyzer WAVE extensions for Firefox and Chrome Bookmarklets by Paul J Adam NVDA - a Free and open source screen reader for Windows Accessibility Evaluation Report Templates by W3C Accessibility Developer Tools for Chrome Related reading: Dynomapper's post on 25 Awesome Accessibility Testing Tools
Read More

WAI – ARIA Landmark navigation extension

Web Accessibility
Web Accessibility Initiative (WAI) of W3C, a few years ago, introduced landmark roles (also known as landmarks") for easy navigation of web page. An introduction to ARIA landmark roles: The purpose of this technique is to provide programmatic access to sections of a web page. Landmark roles (or "landmarks") programmatically identify sections of a page. Landmarks help assistive technology (AT) users orient themselves to a page and help them navigate easily to various sections of a page. They also provide an easy way for users of assistive technology to skip over blocks of content that are repeated on multiple pages and notify them of programmatic structure of a page. For instance, if there is a common navigation menu found on every page, landmark roles (or "landmarks") can be used to…
Read More

Tips for developers: Get your website teted for accessibility – Part 2 – Operable

Accessibility Testing, Accessibility Tips
This is Part 2 of 4 parts on how a developer should get their website or application tested for accessibility. Objective of this series is to provide easy method of accessibility testing to developers so that they can test as they code. This is how we would achive accessibility right at the development and design stage. These tips would not only be helpful to developers but also to interaction designers who decides interaction of elements and those who develop prototypes. This Part 2 is related to Operable section of Web Content Accessibility Guidelines 2.1. Question: How to test for keyboard accessibility? Answer: Load the page. Press CTRL + Home (Windows), this will take focus to the top of the page. Then use tab key to move from one element to…
Read More

Tip for Developers: Get your website tested for accessibility -Part 1 Perceivable

Accessibility Testing, Web Accessibility
Quite often, I receive emails from non-profit organizations asking if I can help them with accessibility testing for their newly built website. I also see most of them do not get built accessibility in mind though many of them are for organizations who offer services to people with disabilities. This post illustrate a few tips that developers can use while building a website. While we intend to see many developers have knowledge on accessibility, it's absolutely fine to start with a willingness to build an accessible product. This post illustrates advice in the form of question and answer in reference to Web Content Accessibility Guidelines (WCAG) 2.1. This will be series of four articles to cover Perceivable, Operable, Understandable and Robust. Question: Do you have images or any other non-text…
Read More

Web Content Accessibility Guidelines (WCAG) 2.1 First Public Working Draft has been published – have your say!

Accessibility News, Web Accessibility
It was in 2008, Web Accessibility Initiative Group of W3C has announced Web Content Accessibility Guidelines (WCAG) 2.0 as a candid recommendation. Since then, there has beena lot of of improvements and changes in technologies. For more than a year now, Accessibility Guidelines Working Group have been working hard to introduce extended version of WCAG 2.0; as part of this effort, task forces have formed to work on needs of mobile, cognitive and low vision users. Yesterday, Working Group has published Web Content Accessibility Guidelines 2.1 First Public Working Draft to see feedback from users across the world. There are 28 new success criterias in WCAG 2.1; in which 3 have been formally approved by the working group; others are in proposed states. Three new success criterias that got accepted…
Read More

Digital Accessibility – what Non-profit, Corporate and Education sector can do?

Presentations, Web Accessibility
This is a presentation I have made at a panel discussion held on 19th December, 2016 at Indian Institute of Management, Bangalore. Slides [slideshare id=70252661&doc=eb004d50-b1c4-41fa-b4e8-fd4418964371-161219014111] Full Text Thank you for having me here. Good to see many of my old friends! Firstly, let's celebrate the passage of The Rights of Persons with Disabilities Bill; although it's not very perfect bill, I'm hopeful, with all of our collective efforts, India will be better than before; there are plenty of opportunities that we can work with. While I'm not so happy that bill does not talk about equal opportunities for education in private sector school and few such things, I'm happy that this bill has included Accessibility and mostly in line with The UN Convention on Rights of Persons with Disabilities. Let's…
Read More