July 2016 Handout: Accessibility Resources

The good news about web accessibility is that there are a lot of resources out there for developers who want to build accessible websites. Here are a few of the ones I’ve bookmarked.

These are not the result of a comprehensive search, which I’m sure would turn up many more resources, but rather articles I have come across in my regular WordPress and web development reading.

WordPress Accessibility Handbook

Rian Rietveld’s State of Accessibility Presentation from WordCamp Europe

Elise Roy’s TED Talk: When We Design for Accessibility, We All Benefit

Web Accessibility Basics from Marco Zehe

Free Web Accessibility Course from Udacity

WordPress.org Accessibility Support Forum

WordPress > Support > Accessibility

The A11y Project

ChromeLens

Tota11y Accessibility Visualization Kit

WAVE Web Accessibility Evaluation Tool

Enter your URL to check the accessibility of your website.

Yoast’s Must-Read Accessibility Posts (A11y and SEO)

Carrie Dils: An Intro to Accessible WordPress Themes

7 Things Every Designer Needs to Know about Accessibility

Article on Medium by Jesse Hausler from Salesforce. Doesn’t want to do the content card thing.

Color Safe WCAG Palette Generator

Presentation by Michael Beil: How do I know if my web project is accessible?

More WordCamp Accessibility Videos

tuts+ Accessibility Learning Guide

How to Make Your Website More Accessible (WPMU DEV)

PageGauge: Quickly Assess Your Website’s Usability

www.pagegauge.io www.pagegauge.io

How to Create More Accessible Content

WP Accessibility Plugin

San Francisco WordPress Meetup to Host Joost deValk on July 27th

Beyond SEO: Copywriting for Professionals with Yoast

Wednesday, Jul 27, 2016, 7:00 PM

Pantheon
717 California Street San Francisco, CA

94 WordPress Enthusiasts Attending

SEO has gone from a technical trade to being more marketing focused. Joost & Marieke will talk about how to gain great rankings & satisfied visitors by writing good content. Focusing on SEO copywriting has a major pitfall. We give examples and tips on how to write a post that is both readable as well as SEO-friendly.Presenter: Joost de Valk Joo…

Check out this Meetup →

East Bay WordPress Meetup Contributor Day

Participants in the 2015 East Bay WordPress Contributor Day. Credit: Anca Mosoiu.

You don’t have to be on the core team to contribute to WordPress. There are all kinds of ways to help out: answering questions in the support forum, writing and editing documentation, making translations, helping with accessibility, and more. 

Join us for a special extended session and give back to the WordPress community. We’ll show you how to do it and then get down to work. All you need is a WordPress.org (not .com) login and a laptop.

A2 Hosting is sponsoring pizza and Tech Liminal is sponsoring beer!

Links to Contributor Guides

• Accessibility 

• Core 

• Docs 

• Meta 

• Mobile 

• Polyglot 

• Support 

May 2016 Q & A: Content Audits, 301 Redirects, and Dev Tools

Here are some of the things that came up during our general discussion at the May 2016 Meetup.

What Is a Content Audit?

Sallie mentioned being in the middle of a content audit for a very long site, and someone asked what that was. A content audit is when you review every single piece of content in a site and rate it based on such criteria as

  • Is it current?
  • Is it relevant?
  • Is it on-message?
  • Are there any broken links?
  • What type of content is it? (For example, should this be a press release instead of a blog post?)
  • Does it have a featured image?
  • Does it have an SEO-friendly title?
  • Does it have an SEO-friendly meta description?

On a small site, this can be done in a few hours. You want to do a content audit before building a new site, in order to know what to keep, what to get rid of, how many custom post types you need to create, and what new assets the client needs to provide. You’ll also need that list of URLs so you can set up the redirects.

301 Redirects

When you build a new website for a client–especially one that already has a lot of inbound links and a good Google ranking–you need to set up 301 (moved permanently) redirects from the old URLs to the new URLs. You can also use redirects to make sure that everyone uses www.domain.com instead of domain.com (or the other way around), or https:// instead of http://

Redirects are normally set up in your .htaccess file, but there are also WordPress plugins like Redirection and Quick Page/Post Redirect.

If the old site has structured its content logically with pages and sub-pages, you can use regular expressions (regex) to map groups of URLS, e.g, everything with the structure www.domain.com/company/ should go under www.domain.com/about/.

In some cases that won’t be possible (because not everything that’s under /blog/ on the old site belongs under /blog/ on the new site, for instance), so you end up with a very long list of old and new URLs in that content audit spreadsheet.

In that case, you’re faced with translating your spreadsheet into the proper format to put in your .htaccess file, which could get ugly.

Fortunately, there’s a Batch Rewrite Rule Generator provided by Donat Studios. Paste your spreadsheet columns into the box and get 301s or Rewrite Rules.

Fixing Mixed Content

Once you’ve set up your Let’s Encrypt certificate, you’ll want to install the Really Simple SSL plugin to fixed mixed content issues. (Basically it puts a few lines in your wp-config.php file, which you can do yourself if you prefer.)

Browse with HTTPS

Install the HTTPS Everywhere browser extension from the Electronic Frontier Fonudation to ensure that you get the HTTPS version of every website you visit (if one is available). Works on Chrome, Firefox, and Opera.

Local Dev Environment: AMPPS

Ted was having problems with MAMP, so he switched to using AMPPS. It’s like MAMP with Python and Softaculous included. All those Softaculous apps seem like a lot to include in a package you’re only using for WordPress development, but if you work on multiple platforms, it could be happy.

Local Dev Environment: Vagrant

Daniel was also having trouble with MAMP, so he switched to using Vagrant, a tool for deploying local dev environments. Requires some use of the command line.

Workflow Tool: Yeoman

If you’re already a happy user of the command line, you can save yourself time with Yeoman, though you will have to take some time to use it. If you aren’t working with the command line, figuring this out will probably take you longer than doing things the way you normally do.

Database: MariaDB

Daniel has started using MariaDB combined with PHP 7 for faster, better-performing sites. MariaDB works fine with WordPress without a lot of tinkering. Of course, it’s easier to set up in a local environment or on a dedicated server. If you’re on shared hosting and your host doesn’t provide it, you’re out of luck.

So What’s Wrong with GoDaddy’s Managed WordPress Hosting?

On the plus side, GoDaddy’s Managed WordPress Hosting is a lot better for WordPress than their shared hosting, and it’s competitively priced.

On the minus side, it uses an old version of PHP and there’s no way to upgrade it. There have been issues with staging -> production migration. Some of us find that the WordPress admin is amazingly slow and generally under-resourced: simple things like plugin upgrades can time out, never mind BackupBuddy backups.

The few dollars you save versus SiteGround or A2 are probably not worth it. If you need inexpensive WP hosting you can try Tap, which is $5/month for the pro plan.

Git version control for the complete n00b

Git is a free and open sourcedistributed version control system designed to handle everything from small to very large projects with speed and efficiency.

(Version control, if you’re not familiar with it, is a tool to allow you to revert to an earlier version of your code if you mess something up.)

Adam LaBarge has kindly agreed to walk us through setting up Git for development and teaching it to play nicely with your IDE or text editor.

Cross-platform Git clients you might want to install:

SourceTree

GitHub Desktop

You can also use Git within KomodophpStorm, Coda, Eclipse, and Sublime Text.