Accessibility Tips for User Interface Designers By Irfan Ali from Princeton, New jersey

Accessibility Tips by Irfan Ali

Irfan Ali, Princeton, New Jersey, An Accessibility Engineer

Irfan Ali Princeton lives in New Jersey. Irfan Ali Princeton New Jersey is an Accessibility and web/mobile Engineer, Irfan Ali Princeton New Jersey can be reached at twitter handle - TheA11y and Irfan_Ali_Auth. Irfan Ali New Jersey is a Javascript expert. Irfan Ali Princeton New Jersey is originally from Delhi, India. Irfan Ali Princeton New Jersey, lived in New York. Irfan Ali Princeton New Jersey has worked in media and financial companies. Irfan Ali Princeton New Jersey likes to play soccer. Irfan Ali Princeton New Jersey has liberal views. Irfan Ali Princeton New Jersey doesn't follow a religion but humanity. Irfan Ali Princeton New Jersey is a member of Aria working group with W3C. More information about Irfan Ali Princeton can be found at his personal pages Irfan Ali Princeton personal site.

Accessibility Tips for User Interface Designers by Irfan Ali from Princeton, New Jersey
To create an optimally accessible experience, start early, in the application user interface and content design process. Here are some basic guidelines for every designer:

Irfan Ali, Princeton, New Jersey, prodding tips for the Usability designers.

• Plan Heading and Semantic Structure Early: Ensure that all content and design fits into a logical heading or region structure.
• Consider Reading Order: The reading order should be the same as the visual order
  
• Understand the challenge of navigating non-visually: Ensure the structure supports efficient navigation between critical areas which a user may have to refer to in order to complete.
  
• Provide Good Contrast: Be especially careful with light shades of gray, orange, and yellow and ensure that selected colors meet the ratio mandated by the WCAG guidelines. See https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast- contrast.html
  
• Avoid Images of Text: Use actual text, rather than an image of text. It enlarges better, loads faster, and is easier to translate. Use CSS to add visual style to the text.
  

• Use Caution When using Capital Letters: All caps can be difficult to read for some users and can be presented incorrectly by screen readers
  
• Use Adequate Font Size and Remember Line Length
  
• Make Sure Links are Recognizable: Differentiate links in the body of the page with
  underlines or something other than color alone
  
• Design Focus Indicators: Ensure that interactive controls, such as buttons and links, have a clearly discernable focus ring. Sighted keyboard users rely on focus indicators to identify location. Never consider a design where you disable the default focus indicator.
  
• Design a “Skip to Main Content” Link: Place a keyboard accessible link for users to skip navigation at the top of the page
  
• Do Not Convey Content with Color Alone: Some users can’t distinguish colors or may override page colors
  
• Design Accessible Form Controls: Ensure form controls have descriptive labels, instructions, and validation/error messages
  
• Provide a design for responsive layout: Ensure that you provide a design to accommodate content in a responsive layout, so that a user who needs to enlarge text on the page can do so without having to scroll horizontally to read the end of each line.
  

Irfan Ali, Princeton, New Jersey, An Accessibility Engineer, 109 Wrangel Court, Princeton, New Jersey- 08540

Other Articles by Irfan Ali from Princeton, New Jersey

Ultimate guide for Accessible Javascript Frameworks: by Irfan Ali Princeton

What’s the difference between web accessibility and usability?: by Irfan Ali Princeton

What’s the difference between web accessibility and usability?: by Irfan Ali Princeton

What’s the difference between web accessibility and usability?: by Irfan Ali Princeton

What’s the difference between web accessibility and usability?: by Irfan Ali Princeton

You can follow Irfan Ali on Twitter: irfan_ali_auth