Experience Design

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Tuesday, 4 November 2008

Approach to Software & Internet Accessibility

Posted on 08:48 by Unknown
Our approach to Web Accessibility is that of Inclusion. We believe that all websites should have a single version of the page that’s designed for accessibility rather than text-only versions. An accessible page is of value even for individuals who don’t require accessible pages – as it follows good web design principles.

A holistic approach for accessible design goes beyond template design. It needs to become part of project lifecycle, product evaluation, operational procedures etc. However, at MindTree, we divide template level accessibility design at four broad levels.These broad guidelines are detailed into a checklist.

Organisation of Content: The content across and within pages should be organised so that
  1. Summary on top: Since visually impaired users can’t scan a page, a summary of the page at the top is useful both for accessibility and search engine optimisation.
  2. Means to skip common content (like top and side navigation) so that a screen reader can jump to the content. This is useful for everyone.
  3. Quick Search: Since visually impaired users can’t scan on-page text, page design should not interfere with use of Browser’s Find functionalities (e.g. some DHTML, show/hide features.)

Creative Design for Accessibility:

  1. Avoid pixel-perfect designs as these don’t look good when text & screen sizes are changed
  2. Use relative font-sizes within a fluid layout so that it works well even when text sizes are changed using Browsers’ native controls.
  3. Avoid use of Graphics for labels, menus, links and avoid use graphics for small text
  4. Don’t use colour only to portray meaning. Use high-contrast to allow better readability.
  5. The pages should work well even without CSS.
  6. Avoid layouts that may interfere with use by dyslexic users.

Provision of Equivalents within the code:

  1. Use tags within HTML that enhances accessibility.
  2. Text equivalents for all meaningful visual content – this also helps in better search engine indexing of visual content. This could be alternative text, audio captioning, transcripts, subtitles etc.

Testing with Users:

  1. No amount of proactive planning and automated testing can substitute for actual user testing using different browsers and screen-readers. While planning Usability/User Testing include user(s) who access accessible version of the pages to iron out accessibility issues.
