Search

Nalezeno "Accessibility": 295

The Deal with the Section Element

15.1.2020
Two articles published the exact same day: Bruce Lawson on Smashing Magazine: Why You Should Choose HTML5 <article> Over <section> Adam Laki on Pine: The Difference Between <section> and <div> Element They are comparing slightly different things, but they both...

Debunking the Myth: Accessibility and React

15.1.2020
I find it notable when the blog of a major accessibility-focused company like Deque publishes an article called Debunking the Myth: Accessibility and React. Mark Steadman is essentially saying if a site has bad accessibility, it ain't React... it's you. The tools are there to achieve good...

A Whole Bunch of Places to Consider Contrast in a Single Paragraph

23.12.2019
When we're thinking about choosing colors in design, we're always thinking about accessibility. Whenever colors touch, there is contrast and, if we're talking about the color contrast of text, it needs to be high enough to be readable. This benefits people with a variety of visual disabilities,...

Collective #573

12.12.2019
Building A CSS Layout * Leonardo * React View * No to Chrome * Game accessibility and the Web Collective #573 was written by Pedro Botelho and published on Codrops

Collective #572

9.12.2019
Accessibility Tips * Browser Default Styles * Dynamic CSS Color Theming * Flynt * AnonAddy * Sentence lengths * NanoNeuron Collective #572 was written by Pedro Botelho and published on Codrops

WhoCanUse

4.12.2019
There are loads of microsites and developer tools for looking at color accessibility, including tools built right into browser DevTools. They often show you if a color passes AA or AAA WCAG guidelines. But color contrast is more complicated than that because there is a wide variety of vision...

Having a Little Fun With Custom Focus Styles

2.12.2019
Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself. So you do a little research and find...

Collective #569

28.11.2019
AppLibsList * How to Overlap Images in CSS * Peekobot * Flowy * Who Can Use * Accessibility drives aesthetics Collective #569 was written by Pedro Botelho and published on Codrops

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

The Trick to Animating the Dot on the Letter “i”

4.11.2019
Here’s the trick: by combining the Turkish letter "ı" and the period "." we can create something that looks like the letter "i," but is made from two separate elements. This opens us up to some fun options to style or animate the dot of the letter independently from the stalk. Worried about...

Learn to Make Your Site Inclusive, by Design

29.10.2019
Accessibility is our job. We hear it all the time. But the truth is that it often takes a back seat to competing priorities, deadlines, and decisions from above. How can we solve that? That's where An Event Apart comes in. Making sites inclusive by design is just one of the many topics covered over...

Animated Position of Focus Ring

27.10.2019
Maurice Mahan created FocusOverlay, a "library for creating overlays on focused elements." That description is a little confusing at you don't need a library to create focus styles. What the library actually does is animate the focus rings as focus moves from one element to another. It's based...

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

Some Hands-On with the HTML Dialog Element

7.10.2019
This is me looking at the HTML <dialog> element for the first time. I've been aware of it for a while, but haven't taken it for a spin yet. It has some pretty cool and compelling features. I can't decide for you if you should use it in production on your sites, but I'd think it's starting...

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