"By phasing in accessibility, you will slowly but surely be able to efficiently and effectively add the proper automation, training, and accessible coding standards needed to ensure your content is accessible when it is released to a test environment or production."
"Spicy Sections is an experiment in which "good ol' well supported HTML" is conditionally presented with different affordances; either as a tab set, or with independent collapses ("disclosure widgets") or exclusive collapses ("accordions")."
"Reduced motion doesn't necessarily mean removing all transforms from our webpage either. For instance, a button that has a small arrow icon that moves a few pixels on hover is unlikely to cause problems for someone who prefers a reduced-motion experience, and provides a more useful indicator of a change of state than color alone."
"Now, to understand what the unique revert keyword value is doing for the display property, let's talk about the two types of styles that we are getting from our browsers. The styles we are getting from our browsers are built from two layers"
"With the availability of vscode.dev, we begin to finally realize our original vision of building a development tool that can run fully serverless in the browser."
"Eventually we decided to fetch the Tranco top 100,000 websites and analyze their favicons. We checked each home page for favicons, Apple touch icons, and manifest icons. We also examined fallback locations like /favicon.ico."
"When we reach the end of the modal content, the browser will continue scrolling on the main page's content instead. That is called scroll chaining. It's a default behavior that can be overridden now with a new CSS property called overscroll-behavior."
"Newly unredacted complaints against Google allege that the search giant's Accelerated Mobile Pages (AMP), which the company claimed would "dramatically improve" mobile web performance when it launched in 2015, was in fact a scheme to coerce publishers into using the format in order to limit advertising dollars not spent on its own ad exchanges."
"The first discovered usage of @ character goes back to 1345, but it was popularized in the 16th century in Spain and Portugal as an abbreviation for the unit of weight, mass or volume -- arroba."
"With the heavy reliance on ARIA, and barely any movement of getting accessibility into the core technologies9 , we made accessibility hard to understand for most developers and added more and more variables. And that is all before actual support for assistive technologies."
"The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive."
"Accessibility involves a wide range of disabilities, including visual, auditory, physical, speech, cognitive, language, learning, and neurological disabilities. We must build for people on low bandwidth networks and low specification equipment."
"When we apply these tactics over time with a focus on specific features and outcomes, we tend to overlook how it impacts the entire customer journey."
"I usually think of @supports as a way to test for property: value pair support. But with the selector() function, we can test for selector support as well."
"This public report, dated 19 October 2021, was prepared for the October 2021 Virtual W3C Advisory Committee Meeting (member-only link), part of TPAC."
"The second reason I wanted to talk about Web Components is that I feel there's an education gap. I noticed that nearly all the people I know that love HTML, CSS, and Design Systems... they don't use Web Components."
@kazuhitoは、木達一仁の個人サイトです。主に宇宙開発や人力飛行機、Webデザイン全般に興味があります。Apple製品と麺類とコーヒーが好きです。南極には何度でも行きたい。アクセシビリティおじさんとして好きなスローガンは「Webアクセシビリティ・ファースト」。