Category Archives: web

Web Accessibility and Keeping Others in Mind – snack o’clock

Website accessibility has been on my mind recently. A few years back, one of the biggest trends on the web was subtlety. Medium gray text on light gray backgrounds, super-thin fonts, etc. all looked quite elegant to designers, but in … Continue reading → Curated by (Lifekludger) Read full article at Source: Web Accessibility andContinueContinue reading “Web Accessibility and Keeping Others in Mind – snack o’clock”

In Plain Sight — Shopify UX — 1

In Plain Sight: Text, Contrast, and Accessibility This is the first post in a series on accessibility from Shopify UX’s team. We’re publishing posts every two weeks. You can check out the introduction here. Contrast is one of the basic elements of graphic design. It lets us tell things apart. Yet in UI design, atContinueContinue reading “In Plain Sight — Shopify UX — 1”

How to implement SVG icons | Creative Bloq

Web developer Shehzad Azram shows how SVG icons could help solve accessibility issues, and reveals how to implement one. Things have come a long way from the days when we used plain vector art images as icons. Yet there are still a number of accessibility issues when it comes to icons. Thankfully, SVGs could goContinueContinue reading “How to implement SVG icons | Creative Bloq”

We’re Just Temporarily Abled : Designing for the Future : Designing for the Future

We aren’t just designing accessible products and websites for a subgroup of people who we may or may not know, who have permanent visual or motor issues. We’re designing these sites and products for our future selves as well. A few years ago, I had the opportunity to attend and present at a great conferenceContinueContinue reading “We’re Just Temporarily Abled : Designing for the Future : Designing for the Future”

Danger! Testing Accessibility with real people — Medium

As four people who are blind and care deeply about making the web more accessible, we strongly believe user testing should include people with disabilities. But when the results are misinterpreted, it can be dangerous. It can foster action that appears to benefit people with disabilities but ultimately do as much harm as good. …ContinueContinue reading “Danger! Testing Accessibility with real people — Medium”

Accessible SVGs | CSS-Tricks

An excellent, fully detailed article on making SVG graphics accessible. Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported SVG, too? Let’s see how this will impact users of assistive technologyContinueContinue reading “Accessible SVGs | CSS-Tricks”

Always use a label — Simple = Human — Medium

Sometimes designers oversimplify a form by removing the labels. The problem is that minimal does not always mean it’s simple — which is certainly the case for labels. Labels, in fact, are an essential part of designing easy-to-use forms. Here’s why: … Curated by (Lifekludger) Read full article at Source: Always use a label — Simple =ContinueContinue reading “Always use a label — Simple = Human — Medium”

On Link Underlines | Adrian Roselli

It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly, some users claim they are distracting, others even claim they reduce accessibility. I’ve tried to gather some information here to allow you to make your own judgment, which may or may not end upContinueContinue reading “On Link Underlines | Adrian Roselli”

The importance of manual testing alongside automated accessibility tools

There are many free and paid automated tools available to help you identify accessibility issues in your websites, apps and digital channels. Automatic accessibility checking tools are useful to broadly identify problems and start developing a plan to fix them, and engaging human experts throughout this process is important to achieve the best result. Here’sContinueContinue reading “The importance of manual testing alongside automated accessibility tools”

How to avoid common UX traps | Webdesigner Depot

If you’re involved in any aspect of a website build, it’s imperative that you avoid common UX problems, if you want to stay in your users’ good books. Let’s take a look at the 4 most common UX traps that designers fall into, and how to avoid them… Curated by (Lifekludger) Read full article atContinueContinue reading “How to avoid common UX traps | Webdesigner Depot”

Designer’s Guide to the Basics of Web Accessibility Design – Hongkiat

In this post, I’ll cover the basics of accessibility design, what it is, what it aims to solve, and steps you can take to get started. Note, this is an incredibly detailed subject, and it will take months or years of practice to fully understand. But the benefits are worth the effort, and all ofContinueContinue reading “Designer’s Guide to the Basics of Web Accessibility Design – Hongkiat”

Part 2: How to Conduct a Basic Accessibility Audit on Your Site : Adobe Team

