Tables

If a content management system already has a WYSIWYG editor like the CK editor, then you will see an ‘add table’ icon. For proper accessibility, you should choose a header row, or header column, or both, depending on your data.

If you are running a WordPress site, you’ll notice the absence of a table button. It’s not functionality you can get in an out-of-the-box installation of WordPress, but there are plugins available.

YearTitleDepartment
2020Social DistancingPandemic
2019Crowded ConcertsCarefree Abandon

I used the TablePress plugin to build the above table.

Accessibility Care Package

colorful stripes

This accessibility care package is a set of trainings and tools that can help with identifying what steps you can take to start creating accessible content from the beginning. Make your native file documents accessible from the start to get PDFs that are better for screen readers. Use checklists before publishing content to ensure your content accessibility.

I’m creating a presentation about accessibility that fills a gap I noticed in the current training patterns around digital accessibility. For the past five years, I would attend conference sessions, presentations, and online trainings about accessibility but very few presenters were showing the audience what it is like to experience content through assistive technologies. I’ve got a recorded interview lined up for my presentation so that my audience can hear screen readers announce content. As a followup to my presentation, I’m creating this accessibility care package for people new to accessibility.

Introductory

W3C Web Accessibility intro video.

WebAim’s WCAG 2.1 checklist 

W3C’s WCAG At a Glance

Tools

Use the WAVE (Firefox or Chrome Extension) toolbar to run a check for website errors on a page by page basis.

Test your text color values for color contrast ratios. It gives you a simple pass or fail for different text sizes. This applies to printed documents, too.

Site Improve’s free toolkit. Site Improve offers a paid software, but they also have these free checker tools such as a Chrome extension and a color contrast checker.

Training

How to write alt text. There are ways and ways to approach alt text. I don’t have any definitive answers for this, except that you can make it brief. If an image is text heavy, it is better practice to re-describe it in the body copy, or use a screen reader only class to type out the content just for screen readers.

Site Improve’s Basics of Web Accessibility. I use this product at work because my agency pays for the license. They are an international company so this blog post includes technical standards from other countries.

Section 508.gov Web Training. There are many lessons in here!

MS Word Tutorials

Make your Microsoft Word document accessible. This tutorial from Microsoft offers many instructions for many different platforms.

Customize or create new styles in MS Word. Use your styles pane to designate headings!

Google Docs

Make Your Document or Presentation More Accessible. From Google Docs documentation.

InDesign Tutorials

Add Paragraph Styles: InDesign. When you set up your file with paragraph styles it makes it easier to map styles to tags for your export to PDF.

How to map a Style to a Tag in InDesign. It would be really great if your InDesign section headers and major content headers could have the tags H1, H2, H3. That way, when you export to PDF, the digital version will have semantic markup and the bookmarks should be automatic from document structure.

Creating accessible PDFs from an InDesign file.

Adobe Acrobat

PDFs are not automatically accessible. You need to run a few tools in the full version of Acrobat to get full accessibility. Unfortunately, the free program Reader will not do these things.

Adobe: Accessibility features in Acrobat

Reading order tool

Creating accessible PDFs

Technical Standards

W3C Recommendation for WCAG 2.1 State content and state-funded companies need to comply with WCAG.

Section 508. Federal agency content and federally-funded companies need to comply with section 508 of the Rehabilitation Act.

W3C WAI: Making the web accessible.

Citations

These are sources I used to create my presentation on accessible content.

Beyonce’s website got sued… Entrepreneur

What is Color Blindess? Colblindor

Bringing Assistive Technology to Patrons. American Libraries

Motor Disabilities. WebAIM

Dyslexie Font.com

Plain Language.gov

Constructing a POUR website. WebAIM

CKEditor4 Accessibility Checker Plugin.

WAI-ARIA Overview. W3C

By the way, I did write a term paper about accessibility while earning my bachelor’s degree in technical communication. See my portfolio accessibility page to read it.

Interview with Curtis Chong, full excerpt