#accessibility (539 links)
- Fonts don't matter - Axess Lab axesslab.com
The hard truth What’s important when picking out a font? It’s one of the most common questions I get when I consult in accessibility . People expect me to start…
- Inclusive Components inclusive-components.design
Inclusive Components Inclusive Components Home The components About the project A blog trying to be a pattern library. All about designing inclusive web…
- Deque Pattern Library a11ywins.tumblr.com
In the web industry it’s common to see pattern libraries circulated as they do a good job of promoting design thinking in reusable code patterns. Less common,…
Building a highly consumable UI component library is no easy feat and this article will focus on one particular aspect of it: headings ( <hx> elements ). This…
- Disabled buttons suck - Axess Lab axesslab.com
Why I got pissed and decided to write this A couple of weeks ago I got this comment at an event: I really have to go now, but add me on Facebook and we can…
- Tooltips & Toggletips inclusive-components.design
Tooltips — affectionately misnomered as "tootlips" by my friend Steve — are a precariously longstanding interface pattern. Literally "tips for tools", they are…
When assessing how accessible your website or app is, auditors will likely want to look at whole pages. But perhaps most of what you are working on is…
- What I've learned about motor impairment simpleprimate.com
July 12, 2017 Accessibility is (thankfully) receiving a fair amount of attention in web development circles these days. As designers and developers we should…
Photo: Francis Clarke for Wikimedia The tweet that started it all In this article I’ll summarize and group the main topics that people bring up in the thread.…
- Accessibility, News and You bbc-news.github.io
We want to be the most accessible news website in the world. You can help us achieve this by following a few simple steps. If you have any questions ask one of…
- Usage github.com
Install the module from NPM or elsewhere npm install --save-dev react-axe Initialize the module Call the exported function passing in the React and ReactDOM…
Edit on GitHub Accessibility Why Accessibility? Web accessibility (also referred to as a11y ) is the design and creation of websites that can be used by…
We’re starting to hit a problem with the new CSS methods (Flexbox and Grid), and how people using a keyboard (or equivalent) interact with a page. I’m not the…
Accessibility Fundamentals: Semantics and Navigating Content https://goo.gl/KgU3v3 One of the key goals in building an accessible experience is to make sure…
- Under-Engineered Custom Radio Buttons and Checkboxen adrianroselli.com
May 29, 2017 ; I keep seeing overly-complex controls with additional elements as style hooks, scripting to make up for non-semantic replacements, images that…
Floating labels are problematic After writing Placeholders are Problematic some people suggested the floating label. We are often seduced by novel patterns that…
What We’ve Learned About 508 Compliance That All Technologists Can Use By Nick Heiner As government technology improves and accelerates, the U.S. Digital…
- Presentation: Accessibility in a Responsive World, A11Y Days 2017 | Filament Group, Inc., Boston, MA filamentgroup.com
Presentation: Accessibility in a Responsive World, A11Y Days 2017 Posted by Scott on 05/16/2017 This April, I was thrilled to be given the opportunity to…
- CSS :focus-within | scottohara.me scottohara.me
The :focus-within pseudo-class is a CSS Level 4 selector that has recently picked up a bit of steam with FireFox, Safari, and (at the time of writing this)…
- Home - Digital Accessibility Centre (DAC) digitalaccessibilitycentre.org
Default Stylesheet Blue Style Beige Style Black & Yellow Style Accessibility Introducing AccessIn - Supported Accessibility Maintenance Tool. Visit the AccessIn…
- Is It Accessible? | scottohara.me scottohara.me
Defining our jumping off point: If you follow many developers or web designers on Twitter, you may have seen the following tweet: No! Just because bigger…
- How to create content that works well with screen readers | Accessibility accessibility.blog.gov.uk
The video below shows a screen reader in use on the GOV.UK homepage: Screen readers are applications that turn on-screen content into speech or show it on a…
This is a reply to a post on zellwk.com concluding that “So.. I’m sorry to break your bubble, pixel fans, but it’s a no-go for pixel based queries.” There are a…
- Inclusive - Microsoft Design microsoft.com
Inclusive Design at Microsoft It’s in our mission statement: empower every person on the planet to achieve more. Designing for inclusivity opens up our…
- Style Guide cehfisher.github.io
This application is a living style guide, generated from KSS documented styles...with an accessibility twist. How this all got started We wear a lot of hats as…
- What we found when we tested tools on the world’s least-accessible webpage | Accessibility accessibility.blog.gov.uk
- Accessibility and Performance marcysutton.com
- WAI-ARIA basics developer.mozilla.org
- EU ready to set laws for accessibility testing | QA Financial qa-financial.com
The EU parliament is drafting a directive that will force private sector companies to accommodate disabled people when offering their goods and services. It has…
- Accessibility Whack-A-Mole alistapart.com
Illustration by Eleanor Ratliff I don’t believe in perfection. Perfection is the opiate of the design community. Designers sometimes like to say that design is…
- Create accessible complex tables in HTML5 forms helpx.adobe.com
The default implementation of tables in HTML5 Forms uses HTML DIV elements to render a table. Rendering involves using ARIA roles to satisfy the accessibility…
- Your Body Text Is Too Small medium.com
Your Body Text Is Too Small Why website body text should be bigger, and ways to optimize it. B ody text is the key component in communicating the main bulk of a…
- On Use of the Lang Attribute adrianroselli.com
9 Comments In response to Jake Wilson . Jake, was there a regex example in your comment? I am not seeing one. aroselli ; 23 January 2015 at 4:33 pm . Permalink…
- Hiding inline SVG icons from screen readers | 456 Berea Street 456bereastreet.com
Hiding inline SVG icons from screen readers Icon fonts are finally being phased out in favour of a technology that’s more fit for purpose: SVG . There are many…
- Front End Frameworks - are they accessible slideshare.net
Front End Frameworks - are they accessible Upcoming SlideShare Loading in … 5 × 1 1 of 110 Email Email sent successfully! Embed Size (px) Start on Show related…
- brunopulis/awesome-a11y github.com
A curate list about A11Y
- edenspiekermann/a11y-toggle github.com
A tiny script for accessible content toggles.
- KittyGiraudel/a11y-dialog github.com
A very lightweight and flexible accessible modal dialog script.
- dequelabs/axe-core github.com
Accessibility engine for automated Web UI testing
- Links vs. Buttons in Modern Web Applications marcysutton.com
Github: Links or buttons? Something that comes up again and again in front-end accessibility is the issue of links versus buttons . You know, the HTML elements…
- Accessibility Developer Tools chrome.google.com
Accessibility Developer Tools - Chrome Web Store
- Notes On Client-Rendered Accessibility – Smashing Magazine smashingmagazine.com
As creators of the web, we bring innovative, well-designed interfaces to life. We find satisfaction in improving our craft with each design or line of code. But…