Email ThisBlogThis!Share to XShare to Facebook
Posted in Accessibility, Accessible Software | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • Is ‘Responsive Design’ Enough? Don’t Forget the ‘Context’
    The number of consumers using smartphones and tablets to access websites, brands are increasing. This had led to reconsidering how to design...
  • Adding Depth to the 8 Golden Rules of Interface Design (Shneiderman's rules for design)
    Ben Shneiderman, the founding director of the Human-Computer Interaction Laboratory, focuses on the studies of information and visualization...
  • Dissecting Discipline of Designing Experiences
    Often I come across different viewpoints on Experience Design discipline about what it is and what exactly experience designers do. The exec...
  • Championing the LUV of Design
    This has been contributed by Swarupa Manjunatha, an employee of MindTree. Netdiver Digital Culture Magazine. Yup! That’s it. A one stop shop...
  • What Game Designers Do That Interface Designer Don’t
    At many occasions stakeholders ask designers to design experiences that are simple yet immersive and engaging for commercial Web application...
  • Uniform Resource Locators (URL’s)
    Most of us usually concentrate on the bigger picture that solves usability related issues. Sometimes, we also need to concentrate on the sma...
  • Playful children and creative thinking
    Children are a great source of creativity when it comes to games and entertainment. Children are interesting to be learned and studied. Kids...
  • Accessibility Testing: Underutilized Today
    Making sure that your website or application is accessible to all types of users (like the vision, hearing, cognitive, literacy, and the phy...
  • User Experience: Less is more?
    The Argument The concept of less is more stands true for content but not for images. While providing content and navigational patterns, user...
  • Sarit Arora talks about Emerging UX Trends & Practices at 'd+b Talks'
    Few days ago, Sarit Arora from Yahoo! visited our campus to give a talk on 'Emerging Interaction design trends and User Research for Inn...

Categories

  • Accessibility
  • Accessible Software
  • aesthetic
  • airport
  • assitive technology
  • augmented reality
  • bangalore
  • brainstorming
  • cellphone
  • collaboration
  • Commenting
  • conference
  • content
  • content design
  • context driven design
  • crowdsourcing
  • Customer Experience
  • d+b Talks
  • dawakhana
  • delhi
  • design
  • design for mobile
  • design fridays
  • design mela
  • Design should be Fun
  • design thinking
  • digital experience
  • disable
  • drawing
  • e-reader
  • elements of signage
  • engaging experience
  • Experience Touch
  • Game Design
  • GIDS
  • Graphic Design
  • Graphics
  • guidelines
  • Haptics
  • HTML5
  • Icons
  • ideation
  • India
  • Indian Railways
  • Information Architecture
  • innovation
  • inspiration for design
  • interaction design
  • interaction pattern
  • Introduction
  • iOS
  • ipad
  • ipad 2 usages
  • iterative design
  • laptop
  • Latest Trends
  • leaptop
  • London
  • long term memory
  • LTM
  • megids
  • mela
  • microsoft
  • MindTree
  • mobile
  • mobile context
  • mobile experience
  • online experience
  • opnions
  • Osmosis
  • pattern
  • PC
  • Persona
  • personal computers
  • personas
  • photo storage
  • photos
  • physically challenged
  • Pictogram
  • Pret
  • problem
  • product design
  • QR Codes
  • Rapid Prototyping
  • Reference
  • Reservation Engines
  • Responsive design
  • Salary Survey
  • Search Engine
  • service design
  • session
  • short term memory
  • sign
  • signage
  • sizing the content
  • sketching
  • smartphone
  • Social Networks
  • solution
  • solutioning exercise
  • spastic society of karnataka
  • splash screen design
  • STM
  • street sign
  • tablet
  • tag
  • Tangible User Interface
  • TATE
  • Text input
  • thoughts
  • touchscreens
  • traffic sign
  • translation
  • travel
  • tree based navigation
  • TUI
  • ui patterns
  • url
  • usability
  • Usability Analysis
  • User Experience
  • User Experience Design
  • UX and agile
  • UX design and salsa
  • UX design principles
  • UX planning
  • Video
  • viewport
  • Visually Challenged
  • web experience
  • welcome screen
  • yahoo
  • YouTube

Blog Archive

  • ►  2013 (2)
    • ►  July (1)
    • ►  March (1)
  • ►  2012 (5)
    • ►  November (1)
    • ►  June (1)
    • ►  May (3)
  • ►  2011 (23)
    • ►  November (1)
    • ►  September (2)
    • ►  August (1)
    • ►  July (5)
    • ►  June (3)
    • ►  May (4)
    • ►  April (3)
    • ►  March (2)
    • ►  February (2)
  • ►  2010 (13)
    • ►  November (3)
    • ►  October (3)
    • ►  September (1)
    • ►  August (3)
    • ►  July (1)
    • ►  June (1)
    • ►  May (1)
  • ►  2009 (13)
    • ►  October (1)
    • ►  August (1)
    • ►  June (2)
    • ►  May (1)
    • ►  April (1)
    • ►  March (1)
    • ►  February (1)
    • ►  January (5)
  • ▼  2008 (24)
    • ►  December (3)
    • ▼  November (5)
      • Shortcut Keys
      • ReBrand by Color Branding – What color are you?
      • How to add value to User Interface codes?
      • Approach to Software & Internet Accessibility
      • The Persona of an Indian HCI Professional (Salary ...
    • ►  October (3)
    • ►  September (3)
    • ►  August (2)
    • ►  July (5)
    • ►  June (3)
  • ►  2007 (1)
    • ►  May (1)
  • ►  2003 (1)
    • ►  May (1)
  • ►  2002 (1)
    • ►  September (1)
Powered by Blogger.

About Me

Unknown
View my complete profile