background preloader

Web Accessibility for Designers

Web Accessibility for Designers
The focus of web accessibility is often on web development – the things that happen in HTML, CSS, or JavaScript after a site has been designed visually. Optimal accessibility should start much earlier, as part of the visual design process. We have created an infographic that highlights a few important principles of accessible design. Text Version Plan Heading Structure Early Ensure all content and design fits into a logical heading structure. Consider Reading Order The reading order should be the same as the visual order. Provide Good Contrast Be especially careful with light shades of gray, orange, and yellow. Use True Text Whenever Possible True text enlarges better, loads faster, and is easier to translate. Watch the Use of CAPS All caps can be difficult to read and can be read incorrectly by screen readers. Use Adequate Font Size Font size can vary based on the font chosen, but 10 point is usually a minimum. Remember Line Length Don't make it too long or too short. Design Link Focus Indicators

http://webaim.org/resources/designers/

Related:  web accessibility

Blog - 10 Easy Accessibility Tips Anyone Can Use Today is Global Accessibility Awareness Day (GAAD). To celebrate and to help promote accessibility, here are 10 simple accessibility tips that most anyone can implement today into their web site’s HTML and CSS to make it more accessible. 1. Add Alternative Text to Your Logo Alternative text is presented to blind screen reader users in place of images they cannot see. Talk is cheap – screen reader testing on mobile Testing your content on mobile need not be as painful as you think. If you have an Android and iOS device then you already either have a free mobile screen reader in your pocket or it’s a short download away. This is a quick guide to get you set up. I’ve not covered Nokia/Talks as Talks is costly at over £200 in the UK. Blackberry also don’t have a viable speech output solution in the UK but you can buy Oratio (formally Orator) in the US.

Home - Assistive Technology Industry Association ATIA Orlando Conference Since 1999, ATIA has held an annual conference in Orlando, Florida in January that provides a forum for assistive technology education and communication to educators and practitioners serving those with disabilities. ATIA Orlando 2014 Wrap Up We Have a Winner of a Free ATIA 2015 Registration! ATIA 2014 Conference Recordings - Bundle of 10 or Complete Set of Recordings Save the Date!

I don't care about accessibility. by Jeffrey Veen These are the speaking notes I used during the Accessibility is for everyone! panel discussion at South by SouthWest earlier this week. I came here to be on this panel to tell y'all that I don’t care about accessibility. Don’t care. Screen Reader User Survey #4 Demographics Region Disability Reported Screen Reader Proficiency Captioning Resource List Captions Captions are text versions of the spoken word presented within multimedia. Captions allow the content of web audio and video to be accessible to those who do not have access to audio. Though captioning is primarily intended for those who cannot hear the audio, it has also been found to help those that can hear audio content, those who may not be fluent in the language in which the audio is presented, those for whom the language spoken is not their primary language, etc. Common web accessibility guidelines indicate that captions should be: Synchronized - the text content should appear at approximately the same time that audio would be available Equivalent - content provided in captions should be equivalent to that of the spoken word Accessible - caption content should be readily accessible and available to those who need it

Tackling Accessibility on The Web As browser capabilities continue to grow the websites that we are building are getting ever more complex. Fancy JavaScript UIs are great for showing off the latest technologies but they can cause a real problem for assistive technologies like screen readers. Unfortunately accessibility is one of those topics that often gets overlooked by a lot of developers. This makes me a little sad. Designing for Screen Reader Compatibility You are here: Home > Articles > Designing for Screen Reader Compatibility Overview Screen readers are audio interfaces. Rather than displaying web content visually for users in a "window" or screen on the monitor, screen readers convert text into synthesized speech so that users can listen to the content.

AT Resources/Links Info - Assistive Technology Industry Association What are the best resources for AT! ATIA would like to provide the best possible set of resources available to our community. The best place to get these are from our website visitors. Please take a moment to send us a link to a resource you believe is worth highlighting. This can be a website, a not-for-profit organization, examples of AT at work or in school on the web. If you think it has value to our broad audience we want to help share it. Things I learned by pretending to be blind for a week I’m a full visually-able user and I love looking at websites. I know though, that not everyone experiences websites in the same way. Browsing websites at different screen sizes is a hot topic at the moment, but lets not forget that it’s not just mobile users that experience websites differently, blind users experience them in a way you might not even realise. So I started using a screen reader to see (I suppose I should say “experience”) how a blind user navigates a website.

Can a modal dialog be made to work properly for screen-reader users on the web? A while back I started a discussion in the jQuery Accessibility group: Screen-readers and UI modal dialog. I was really happy with the quality of the discussion that my question generated, and thought I'd take a moment to share some of my thoughts and conclusions. I want to be clear that the ideas that I am sharing here were only made possible through the people who were so willing to collaborate with me in this discussion. What is a dialog? A dialog is a little window or box that pops up over-top of the window that you are currently working in and generally asks you a pretty simple question.

Accessibility Forum Session Descriptions - Assistive Technology Industry Association Taking Accessibility Mainstream: Making the Case for an International Society of Accessibility Professionals Tuesday, February 28, 2012 Session Descriptions 8:30 - 8:45 Welcome Speaker: David Dikter, CEO, Assistive Technology Industry Association (ATIA) Download the Web Accessibility Handbook by HiSoftware; Microsoft Throughout 2008, Microsoft and HiSoftware partnered to hold a series of European Dialogues on Practical Strategies for an Accessible Web. The Dialogues focused on understanding the challenges of Web accessibility and sharing best practices to address those challenges. Participants included a wide range of individuals with practical, theoretical and/or personal experience in the Web accessibility space, including members of public sector and private sector organizations, technology vendors and NGOs.

Related: