Posts tagged with “keyboard”

2025

How to Create an Accessible Table with Clickable Rows

Posted on

A woman touches the screen of a smartphone with her index finger.

Extend the reach of your buttons to support keyboard and screen reader users.

Read More

2024

Support different color themes with a two-color focus indicator

Posted on

Closeup of a person's hands typing on a laptop keyboard.

Create an accessible, universal focus indicator that works in light and dark mode.

Read More

2023

Make your content pop with the Popover API and CSS Anchor Positioning

Posted on

A skateboarder in mid air jump.

Building accessible menus, tooltips, and date pickers has never been this easy.

Read More

Use the inert attribute to prevent unintended user interaction

Posted on

Sloth hanging on tree branch.

An easy and elegant way to improve accessibility and the user experience.

Read More

Create an Accessible News Carousel as an Angular Standalone Component

Posted on

A carousel at night with bright lights. Figures of a horse and tiger are visible.

Using Angular, ARIA attributes and some powerful CSS, we create an accessible, responsive web carousel.

Read More

2022

3 Ways how Web Developers also benefit from Accessibility

Posted on

A web developer sitting at her desk, facing three monitors. Lines of code are visible on a monitor.

Semantic HTML is easy to read and maintain, keyboard operable by default, and works well with CSS.

Read More

Building Accessible Toggle Buttons in React

Posted on

A guy standing behind a DJ desk with many buttons and knobs.

Using the button element together with the switch role creates an accessible experience.

Read More

Why you should use the Native Dialog Element

Posted on

Two white speech bubbles on a pink background.

The dialog element is easy to use and accessible by default, apart from some minor issues.

Read More

Provide highly visible Keyboard Focus with :focus-visible

Posted on

Closeup of a person's hands typing on a laptop keyboard.

Fancy design or accessibility? The :focus-visible pseudo-class enables you to support keyboard-only users and satisfy clients.

Read More

First Steps towards more Accessibility

Posted on

A woman in a wheelchair. She balances a laptop on her knees.

Improve the accessibility of your website or app with high color contrast, semantic markup and captions.

Read More