#accessibility (539 links)
Somehow I missed this first time around.
- Stop Using ‘Drop-down’ | Adrian Roselli adrianroselli.com
- Link Targets and 3.2.5 | Adrian Roselli adrianroselli.com
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
- aria-label Does Not Translate adrianroselli.com
5 Comments In response to Claire Brotherton. Try this: <a href="https://twitter.com/abrightclearweb"> <span class="fa fa-twitter"></span> <span…
- Humane by Design humanebydesign.com
A resource that provides guidance for designing ethically humane digital products through patterns focused on user well-being.
- An Introduction to ARIA States | a11y with Lindsey a11ywithlindsey.com
Hey friends! Today’s blog post comes to you from my Patreon folks’ poll. It’s a follow up from one of my previous posts about Demystifying ARIA. ARIA can be…
- Trans-inclusive Design alistapart.com
Late one night a few years ago, a panicked professor emailed me: “My transgender student’s legal name is showing on our online discussion board. How can I keep…
- Dos and don'ts on designing for accessibility - Accessibility in government accessibility.blog.gov.uk
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…
- How we made the country’s most accessible grocery shopping app (without anyone noticing). - Justin Stach justin.stach.uk
March 27, 2019 How we made the country’s most accessible grocery shopping app (without anyone noticing). Feedback we live for Getting buy-in Make a compelling…
- Accessibility Insights accessibilityinsights.io
- Focusing on Focus Styles | CSS-Tricks css-tricks.com
Not everyone uses a mouse to browse the internet. If you’re reading this post on a smartphone, this is obvious! What’s also worth pointing out is that there are…
Scott O'Hara 13 Dec ember 2018 Published in Code No comments I would like to begin by saying 2018 was the year that we, as developers, visual designers, browser…
3 Dec ember 2018 Published in UX No comments Happy United Nations International Day of Persons with Disabilities 2018 ! The United Nations chose “Empowering…
- Progressive Tooling progressivetooling.com
- How do you mark up an accordion? sarasoueidan.com
I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I…
- Creating Accessible React Apps - YouTube youtube.com
React is a great way to create reusable, modular components that can be shared among projects. But how do you ensure your React apps are usable by all? Scott…
One thing that keeps coming back to me, in research, testing, and everyday conversation with colleagues and friends, is just how important headings are. For…
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion | CSS-Tricks css-tricks.com
Gosh bless the <details> element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen…
- Vox Product Accessibility Guidelines accessibility.voxmedia.com
Via monospaced.
- How we’ve made GOV.UK Elements even more accessible - Accessibility accessibility.blog.gov.uk
At GDS we’ve brought together a range of elements that teams can use to make sure their services look and operate consistently with the rest of GOV.UK. This…
- Your Interactive Makes Me Sick - Features - Source: An OpenNews project source.opennews.org
Picture this: you’re sitting in a car, and the car next to you starts to pull forward. For a moment you feel like you’re moving backwards. That brief feeling of…
- Notifications inclusive-components.design
The key difference between a website and a web app is… highly contested. On the whole, I'd say the more links there are, the more site-like, and the more…
The best practice is to leave the default link behavior alone. Usually, this means that the link on a website will open in that same window or tab. Ideas we…
- The fate of 'Target Size' | INCOBS incobs.de
main content activities product groups Current location You are here: Home Articles The fate of 'Target Size' Work on a computer Use the internet Make calls and…
The title attribute gets a lot of flack . And largely the disdain towards the attribute is quite justified. In June of 1993, twenty-four and a half years ago,…
- Why you can't test a screen reader (yet)! robdodson.me
When I first started to learn about accessibility I wanted to write automated tests to ensure that assistive technology devices, like screen readers, were…
Using VoiceOver to Evaluate Web Accessibility You are here: Home > Articles > Using VoiceOver to Evaluate Web Accessibility Article Contents Introduction…
At first glance, the WCAG 2.0 AA guideline for contrast minimums appears to be one of the easiest, most straightforward success criterion to achieve. Yet, it is…
- visual-aria - Revision 12/15/2017 github.com
Visual ARIA allows engineers, testers, educators, and students to physically observe ARIA usage within web technologies, including ARIA 1.1 structural, live…
- Accessible Links Re:visited | Filament Group, Inc., Boston, MA filamentgroup.com
Accessible Links Re:visited Posted by Maggie 12/6/2017 We and our clients often tend toward simple and understated style, but sometimes that simplicity doesn't…
- Web accessibility guidelines and how to use them nomensa.com
There’s a bit of fuss at the moment because an update to the W3C’s accessibility guidelines is coming out soon, almost 10 years after the last update. I’ll come…
- Don’t Use ARIA Menu Roles for Site Nav adrianroselli.com
8 Comments In response to Matt King . Matt, when you say The point of the ARIA practices , I am assuming you are referencing WAI-ARIA Authoring Practices 1.1 .…
I was listening to Shop Talk show 287 , where Chris and Dave were wondering about the old mantras about text-sizing / media queries not being in pixels, I think…
- Inclusive Design Checklist github.com
Aims to be the biggest checklist of inclusive design considerations ever. Includes items for accessibility, performance, device support, interoperability, and…
- ARIA is Spackle, Not Rebar | CSS-Tricks css-tricks.com
Much like their physical counterparts, the materials we use to build websites have purpose. To use them without understanding their strengths and limitations is…
- Creating an Accessible React Website - Paul Cowan thesoftwaresimpleton.com
I’ve recently been working on an online application form in the form of a multistep wizard that had strict accessibility requirements. I’ve never worked on a…
- Captchas Suck - Axess Lab axesslab.com
Introducing the evil Nobody likes captchas. They are at best an irritating, conversion-killing step users need to get past. At worst, they can be a complete…
- A Responsive Accessible Table adrianroselli.com
November 2, 2017 ; Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use…
- Collapsible Sections inclusive-components.design
Collapsible sections are perhaps the most rudimentary of interactive design patterns on the web. All they do is let you toggle the visibility of content by…
Sometimes we make links look like buttons. Sometimes we make buttons look like links. This is unfortunate. Maybe there is something we can do about this. Let’s…
- Alt-texts: The Ultimate Guide - Axess Lab axesslab.com
My experience of images on the web I use a combination of magnification and screen reader when surfing the web. As a rule of thumb, I use magnification on…
- The state of hidden content support in 2016 developer.paciellogroup.com
Posted on Tuesday, 26 January 2016 by Steve Faulkner Category: Development Category: Standards Category: Testing I have reported previously on support in…