Search
Creating an Accessible Range Slider with CSS
7.5.2020
The accessibility trick is using <input type="range"> and wrestling it into shape with CSS rather than giving up and re-building it with divs or whatever and later forget about accessibility.
The most clever example uses an angled linear-gradient background making the input look like...
Anycoin Direct Launches Innovative New Platform
6.5.2020
Cryptocurrency exchange service Anycoin Direct rolls out a new website for the European market. With their newly designed website, Anycoin Direct aims to make the buying and selling process of cryptocurrencies more accessible for everyone. The personalized design is unique within the cryptocurrency...
Accessible Font Sizing, Explained
23.4.2020
The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font size for the web.
But we know there’s such a thing as text that is too small to be legible, just as text that can be too large to consume. So,...
The Contrast Triangle
21.4.2020
Chip Cullen:
Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...
The WebAIM Million—Updated
8.4.2020
This report made a big splash last year. It’s a large chunk of research that shows just how terribly the web does with accessibility. It’s been updated this year and (drumroll…) we got a little worse. I’ll use their blockquote:
The number of errors increased 2.1% between...
Binance and CoinMarketCap Announce Acquisition to Collectively Make Cryptocurrency More Accessible for Everyone
2.4.2020
The global blockchain company behind the world’s largest digital asset exchange by trading volume and users, Binance, today announced thatContinue Reading
The post Binance and CoinMarketCap Announce Acquisition to Collectively Make Cryptocurrency More Accessible for Everyone appeared first...
Collective #597
16.3.2020
Creative Coding Essentials * Accessible SVGs * The CSS Podcast * RedwoodJS * Sketch Dark Mode Plugin
Collective #597 was written by Pedro Botelho and published on Codrops
Programming Sass to Create Accessible Color Combinations
12.3.2020
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
The post Programming Sass to Create Accessible Color Combinations appeared first on CSS-Tricks
How to Find Your Nearest Bitcoin ATM
21.2.2020
Cryptocurrency markets have experienced a few intensive weeks since the start of the year that took prices to 2020 highs in mid-February. The overall bullish sentiment is attracting more interest towards the crypto space. There are many ways to get started with Bitcoin but one the most accessible...
Add Background Colors to SVGs Using the “rect” Element
20.2.2020
The advantages of using SVGs in web development are well known. SVGs are small in size, can be made quite accessible, are scalable while maintaining their quality, and can be animated. Still, there is a learning curve. Things, like the syntax of SVG, can be a little tricky and having to hand-alter...
A Headless CMS for You and Your Web Development Agency
13.2.2020
(This is a sponsored post.)
Storyblok is a headless but component-based CMS with a built-in live-preview. You can use it for building fast and reliable websites and power native apps with your favorite technology.
Let us start with the basics and what a headless CMS is:
A headless content...
Custom Styling Form Inputs With Modern CSS Features
7.2.2020
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a single line of JavaScript or extra HTML elements! It’s actually gotten easier lately than it has been in the past. Let’s take a look.
Here’s...
Building an accessible autocomplete control
6.2.2020
Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...
Collective #587
6.2.2020
Accessible autocomplete control * Octomments * Flow Fields * Binary Search
Collective #587 was written by Pedro Botelho and published on Codrops
Bad accessibility equals bad quality
22.1.2020
Here’s a smart post from Manuel Matuzovic where he digs into why accessibility is so important for building websites:
Web accessibility is not just about keyboard users, color contrast or screen readers. Accessibility is a perfect indicator for the quality of a website. Accessibility is strongly...
WDRL — Edition 277: Request with Intent, Small Differences, Self Organisation and Accessible Cards
26.11.2019
Hey,
what makes a good product? Well, it’s more than a great idea. It’s all the little details, from how you do product management, who much you care about accessibility, usability, good performance, caching to typographic details. It all makes the difference. We can choose where to put...
Growing Accessibility Conversations
22.11.2019
I started this year on a new path at Knowbility — to help people and organizations create accessible content and apps. But what was exciting and helped motivate me more were two things:
WebAIM's Accessibility Analysis of One Million Page Homepages. With over 97% of sites having WCAG failure...
Why Are Accessible Websites so Hard to Build?
23.10.2019
I was chatting with some front-end folks the other day about why so many companies struggle at making accessible websites. Why are accessible websites so hard to build? We learn about HTML, we make sure things are semantic and — voila! @— we have an accessible website. During the course...
Designing accessible color systems
21.10.2019
The team at Stripe explores how they’re refining their color palette to make it more accessible and legible for users across all their products and interfaces. Not only that but the team built a wonderful and yet entirely bonkers app for figuring out the ideal range of colors that they needed.
We...
Mina Markham Should Make Beyoncé’s Site Accessible
3.10.2019
I remember when this went around in January, and I'm a little shocked it didn't happen.
Mina is the perfect person for the job (like, duh) and the result would be good for everyone. Let's make this happen. The least we can do is sign Amélie Lamont's petition.
Direct Link to Article —...