SI Blog

Home / SI Blog

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

Campaign: Make currency of India and digital payment apps accessible

General
Money is important to everyone; It's essential that everyone needs to be able to identify their own money. Whether we like it or not, not everyone in this world are wise; though we wish! A few years ago, 5 paisa, 10 paisa, 20 paisa, 25 paisa, 50 paisa, INR 1, INR 2 and INR 5 coins are very easy to identify with unique shape; same was the case with currency notes too due to uniqueness in size. Off late almost all of Indian coins are of same size and there is no shape difference. As a result, often causes confusion. Not only to people with disabilities, I have noticed my own family members got confused between 50 paisa and INR 5 coins! It was habit for people to just feel…
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

Accessibility Status of Central Government Universities in India

Accessibility Reviews
We always believe that any learning should come from education and educational institutions. In India, if not more, at least we are talking about digital accessibility since 2008 (I'm saying it as that is the year when Government of India has published Guidelines for Indian Government Websites). There are about 46 universities run by Central Government of India. We have conducted a quick accessibility audit of websites of all these central universities with two parameters in mind: Total number of accessibility violations Number of color contrast issues We have not conducted a full audit of each home page; but have done a quick audit using automated testing tool aXe by Deque Systems Inc. There is only "Hemvati Nandan Bahuguna Garhwal University meets the closest requirement of WCAG 2.0 AA compliance.…
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

Twitter iOS app is beautiful and inspiring!

Accessibility Reviews
Recently updated Twitter app for iOS version 7.1 is beautiful and inspiring to use. This is well designed keeping universal design in mind. Here is what I found impressive: Clear icons Very pixel perfect, smooth edges and easy to see. Enough color contrast between foreground and background. Links are underlined - all links including hashtags, twitter handles are underlined. Though I would prefer twitter handles and hashtags not to be underlined as they do already have a symbol attached to it. Dynamic contrast for back and compose buttons When background color is changed, for instances, when profile page is opened, automatically more contrast background colors are added to back and compose buttons so that they are visible. Less cluttered buttom navigation now just have home, search, notifications and direct message…
Read More

Accessibility Update 13th June, 2017

Accessibility News
Lot has been happening in the recent past. Here is a quick update: Global Accessibility Awareness Day was marked really well across the world. There were a lot of in-person and virtual events. W3C has published an updated version of Web Accessibility Laws and Policies. Now it has filters and table of contents; more easy to use On 6th June, 2017, Digital Publishing Accessibility API mapping 1.0 has become candid recommendation of W3C. Web Accessibility Initiative (WAI) group of W3C has published First Public Working Draft of Personalisation Semantics 1.0 The Paciellog Group has hosted yet another successful Inclusive Design 24 - a 24 hours Free online Accessibility Summit; great talks! Inclusive Design Principals were launched by The Paciello Group NASSCOM Foundation has launched Inclusion Portal BarrierBreak has launched CSS…
Read More

Accessibility Review: Home page of Ministry of Social Justice and Empowerment

Accessibility Reviews
Noticed that Ministry of Social Justice and Empowerment, Government of India has re-designed its website and here are list of quick accessibility findings. Note that this is not a complete assessment report. Slider images do not have appropriate alternate text. They are provided something like "Slider 1, Slider 2 etc." Page has about 11 color contrast issues Main navigation menus are operable using keyboard; however, menus gets automatically expanded and user is forced to navigate through all menu items. Under important links section, there are several menus but not operable using keyboard Under "What's new" section, role of "play" and "stop" elements are not defined. Redundent information is provided for links under What's new section. Information is provided as text as well as alternate text for PDF image and also…
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