Continued from Part 1. Part 2: How to Conduct a Basic Accessibility Audit on Your Site In case you missed it, catch up on Part 1 of How to Conduct a Basic Accessibility Audit on Your Site. In this post, we are going to learn how to do keyboard, screen reader and automated code testing.ContinueContinue reading “Part 2: How to Conduct a Basic Accessibility Audit on Your Site : Adobe Team”

Part 1: How to Conduct a Basic Accessibility Audit on Your Site : Adobe Team

Part 1: Visual Accessibility and Manual Code Inspection Accessibility is really important: Accessibility benefits everyone. By paying attention to accessibility you will improve the UX of your site for all of your users.Making sure your site is accessible expands your customer base. People with a range of disabilities make up a significant portion of theContinueContinue reading “Part 1: How to Conduct a Basic Accessibility Audit on Your Site : Adobe Team”

How to Measure Color Contrast, for Web Accessibility …

The essence of accessible color contrast is simple. Given a foreground color and a background color, the contrast between those two must be distinguishable in a wide variety of environments, by individuals with different color perception abilities. Using the Web Content Accessibility Guidelines – WCAG — version 2.0, these contrasts are measured using an algorithmContinueContinue reading “How to Measure Color Contrast, for Web Accessibility …”

Five kinds of ‘alt’ text

What’s less commonly known is that there are five different classes of image used on web pages and each of those images requires a different approach to writing the ‘alt’ attribute. The five different classes are: Eye candy. Clip art and stock images. Images that express a concept. Functional images. Graphs, complex diagrams and screenshots.ContinueContinue reading “Five kinds of ‘alt’ text”

Why Motor Impaired Users Need Skip Links – UX Movement

There are a variety of motor disabilities they could have that would limit their ability to maneuver a mouse. Spinal cord injuries, damage to limbs and nerve diseases all make scrolling a burden. One way designers can combat this accessibility issue is by providing skip links. Skip Links Minimize ScrollingLinks take users to a newContinueContinue reading “Why Motor Impaired Users Need Skip Links – UX Movement”

Web Accessibility Perspectives Videos: Explore the Impact and Benefits for Everyone

Excellent new resource from WAI — videos that show web ‪#‎accessibility‬ is essential for some, useful for all. Web accessibility is essential for people with disabilities and useful for all. Learn about the impact of accessibility and the benefits for everyone in a variety of situations… Curated by (Lifekludger) Read full article at Source: WebContinueContinue reading “Web Accessibility Perspectives Videos: Explore the Impact and Benefits for Everyone”

Web Accessibility: The Inclusive Way to Boost Your Bottom Line | Lullabot

A very good read [Ed..] Yes, it is about recognizing humanity in all of its diversity and doing our very best to give everyone the experience they came for. However, making websites accessible isn’t a charitable act. It’s not a nod to an edge-case scenario to satisfy a requirement somewhere, nor is it about spendingContinueContinue reading “Web Accessibility: The Inclusive Way to Boost Your Bottom Line | Lullabot”

Default Implicit ARIA semantics

The question of whether HTML elements need the addition of ARIA role attibutes to expose their semantics, is one that surfaces on a regular basis. The answer is maybe for a subset of elements, but increasingly no. … In some cases the semantics of a HTML element can be expressed by an ARIA role, stateContinueContinue reading “Default Implicit ARIA semantics”

The Visual ARIA Bookmarklet

Visual ARIA allows engineers, testers, educators, and students to physically observe ARIA usage within web technologies, including ARIA 1.1 structural, live region, and widget roles, proper nesting and focus management, plus requisite and optional supporting attributes to aid in development. … Curated by (Lifekludger) Read full article at Whatsock.com

Accessibility 101 – 8 tips for a better user experience

As designers and developers we usually work with particular people in mind when creating something. This is our target end-user: someone with a certain set of goals, characteristics and motivations that will be accessing your services. Yet, even if you segment your users and consider usage scenarios for various behaviours, there are inherent qualities that,ContinueContinue reading “Accessibility 101 – 8 tips for a better user experience”

How to make Font Awesome Accessible

If you use Font Awesome to link to your social media pages then you need to ensure that they are accessible to screen readers by adding anchor text. If you use Font Awesome to link to your social media pages then you need to ensure that they are accessible to screen readers by adding anchor text. IfContinueContinue reading “How to make Font Awesome Accessible”