Category Archives: web

What the Heck Is Inclusive Design? ◆ 24 ways

Recently, I’ve been using the term “inclusive design” and calling myself an “inclusive designer” a lot. I’m not sure where I first heard it or who came up with it, but the terminology feels like a good fit for the kind of stuff I care to do when I’m not at a pub or asleep.ContinueContinue reading “What the Heck Is Inclusive Design? ◆ 24 ways”

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”

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”

How to Describe Complex Designs for Users with Disabilities – Salesforce UX

You’re a developer who has just been handed a complex design spec. You know the designs support accessibility because your UX team read a… … in Section 508 contains one very sage suggestion. It states that, “… sufficient information about a user interface element including the identity, operation and state of the element shall beContinueContinue reading “How to Describe Complex Designs for Users with Disabilities – Salesforce UX”

Some tough love: Stop the excuses, already.

Over a year ago, Dale Cruse called me “militant” about accessibility. I know I use strong language at times, but I actively try to have a softer touch. I think he meant it kindly anyway… … The core Web technologies necessary to make web content accessible are not new. The needs of users with disabilitiesContinueContinue reading “Some tough love: Stop the excuses, already.”

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”

Provide accessible images | Online Accessibility | harvard.edu

Provide accessible images Images can be effective way to convey meaning, such as to provide additional information to text content or to assign labels to buttons. Text alternatives are vital for people who can’t see them. When icons are added as images, the best practice is the same as for providing alternative text for images. WhenContinueContinue reading “Provide accessible images | Online Accessibility | harvard.edu”

Making Information Accessible – Dyslexia Friendly Style Guide

For people with dyslexia, the ability to read and understand text can be affected by the way in which text has been written and produced. If you are producing information to be read by others, it is important to remember that up to 10% of your readers may have dyslexia. Dyslexia friendly text will haveContinueContinue reading “Making Information Accessible – Dyslexia Friendly Style Guide”

Does Your Company Website Violate the ADA? Part 1

The Americans with Disabilities Act (ADA) is most commonly thought of as prohibiting workplace discrimination against individuals with disabilities and requiring the elimination of physical barriers to public locations.  But a recent wave of litigation presents a less obvious application of the ADA that may have a far broader impact: the potential application of theContinueContinue reading “Does Your Company Website Violate the ADA? Part 1”

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”

WCAG is not scary anymore – A progressive approach to Website Accessibility | Herin Hentry

WCAG is not scary anymore was the title of my presentation at A11yCamp, Melbourne 2016 representing Planit Software Testing, Accessibility Services which received good feedback from the audience. I thought I will follow that up with an article on LinkedIn to share with a larger audience. … Source: WCAG is not scary anymore – AContinueContinue reading “WCAG is not scary anymore – A progressive approach to Website Accessibility | Herin Hentry”

The inaccessible web: how we got into this mess

Compared to other public spaces, the internet provides us with choices for how we consume and interact. We can use various devices, browsers and operating systems; we can change the size and colour of text; we can navigate with a mouse, keyboard, finger or mouthpiece; or we can use a screen reader to convert wordsContinueContinue reading “The inaccessible web: how we got into this mess”

9 Video Secrets Only Top Marketers Know – Ai-Media

… 4. They know that mobile is king and silence is golden. On Facebook, three-quarters of all video content is seen on a mobile device. Since smartphones allow us to watch videos anywhere that’s connected to the Internet, we’re watching video almost everywhere. And when you’re in public places, silence is golden.Here’s a look atContinueContinue reading “9 Video Secrets Only Top Marketers Know – Ai-Media”

The Importance of Accessibility in the Dev Process

Developers rarely talk about the importance of having the right accessibility strategy or tool in place to help with our development. Actually, we barely seem to talk about having an accessibility strategy or tool at all.With the issue of accessibility at an all-time high, it’s time we, as a development community, talk about the importanceContinueContinue reading “The Importance of Accessibility in the Dev Process”

Designing Perfect Text Field: Clarity, Accessibility and User Effort

Designing Perfect Text Field: Clarity, Accessibility and User Effort04 AUGUST 2016 on UX, Design, UI For any app or web application, nothing will ever happen without some initial and ongoing input from the user. It is, therefore, critical that product designers, developer and product managers understand the best ways to allow them to do so.ContinueContinue reading “Designing Perfect Text Field: Clarity, Accessibility and User Effort”

Using the fieldset and legend elements | Accessibility

Using the right HTML elements when implementing forms is essential to ensure they can be used by as many people as possible including screen reader users. In this blog Léonie explains the correct usage of the fieldset and legend elements. On GOV.UK we often use groups of related form fields, like a set of radio buttonsContinueContinue reading “Using the fieldset and legend elements | Accessibility”

Web Accessibility Lessons from Blind and Low Vision Users — Medium

Approximately 10% of US citizens are blind or have some degree of vision loss. At TransitScreen we are exploring ways to make our digital signage more accessible to blind and low vision (BLV) users. Our work on this project has just begun, but we already learned some important lessons that we wanted to share. GoodContinueContinue reading “Web Accessibility Lessons from Blind and Low Vision Users — Medium”

Effectively including accessibility into web developer training – Karl Groves

…Today, I’d like to follow “Your computer school sucks” with some actual guidance for web developer training schools and bootcamps. Do not treat accessibility as its own topic A few years ago, I wrote a series of blog posts under the theme Selling Accessibility. The content for many of those posts was driven by interviewsContinueContinue reading “Effectively including accessibility into web developer training – Karl Groves”

7 Accessibility Sins I’m Tired of Pointing Out to UI/UX Designers

Dear UI/UX designer, I’m tired of seeing these mistakes over and over again coming out from UI/UX designers I’ve worked with. Some are exceptionally talented, producing beautiful web or app designs… Curated by (Lifekludger) Read full article at Source: 7 Accessibility Sins I’m Tired of Pointing Out to UI/UX Designers | μεταcole