Search
Troll Makes Up Path Of Exile Ban Over Accessibility, Is Jerk
17.4.2021
This week, a supposed player claimed to have been banned from action RPG Path of Exile for using a macro to make the game accessible. Other players and accessibility activists took up their cause. Now, it appears the whole thing was a troll. In my professional journalistic opinion: what...
Platform News: Using :focus-visible, BBC’s New Typeface, Declarative Shadow DOMs, A11Y and Placeholders
16.4.2021
There’s a whole lot of accessibility in this week’s news, from the nuances of using :focus-visible and input placeholders, to accessible typefaces and a Safari bug with :display: contents. Plus, a snippet for a bare-bones web component that supports …
The post Platform News:...
Some Articles About Accessibility I’ve Saved Recently
6.4.2021
“Good news about display: contents and Chrome” — Rachel Andrew notes that the accessibility danger of using display: contents; is fixed in Chrome. The problem was that, say you had a parent div that is laid out as a grid
…
The post Some Articles About Accessibility I’ve...
Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved
2.4.2021
In the news this week, Firefox gets rounded outlines, SVG animations are now GPU-accelerated in Chrome, there are no physical units in CSS, The New York Times crossword is accessible, and CSS variables are resolved before the value is inherited.…
The post Platform News: Rounded Outlines...
Where the World Wide Web Shines
1.4.2021
Here’s a fabulous post by Vitaly Friedman that looks at how to make accessible front-end components and what problems there are today when it comes to building them.
There’s so much great info packed into this one post that I’m …
The post Where the World Wide Web Shines appeared first...
Overlay Fact Sheet
31.3.2021
I would hope all our web designer/developer spidey senses trigger when the solution to an accessibility problem isn’t “fix the issue” but rather “add extra stuff to the page.” This Overlay Fact Sheet website explains that. An “Overlay” is one …
The...
HTML Inputs and Labels: A Love Story
30.3.2021
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too.
A…
The post HTML Inputs and Labels: A Love Story appeared first...
Imagining native skip links
23.3.2021
I love it when standards evolve from something that a bunch of developers are already doing, and making it easier and foolproof. Kitty Giraudel is onto that here with skip links, something that every website should probably have, and that …
The post Imagining native skip links appeared first...
Platform News: Defaulting to Logical CSS, Fugu APIs, Custom Media Queries, and WordPress vs. Italics
12.3.2021
Looks like 2021 is the time to start using CSS Logical Properties! Plus, Chrome recently shipped a few APIs that have raised eyebrows, SVG allows us to disable its aspect ratio, WordPress focuses on the accessibility of its typography, and …
The post Platform News: Defaulting to Logical...
Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw
26.2.2021
In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how to opt into cross-origin isolation, see how WhiteHouse.gov approaches accessibility, and warn the dangers of 100vh.…
The post...
Simplex and Skrill Broaden Cryptocurrency Convenience by Launching New Onramp Solutions
26.2.2021
As enthusiasm for cryptocurrency mounts amid strong demand from retail and institutional investors, financial service providers Simplex and Skrill are building more inroads into the ecosystem, focusing on improving transactability and convenience. The digital payment services continue to expand...
How We Improved the Accessibility of Our Single Page App Menu
25.2.2021
I recently started working on a Progressive Web App (PWA) for a client with my team. We’re using React with client-side routing via React Router, and one of the first elements that we made was the main menu. Menus …
The post How We Improved the Accessibility of Our Single Page App Menu...
New Microsoft Program Could Help Devs Make Games More Accessible
17.2.2021
Microsoft is starting a new program that will allow developers to send in Xbox and PC games to be evaluated by a team of accessibility experts, the company announced today.Read more
Beautiful accessibility with Floating Focus
15.2.2021
Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. The spirit of it is similar to smooth scrolling: it’s …
The post Beautiful accessibility with Floating Focus appeared first...
Responsible Web Applications
12.2.2021
Joy Heron bought a cool domain name and published an article there:
Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some
…
The post Responsible Web Applications appeared first...
JavaScript Wake Lock API
25.1.2021
An enjoyable web apps rely on engineers implementing the APIs that cover all of the small things. Those small things sometimes improve performance, usability, accessibility, and the app’s relationship with its host system. The Wake Lock API is the latter — an API that allows developers...
Dead By Daylight Studio Hurriedly Announces Colorblind Mode After Designer Complains About Accessibility Requests
22.1.2021
A little over a week after a Dead by Daylight designer became publicly agitated over requests for accessibility options, developer Behaviour Interactive has announced that it is working on accommodations for colorblind players.Read more
Scrollbars on Hover
21.1.2021
First, scrollbars are a usability and accessibility thing. Second, a rule of thumb: if an area scrolls, it should have a visible scrollbar. But the web is a big place and I like tricks, so I’m going to cover the …
The post Scrollbars on Hover appeared first on CSS-Tricks.
You...
Accessible SVG Icons
28.12.2020
The answer to “What is the most accessible HTML for an SVG icon?” isn’t one-size-fits all, because what an icon needs to do on a website varies. I’m partial to Heather Migliorisi’s research on all this, but I can summarize.…
The post Accessible SVG Icons...
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...