An introduction to Accessible Rich Internet Applications (ARIA) 1.0. ARIA can be used to enhance the accessibility of content created with markup languages like HTML and SVG. With code examples and screen reader demonstrations, find out where ARIA fits into the web technology stack and how it helps improve cross-device accessibility. xx Source: Léonie Watson: AContinueContinue reading “Léonie Watson: A quick & dirty introduction to ARIA – Front-end London – YouTube”
Category Archives: web
Color Is Relative: Designing for Accessbility
In “Color Is Relative: Designing for Accessbility”, web designer and illustrator Geri Coady opened our eyes to the prevalence of colorblindness as well as the usability issues our design decisions can pose for those readers. Afterwards, she fielded questions about starting points, creating accessible palettes, navigating brand guidelines and more. Here’s what she had toContinueContinue reading “Color Is Relative: Designing for Accessbility”
Presentation: Web Accessibility Best Practices
Knowing what web accessibility is and how it impacts visitors to your website is a good first step. But how do you put that information in to practice? In this session, we’ll cover some best practices that you can use to implement web accessibility, whether you’re bringing an existing web site up to spec orContinueContinue reading “Presentation: Web Accessibility Best Practices”
Why Your Links Need a Hover Effect – UX Movement
Links contain text, but they should never look like text. When users read a web page, they need to be able to distinguish what’s clickable. If your links don’t have enough contrast, users could miss them. Curated by (Lifekludger) Read full article at Source: Why Your Links Need a Hover Effect – UX Movement
» Seriously, Don’t Use Icon Fonts Cloud Four Blog
… icons on the web have had their fair share of challenges. They were time-consuming to prepare for every intended display size and color. When high-resolution displays hit the market, icons looked particularly low-res and blocky compared to the text they often accompanied. So it’s really no wonder that icon fonts became such a hit. IconsContinueContinue reading “» Seriously, Don’t Use Icon Fonts Cloud Four Blog”
Practical ARIA Examples
Some [9] practical ARIA examples to enhance your application accessibility (by @heydonworks). … curated by (Lifekludger) Read full article at Source: Practical ARIA Examples
Labeled With Love, From the Notebook of Aaron Gustafson
Labeled With Love by Aaron Gustafson This is the first entry in the series Modern Web Form Best Practices. Forms exist on pretty much every site on the web in one form or another. They are the primary mechanism by which we gather information from our users.1 Of course, before anyone can fill out aContinueContinue reading “Labeled With Love, From the Notebook of Aaron Gustafson”
Ensure High Contrast for Text Over Images – Nielsen Norman Group
Summary: If you place text over a background image, make sure it’s readable by providing adequate contrast. Subtle tweaks can increase the contrast without affecting the overall aesthetic of the site. A well-chosen visual adds interest and can set the tone of a website, in addition to (hopefully) conveying some meaning. Eyetracking research has shownContinueContinue reading “Ensure High Contrast for Text Over Images – Nielsen Norman Group”
Avoiding Redundancy with WAI-ARIA in HTML Pages
Life’s been easy since we’ve started integrating ARIA roles in HTML code. ARIA has been providing additional semantics to help assistive technologies (ATs) and making it possible for developers to enhance the usability of web applications for people with disabilities. The fundamental question remains to date — do HTML elements need ARIA role attributes toContinueContinue reading “Avoiding Redundancy with WAI-ARIA in HTML Pages”
[Draft] How to Meet WCAG 2.0
A customizable quick reference to Web Content Accessibility Guidelines (WCAG) 2.0 requirements (success criteria) and techniques. About this Quick Reference Curated by (Lifekludger) Read full article at Source: [Draft] How to Meet WCAG 2.0
Source Order Matters | Adrian Roselli
CSS is providing newer and more complex methods of laying out your pages. Given the multiple form factors a responsive site has to support, it makes sense that developers want easy ways to structure the layouts that aren’t all floats, clears and position: absolutes. Regardless of how you want your layout to appear in aContinueContinue reading “Source Order Matters | Adrian Roselli”
Describing Images for Improved Web Accessibility | Mediacurrent
One of the most basic techniques of web accessibility is adding alternative texts to images. It is possibly the single biggest thing you can do to make your site more accessible. In fact, it is the very first item listed in the WCAG 2.0 guidelines: WCAG 2.0 Guideline 1.1.1 – “All non-text content that isContinueContinue reading “Describing Images for Improved Web Accessibility | Mediacurrent”
Why Your Links Should Never Say “Click Here” – Smashing Magazine
Have you ever wanted your users to click a link but didn’t know how to get them to act? When some designers run into this problem, they’re tempted to use the words “Click here” on their links. Before giving in to the temptation, you should know how using these words on a link can affectContinueContinue reading “Why Your Links Should Never Say “Click Here” – Smashing Magazine”
Stop Counting Clicks
The 3-click-rule is the Freddy Kreuger of web design advice. You think it’s finally dead and then it comes back and starts slashing up sensible debate about usable design. I’m hoping to convince you to stop talking about the 3-click rule. … In 2003, Joshua Porter of User Interface Engineering wrote an article that shouldContinueContinue reading “Stop Counting Clicks”
3 Ways to Improve Accessibility in Your Designs
No matter if you’re a content strategist, designer, developer, or user experience professional, you’ve probably heard that creating accessible designs restricts you from being creative. It’s an excuse, says Geri Coady, to not include accessibility in your workflow.Design for everyone, she says. As designers, we have the ability to reduce the frustration any visitor hasContinueContinue reading “3 Ways to Improve Accessibility in Your Designs”
Reframing Accessibility for the Web · An A List Apart Article
We need to change the way we talk about accessibility. Most people are taught that “web accessibility means that people with disabilities can use the Web”—the official definition from the W3C. This is wrong. Web accessibility means that people can use the web. Not “people with disabilities.” Not “blind people and deaf people.” Not “peopleContinueContinue reading “Reframing Accessibility for the Web · An A List Apart Article”
10 Accessibility Checks in 10 minutes – Maxability
Quite often I receive requests to check the accessibility of a web page and say if it is accessible or not. In most of the cases the request is to identify high level accessibility issues to include in a business presentation. Being a screen reader user I can read through the page and identify fewContinueContinue reading “10 Accessibility Checks in 10 minutes – Maxability”
Katrina the Tester: Accessibility & Usability Testing Pathway
Accessibility & Usability Testing Pathway This pathway is a tool to help guide your self development in accessibility and usability testing. It includes a variety of steps that you may approach linearly or by hopping about to those that interest you most. Each step includes: links to a few resources as a starting point, but youContinueContinue reading “Katrina the Tester: Accessibility & Usability Testing Pathway”
How Our CSS Framework Helps Enforce Accessibility | eBay Tech Blog
An extremely well written detailed in-depth article.. nice to see. A user interface control not only needs to look like a certain control, it must be described as that control too. Take for example a button, one of the simplest of controls. There are many ways you can create something that looks like a button, but unless youContinueContinue reading “How Our CSS Framework Helps Enforce Accessibility | eBay Tech Blog”
Designing for the web: Neurodiversity | Web design | Creative Bloq
Neurodiversity – the idea that conditions such as dyslexia and autism are just part of normal human variation – is an unfamiliar term to most of us. The term comes from a movement to reduce the medicalisation of the experiences of people who are ‘wired differently’. Neurodiversity (and the related field of cognitive accessibility) isContinueContinue reading “Designing for the web: Neurodiversity | Web design | Creative Bloq”
Web applications and ARIA FAQ – Accessibility | MDN
WAI-ARIA is the Accessible Rich Internet Applications specification from the Web Accessibility Initiative at the W3C. ARIA provides a means to make web applications and widgets more accessible to a diverse range of users, including those who use assistive technologies such as screen readers or magnifiers. ARIA provides additional semantics to describe the role, state,ContinueContinue reading “Web applications and ARIA FAQ – Accessibility | MDN”
A Guide to Color, UX, and Conversion Rates
Color is one of the most powerful tools in the designer’s toolkit. You can use color to impact users’ emotions, draw their attention, and put them in the right frame of mind to make a purchase. It’s also one of the main factors in customers’ perception of a brand. With an infinite number of possibleContinueContinue reading “A Guide to Color, UX, and Conversion Rates”
7 Things Every Designer Needs to Know about Accessibility — Salesforce UX — Medium
Accessibility enables people with disabilities to perceive, understand, navigate, interact with, and contribute to the web. Imagine a world where developers know everything there is to know about accessibility. You design it and they build it… perfectly. In this world, only the design itself can cause people with disabilities to have trouble using a product.ContinueContinue reading “7 Things Every Designer Needs to Know about Accessibility — Salesforce UX — Medium”
4 tips on typography in UI design – InVision Blog
by Chris Bowleron April 6, 2015 Communication plays a vital role in design. Whether you design websites, mobile apps, or wearable UIs, your creations have to clearly communicate their intent and purpose. And since text does a lot of the heavy lifting in communicating purpose, you need a solid understanding of typography. Of course, designingContinueContinue reading “4 tips on typography in UI design – InVision Blog”
How to do a DIY Web Accessibility Audit | Usability Matters
Before you begin an accessibility audit, it’s important to know why you want your digital product to be accessible. Are you trying to comply with AODA or meet WCAG 2.0 standards? Maybe you’d like to create an accessible website in order to reach as many users as possible. Know your digital accessibility goals and whatContinueContinue reading “How to do a DIY Web Accessibility Audit | Usability Matters”
