Search

Nalezeno "accessible": 211

Three CSS Alternatives to JavaScript Navigation

14.7.2020
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links. But that’s...

Five 5-minute Videos from Ethan on Design & Accessibility

30.6.2020
Ethan: I’ve been working with Aquent Gymnasium to produce a series of five short tutorial videos, which have been launching over the course of this past week. Since the last video just went live, I’m thrilled to share the whole list with you: • Introduction to using VoiceOver on macOS•...

Leveraged Tokens Soon Available on the Bitcoin.com Exchange

24.6.2020
Four new tokens by Amun will be listed on the Bitcoin.com Exchange this Thursday. Amun is a leading crypto technology company that builds tokens to make purchasing crypto more accessible, safe, and efficient. You have the chance to trade these tokens for free on the Bitcoin.com Exchange from...

Striking a Balance Between Native and Custom Select Elements

12.6.2020
Here’s the plan! We’re going to build a styled select element. Not just the outside, but the inside too. Total styling control. Plus we’re going to make it accessible. We’re not going to try to replicate everything that the browser does by default with a native <select> element. We’re going...

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...

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...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace