Easy A11y Guide (@easya11yguide) 's Twitter Profile
Easy A11y Guide

@easya11yguide

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

ID: 1722395168949600256

linkhttp://easya11yguide.com/ calendar_today08-11-2023 23:26:49

162 Tweet

96 Takipçi

474 Takip Edilen

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

Does your website text resize well or poorly? Find out with this easy to follow tutorial. easya11yguide.com/tips/how-to-te…

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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. easya11yguide.com/reviews/delega…

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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. easya11yguide.com/tips/check-fix… easya11yguide.com/tips/check-fix…

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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. easya11yguide.com/tips/make-menu… easya11yguide.com/tips/make-menu…

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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) 's Twitter Profile Photo

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) 's Twitter Profile Photo

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"! easya11yguide.com/font-examples/ easya11yguide.com/font-examples/

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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.

Atarim (@atarim_io) 's Twitter Profile Photo

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) 's Twitter Profile Photo

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

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
Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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

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) 's Twitter Profile Photo

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

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) 's Twitter Profile Photo

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.

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) 's Twitter Profile Photo

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

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) 's Twitter Profile Photo

“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) 's Twitter Profile Photo

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

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) 's Twitter Profile Photo

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. academy.solidwp.com/event/recipe-f…

Easy A11y Guide (@easya11yguide) 's Twitter Profile Photo

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 academy.solidwp.com/event/recipe-f…