Part of making sure your website is accessible is making sure that someone can understand your website no matter what they've set their default language to — even if you aren't specifically creating content in different languages.

- Blog version here: https://overnightwebsite.com/internationalization-is-accessibility/

Knowing what tools to use can be a major step forward in making sure your site is accessible. These tools aren't going to pick up everything, and nothing can replace a human reviewing your site, but catching some of the quick wins and easier fixes now will help you catch some repeating accessibility issues and keep from making the same mistakes. (This is the audio from a YouTube video series.)

All links can be found in the blog post and/or YouTube videos.
- Blog post: https://overnightwebsite.com/accessibility-testing-tools/
- YouTube playlist: https://www.youtube.com/playlist?list=PLLDyPOEjPeDmnearYAQLu5naBRzf-e49B

Not every external link needs to be opened in a new tab. Forcing a link to open in a new tab takes the choice away from your visitor.

I can open a link in a new tab a few different ways if I want to — I can’t force a link to open in the same tab if you’ve told the link to do the opposite. Forcing links to open in a new tab goes against expectations, and it takes away my choice.

Links:

- Blog post: https://overnightwebsite.com/opening-links-in-a-new-tab/

- Accessibility New Window Warnings plugin: https://wordpress.org/plugins/accessibility-new-window-warnings/

- The Admin Bar's accessibility weekly series: https://theadminbar.com/accessibility-weekly/opening-links-in-new-tabs-or-not/

Disabled people create content for the web. They have jobs that require them to use certain programs or work in a department that has a specific set of tools or workflows. Disabled people are even developers.

When you include accessibility in your web content tools, you're enabling everyone to create their own websites, to do their jobs, to share their knowledge, and to participate in online communities.

Read the blog post version or watch the video.

Accordions are a great way to organize certain types of content so that your visitors can find what they need quickly. But how do you make them accessible? And how do you make it easy to update in the block editor? Let's put together a solid starting point for creating an accessible accordion that you can use anywhere.

This is the audio from a recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown.

- Code Link: https://github.com/queerdevperson/ow-accordion

- Example: https://overnightwebsite.com/faq/

When you add images to your site, you should also add some text for screen readers which then reads out that text. But does every image really need alt text or can it be left empty? What about decorative images? How can you tell when an image is actually decorative?

Watch the video version: https://youtu.be/oitlyS7GbZc

After spending time building a large site with Elementor, I started to notice the issues I was having seemed to fall into similar categories of complaints that people have about the block editor and the new WordPress site editor.

So I outlined the categories that these major issues fall into, so it’s easier to figure out what parts are important to you and what parts you can compromise on. And hopefully contribute to a more productive discussion around WordPress core and the various site building options.

Watch the video version: https://youtu.be/kHqOqhST_Eg

There are so many options out there for building a website. All of the platforms have pros and cons, they all have situations that they're best suited for. But how do you choose? What are the biggest things to consider, and what will cause the biggest issues in the future?

This was originally recorded as a video, which you can watch on YouTube: https://youtu.be/60TmtFBXY7M

A new auto scrolling method revealed itself not even 2 days after I did the first video on avoiding marquee animation, and I felt compelled to make it clear that all the situations require the same thought process.

This is the audio from a recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown. The video does include animations that may be triggering to some.

The spacer block's existence brings up some big feelings and strong opinions. I was one of those people criticizing the spacer block. Empty divs? Really? I was not a fan. Learn about this little troublemaker, if and when to use it, and how to make it better.

This is the audio from a recorded video, which means there are a few references to what I'm showing on the screen, which is described as it's being shown.