Category Archives: tips

Developers: get started with web accessibility

If web accessibility is new to you, the path ahead can seem overwhelming. If web accessibility is new to you, the path ahead can seem overwhelming. It’s not so bad. I promise! You could chase perfection forever by building accessible products for every user imaginable. That’s no different from design and development more generally: there’sContinueContinue reading “Developers: get started with web accessibility”

108 million web users are color blind. Tips for designing keeping them in mind

Design, keeping everyone in mind As designers, you pick up the best colors for the canvas and the most engaging content for your users, but often miss out on the color blind ones. Repeating the ever-repeated stats — 8% of the males and 0.5% of the females are color blind. Now that is a HUUUGE number ifContinueContinue reading “108 million web users are color blind. Tips for designing keeping them in mind”

Top tips for accessibility

Heidi Laidler, Media Access Australia’s User Experience Designer, gave a recent talk about how to test for accessibility at a ‘Hack 4 Good’ event attended by web professionals from around the country. Discover the top tips for accessibility from a user experience point of view, in this captivating podcast article. Listen to Heidi’s complete addressContinueContinue reading “Top tips for accessibility”

Building a better, accessible web

Building a better, accessible web Detailing why accessibility matters, the types of disabilities there are/how to cater for them, and how to write good, semantic HTML and utilise ARIA to create accessible, robust web applications Slide deck at source… Curated by (Lifekludger) Read full article at Source: Building a better, accessible web

Writing HTML with accessibility in mind

Writing HTML with accessibility in mind An introduction to web accessibility. Tips on how to improve your markup and provide users with more and betters ways to navigate and interact with your site. If you don’t want to read the preface, jump right to the tips. Personal development and change in perspective When I made my firstContinueContinue reading “Writing HTML with accessibility in mind”

New Guide for Affordable and Accessible Technology Now Available Online

A new guide from ACCAN and Media Access Australia was launched this year at the annual ACCAN conference. The Affordable Access project addresses two of the key pillars of digital inclusion – affordability and accessibility of technology. The Affordable Access project is an online guide which provides information on low-cost technology with useful accessibility features. TheContinueContinue reading “New Guide for Affordable and Accessible Technology Now Available Online”

Designing Safer Web Animation For Motion Sensitivity

Val Head suggests accessible animation techniques to avoid triggering dizziness in users with inner ear and balance disorders. It’s no secret that a lot of people consider scrolljacking and parallax effects annoying and overused. But what if motion does more than just annoy you? What if it also makes you ill? That’s a reality thatContinueContinue reading “Designing Safer Web Animation For Motion Sensitivity”

Prototyping accessibility in web and mobile UI design

Adaptable, interactive and coherent prototypes for users with disabilities. Covering accessibility in the prototyping phase of web and app design. Pay close attention to color, contrast and visual hierarchy … Make your interactive UI elements more interactive … Don’t crowd me! … Make your app accessible by being adaptable … “Flexibility is the key to ensuringContinueContinue reading “Prototyping accessibility in web and mobile UI design”

Making your site accessible using W3C’s Easy Checks

… We’ve put together an infographic based on the W3C’s ten easy checks. While this is by no means an extensive checklist, we hope it will help when considering the first steps that can be taken in order to ensure your website is accessible.   Curated by (Lifekludger) Read full article and Download the fullContinueContinue reading “Making your site accessible using W3C’s Easy Checks”

The art of labelling — A11ycasts #12

There’s a lot of neat tricks in this video by Rob Dodson where he focuses on accessibility tricks in Chrome’s DevTools. A few notes: Chrome DevTools has an experimental feature to help with accessibility testing that you can unlock if you head to chrome://flags/ and turn on in the DevTools settings. Wrapping an <input type=”checkbox”>ContinueContinue reading “The art of labelling — A11ycasts #12”

Introducing A11y Toggle

If you’re only here for the code, go straight to the GitHub repository. A few weeks ago, I introduced a11y-dialog. Today, I am coming back with another accessibility-focused module: a11y-toggle. At Edenspiekermann, we used to heavily rely on the checkbox hack to toggle content visibility. Unfortunately, this hack (the word is an understatement) involves someContinueContinue reading “Introducing A11y Toggle”

How disabled iPhone users can take control with blinks, nudges and even breath

Tim Cook began Apple’s latest product unveiling with a video narrated by a disabled woman using a Mac with the help of an assistive device — a switch that she could bump with the side of her head. Her name is Sady Paulson, and the message couldn’t have been clearer: With the right technology, even people withContinueContinue reading “How disabled iPhone users can take control with blinks, nudges and even breath”

The Accessibility Difference Between Aria-hidden and role=”presentation”

In dealing with role=”presentation” and aria-hidden=”true” you may find that they both have deceptively similar functions when it relates to how they interact with assistive technology (screen readers). Before we dig into the difference between these two attributes we first need to learn a little bit about how accessibility in a Web browser works and this thing called: The Accessibility TreeContinueContinue reading “The Accessibility Difference Between Aria-hidden and role=”presentation””

17 Adjustments You Can Make to Your Website  for Better Accessibility

Web developer Mary Gillen shares 17 adjustments you can make to your website today that make it more accessible to visitors with disabilities. WCAG 2.0 … Curated by (Lifekludger) Read full article at Source: 17 Adjustments You Can Make to Your Website Today That Make It More17 Website Adjustments You Can Make Today for BetterContinueContinue reading “17 Adjustments You Can Make to Your Website  for Better Accessibility”

3 steps to fulfill 80% standards with 20% effort

3 steps to fulfill 80% standards with 20% effort Make your website usable with keyboard only: make sure that focus outline is visible all the time and user can determine which element is currently focusedno extra/unnecessary TAB stopsno tabstop traps (when you cannot get out of an element with the keyboard) Implement smart focus management:ContinueContinue reading “3 steps to fulfill 80% standards with 20% effort”

Dos and don’ts on designing for accessibility | Accessibility | Posters

Dos and don’ts on designing for accessibility Karwai Pun, 2 September 2016 — Design, User research Karwai Pun is an interaction designer currently working on Service Optimisation to make existing and new services better for our users. Karwai is part of an accessibility group at Home Office Digital, leading on autism, and has created these dosContinueContinue reading “Dos and don’ts on designing for accessibility | Accessibility | Posters”

The ultimate guide to web content accessibility

Websites with standards-compliant code all follow the typical W3C standards. But there’s a whole different level of compliance when it comes to WCAG, also known as the Web Content Accessibility Guidelines. The same people who produce the HTML5/CSS3 specs organize and officiate these guidelines, so it’s truly an international system of coding standards. Most webContinueContinue reading “The ultimate guide to web content accessibility”

How to do Web Accessibility QA: Part 2 | Viget

  Accessibility QA starts with broadening your frame of reference and understanding what it’s like to use a computer in unfamiliar ways. With that understanding, we can dive into actual testing. The usual starting point is to read the Web Content Accessibility Guidelines (aka WCAG), which define the current accessibility standard. (The older Section 508ContinueContinue reading “How to do Web Accessibility QA: Part 2 | Viget”

How to do Web Accessibility QA: Part 1 | Viget

If you’re nervous about doing accessibility QA for the first time, I’m with you. Thanks to Jeremy Fields and others, I had multiple background sessions — but I still felt lost when it came time for real testing. Don’t sweat it; a11y testing is straightforward once you understand a few foundational concepts. Here’s my two-partContinueContinue reading “How to do Web Accessibility QA: Part 1 | Viget”