Easy A11y Guide

Removing the barriers to getting started with accessibility, so you can start implementing it right away.

[Easy A11y Guide @EasyA11yGuide]

Most people don't know where to get started incorporating accessibility into their processes. In my recipe for accessibility talk I go over actionable steps you can start using to make more accessible websites.

It will be live on Zoom at 2pm US ET, and re
https://t.co/cEv7wqWBix

[Easy A11y Guide @EasyA11yGuide]

Accessibility doesn't mean the project has to take a lot longer or cost a lot more. I'll share my secret steps tomorrow in Recipe for Accessibility!

It will be live on Zoom at 2pm US ET, and replay will be available after.
https://t.co/cEv7wqWBix

[Easy A11y Guide @EasyA11yGuide]

One of the common accessibility questions is how to set up fonts in CSS?

You want to set up your fonts to use rems as sizes, and set them to allow the end user control over how they see the website. Setting font-size on html to 100% allows the browser to set the font size. This

[Easy A11y Guide @EasyA11yGuide]

“If you don’t know where you are going, you’ll end up someplace else.”

Many businesses, govt, & organizations in the US will fall under the new ADA Title II and the HHS rules for WCAG 2.1 level AA.

That's the goal by Summer 2026 for many. But how on earth do you get there?

Yo

[Easy A11y Guide @EasyA11yGuide]

A good focus state for your links can be a challenge. Blue with white works great, right until your client wants a blue background with a white outline for a button to start with. Dashed border to your rescue. Dashed helps your focus show up all the time, even when clients have c

[Easy A11y Guide @EasyA11yGuide]

For mental health awareness day, we went to the national park!

Here's a photo of Zora (our german shepherd dog) and I at one of the vistas. And I'm wearing the #WPA11yDay t-shirt! Focus state: it's a feature, not a bug.

[Easy A11y Guide @EasyA11yGuide]

Adding underline offset to your link text can make it a lot easier to read. And prevent the underline from being broken up.

text-underline-offset: 4px

Yesterday at WP Accessibility Day I talked about CSS Tiny Tips! If you missed it, you can still grab the slides & links at

[Easy A11y Guide @EasyA11yGuide]

A small CSS change can make your text easier to read. It's letter-spacing and a little goes a long way. Take a look at the following font samples. Almost everyone prefers the sample on the right with letter-spacing set.

letter-spacing: 0.2px;

Join me today for CSS Tiny Tips at

[Easy A11y Guide @EasyA11yGuide]

Did you know in CSS you can use color spaces to create complementary colors? You can take your existing color and shift the hue for great complementary colors.

hsl(from #0000ff calc(h + 30) s l)

This and more CSS Tiny Tips tomorrow at WP Accessibility Day 2024!

#WPA11yDay #WP

[Atarim @atarim_io]

New in the Atarim Inbox. 🤘 🔥 Our new dropdown component lets you switch between projects effortlessly, making it a breeze to manage inbox content for each one.

PLUS, we've added a 🔍 search bar so you can instantly find the project you need without the hassle.

[Easy A11y Guide @EasyA11yGuide]

Today is Color Blind Awareness Day!

This is sometimes called a "male problem" since men are much more likely to be color blind than women. It runs about 8% of men, slightly more for caucasian men. Some women are color blind, it's about 1 in 200.

[Easy A11y Guide @EasyA11yGuide]

I've updated the font examples page to now include "atkinson hyperlegible", "inclusive sans", and "sen" from Google fonts. Give it a look for your web project when you're in the rut of "which font do I pick"!
https://t.co/5hZSvDCR8c
https://t.co/5hZSvDCR8c

[Easy A11y Guide @EasyA11yGuide]

FYI: If the text on the page is "link blue", then for 30 years I've been clicking on it. And if I click on that text and nothing happens, then you have failed to meet my expectations.

Only use "link blue" when it's actually a link.

Meeting user expectations is important.

[Easy A11y Guide @EasyA11yGuide]

The easier it is for people to fill out your forms, the more likely they are to do it.

Easy to read labels, autocomplete, clear required label, and visible borders all help your visitors!

[Easy A11y Guide @EasyA11yGuide]

A lot of website's menus aren't accessible. Is yours? If it isn't, what do you do about it? Here's the guide.
https://t.co/J6k4Zfz7lN
https://t.co/J6k4Zfz7lN

[Easy A11y Guide @EasyA11yGuide]

Need to check the color palette you came up with for accessibility before you go into the design phase? Or need to put together a full palette off the single color the brand gave you? Here's a tutorial.
https://t.co/vEjzyX0S2i
https://t.co/vEjzyX0S2i

[Easy A11y Guide @EasyA11yGuide]

Don't have the time or energy to come up with designs on your own? I don't either. Here's my process for delegating design to a design service and still getting accessible designs out of it.

https://t.co/YepK0TqA7S

[Easy A11y Guide @EasyA11yGuide]

Have challenging brand colors? Need some accents to complement your existing palette?

https://t.co/WcHqbrREN4

[Easy A11y Guide @EasyA11yGuide]

Are you creating inclusive video & audio content? Learn about captions and transcripts.

https://t.co/Ez0TchLtoM

[Easy A11y Guide @EasyA11yGuide]

Does your website text resize well or poorly? Find out with this easy to follow tutorial.

https://t.co/J7HHpqnwIg