CSS Lists, Markers, And Counters

There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters.   Lists in CSS have particular properties which give us the standard list styling we expect.

WICG/focus-visible: Polyfill for `:focus-visible`

Based on the proposed CSS :focus-visible pseudo-selector, this prototype adds a focus-visible class to the focused element, in situations in which the :focus-visible pseudo-selector should match. … Curated by (Lifekludger) Read full article at Source: GitHub – WICG/focus-visible: Polyfill for `:focus-visible`

Accessibility Through Semantic HTML ◆ 24 ways

Working on Better, a tracker blocker, I spend an awful lot of my time with my nose in other people’s page sources. I’m mostly there looking for harmful tracking scripts, but often notice the HTML on some of the world’s most popular sites is in a sad state of neglect. What does neglected HTML look like?

An Introduction to the Reduced Motion Media Query | CSS-Tricks

The open web’s success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming content, installing extensions, enabling high contrast display, loading custom stylesheets, or disabling JavaScript. Sites all too often inundate their audiences with automatically playing, battery-draining, resource-hogging animations. The need for people being able to

ARIA Labels and Relationships | Web | Google Developers

Labels ARIA provides several mechanisms for adding labels and descriptions to elements. In fact, ARIA is the only way to add accessible help or description text. Let’s look at the properties ARIA uses to create accessible labels. aria-label aria-label allows us to specify a string to be used as the accessible label. This overrides any other

Web Accessibility Lessons from Blind and Low Vision Users — Medium

Approximately 10% of US citizens are blind or have some degree of vision loss. At TransitScreen we are exploring ways to make our digital signage more accessible to blind and low vision (BLV) users. Our work on this project has just begun, but we already learned some important lessons that we wanted to share. Good

Accessibility for UX: Don’t Worry, It’s Much Worse Than You Think

Elle Waters discusses UX and accessibility, providing guidelines for web content accessibility and assistive technologies along with five techniques to be used in daily work. [Video and Slides] … curated by (Lifekludger) Read full article at Source: Accessibility for UX: Don’t Worry, It’s Much Worse Than You Think

Getting started with ARIA – The Accessibility Project

ARIA (Assistive Rich Internet Applications), is a spec from the W3C and created to improve accessibility of applications by providing extra information to screen readers via HTML attributes. Out of the box, screen readers work with regular HTML, but adding ARIA can provide screen reader users with more context and greater interactivity with content. ARIA