GOVERNMENTSERVICES

Latest Work
Great Designs made more accessible !!

WCAG does not mean compromising on design and user interface

Check out our lates work on WCAG compliances
Featured
1 State, 70,000 Commercial Establishments, 2,000 Industrial Units - 1 Web portal

Haryana Labour Department's online G2B portal - a first of it's kind in India

Click here for project details

CASE STUDY - WCAG (Level AA) compliant web portal

Wiyhout compromising on design elements Triga has developed Haryana Sahitya Akademi's new web-portal. This perhaps is the most well designed Government Agencie's web porta;l which is WCAG 2.0 compliant

 

Haryana Sahitya Akademi's newest website has been developed to be accessible to all users irrespective of device in use, technology or ability. It has been developed, with an aim, to provide maximum accessibility and usability to its visitors. As a result, this web-portal can be viewed from a variety of devices, such as web-enabled mobile devices, WAP enabled handsets, PDAs, and so on.

We have put in our best efforts to ensure that all information on this portal is accessible to people with disabilities. For example, a user with visual disability can access this portal using assistive technologies, such as screen readers and magnifiers.

The portal is in compliance with GIGW as well as WCAG 2.0 guidelines and follows principles of usability and universal design.

This portal meets priority 2 (level AA) of the Web Content Accessibility Guidelines (WCAG) 2.0 laid down by the World Wide Web Consortium (W3C).Below is the screen shot of both the versions of the website.

(Standard Version)
(High Contrast Version)
In order to be enhance it's accessibility the portal has been designed in 2 different contrast version, as shown in it's above screenshots

 

Major Features
  • Text alternative to Images: Textual data is the simplest form of data. This feature enables us to provide textual description to the complex images. Textual form can be accessible to large number of people including persons with disabilities as well as compatible with various assistive technologies like screen readers or screen magnifiers. All linked images have descriptive alternative text in their respective Alt=” ” tag.

  • Text resize: This feature enables user to increase or decrease the standard font size up to two levels. Such feature helps the user having problem in reading the content in the standard font size (e.g. older people with age related impairment).

  • High Contrast design of the website: Contrast ration of at least 7: 1 helps user to clearly distinguish the text from the background. A high contrast version of the website having desired contrast ratio is provided in addition to the standard design.

  • Screen Readers compatibility: Our website is fully compatible with the screen readers available in the market.

  • Timing adjustable: Feature like paused, stopped, play for automatically moving, blinking or scrolling content that lasts longer than 3 seconds e.g. pause, play button for the News & Announcement section.

  • Hyper linking Policy: For all the external links on the website, a message will be displayed to the user that “ This is an external link – User is going out of this website and we take no responsibility of the content present on the website”.

  • Easy Navigation (A feature to directly jump to the main content on the website): Links like skip to main content / site-map / Site search will be provided on all the pages.

  • Keyboard accessible: Design and develop the website in such a way that user can access the complete website using keyboard.

  • Content readability: This feature helps the user (having 9 years of primary education) to understand the content on the website:
    • Word meaning for difficult words: On mouse over / or by using glossary the meaning of the difficult word is displayed to the user for better understanding of the content.
    • Abbreviation expansion: Expansions for abbreviations are provided by expanding or explaining the definition for the first time it is used in the content.
    • Pronunciation for the word: If the pronunciation of a word is vital to understand that word, its pronunciation is provided immediately following the word or via a link or glossary.

  • Multi lingual Website: Feature of multi lingual website is provided to serve more people.

  • Mobile devices compatibility: Under this feature a person can access the information on the website using devices like mobile phones; Tablet PC’s or pockets PC’s.

  • Technology limited: Those who may have low bandwidth or low network reliability, such as users in remote locations or in developing countries. These users can also access the website. Feature like turning off the presentation layer or by developing website without heavy elements like (flash / jquery) etc.

  • Search Engine Optmized: Improved accessibility has a positive impact on the Search Engine Optmization.

Note: This website is under development phase and can be viewed at our server, link to which is http://dev7.trigma.info/sahityaacademy