Hiya!

I'm a writer and accessibility nerd, among other things.

Heads-up: I've learned a lot about web design and accessibility since I created this site, which has inspired me to redesign my personal website/blog. You can view my new site in development at www.camcoulter.com.

I work as a training specialist for a disability services organization. I write about science fiction and fantasy for Skiffy and Fanty and blog about social justice, simple living, community, and spirituality at The Ruined Report. I also blog here, usually about books or accessibility.

You can also find me on Twitter and on the fediverse, although I'm really much more of a “blogs and emails” sort of person.

Thanks for stopping by!

Blog

Accessibility Adventures: November 2021

November 11, 2021 accessibility

A tufted titmouse spreads its wings to start flying on a sunny winter afternoon.

My last Accessibility Adventures blog post was just over a year ago now: “Accessibility Adventures: October 2020,” and I’m happy to jump back into this column now. I’m hoping to write these a little more frequently and keep the posts a little shorter.

Accessibility Adventures is my roundup of things I’ve come across in the realm of accessibility. These posts are my way to signal-boost cool stuff, to leave notes for my future self, and to reflect on and engage with things I come across.

Contents

  1. Accessible Birding
  2. Accessible Podcasts
  3. Love Letter to HTML & CSS
  4. Description Lists (Featuring Dungeons & Dragons)
  5. HTML Essential Training with Jen Simmons
  6. Personalization & Accessibility
  7. Sheri Byrne-Haber
  8. Jennison Asuncion
  9. (Virtual) Braille Keyboards
  10. People Who Are Blind Play Video Games
  11. Black ASL
  12. Hocus :Focus (Keyboard Accessibility Horror Game)
  13. HTMHell
  14. Integrated Described Video
  15. Producing Audio Descriptions (With Text-to-Speech)
  16. Thinking More Deeply About Color & Contrast
  17. Accessibility Internet Rally

Accessible Birding

Accessible birding is a thing!

Bay Nature has a good article about this: “Accessible Birding for Every Body” by Chris Okon. www.birdability.org is also a good resource.

Accessible Podcasts

I love podcasts. Don’t you? Are you thinking about creating one? If you do, remember to make it accessible! Here’s a great resource for that. Nic Steenhout and Eric Eggert created a cool website all about podcast accessibility.

Love Letter to HTML & CSS

I enjoyed Ashley Kolodziej’s love letter to HTML and CSS on CSS Tricks. A lot of what Kolodziej says in this post resonates with me. I know the fundamentals of programming, and I enjoy programming, but markup languages are my true love: HTML, Markdown, Asciidoc, even DocBook.

Description Lists (Featuring Dungeons & Dragons)

Ben Myers has a great post — “On the <dl>” — about description lists in HTML, which don’t get the appreciation or use they deserve. I’ve tended to think of those as ways to represent simple descriptions or definitions, but Myers points out that the <dl> element is a good tool for name-value pairs, which actually have lots of potential uses. My favorite part of this post is that it incorporates Dungeons & Dragons: Myers writes HTML code for a monster stat block, and uses five <dl> elements in the process.

HTML Essential Training with Jen Simmons

Jen Simmons is great. I love and recommend her YouTube channel Layout Land. I recently saw that she has a course on LinkedIn Learning: HTML Essential Training. I watched it, I enjoyed it, and I recommend it! There wasn’t a ton in there that was new to me, but it always helps to review and solidify the fundamentals, and I appreciated the way she framed and explained the core concepts and integrated accessibility concerns into the course.

Personalization & Accessibility

Personalization is an upcoming frontier in accessibility and inclusive design. Ted Drake wrote a good post about this on Medium: “Personalization and Inclusive Design,” and I saw Carie Fisher give a great presentation about this at an A11yBay meetup: “The Future of Accessibility is Choice.”

I don’t believe either Fisher or Drake mentioned RSS feeds, but both Fisher and Drake got me thinking about those. RSS feeds are great for many reasons, but one big reason I love them is customization. I use NewsFlash to read RSS feeds. In NewsFlash, I can control which feeds I follow, how they are organized, and how each post is presented. I can choose between different color themes and change the font family and size. RSS feeds are great, and they can be great for accessibility. I think more people should use them, and I wish more websites supported them more robustly.

Sheri Byrne-Haber

Sheri Byrne-Haber is a wonderful accessibility blogger. She recently wrote a handbook about accessibility: Giving a damn about accessibility: A candid and practical handbook for designers. Check it out! She also wrote an interesting blog post about the handbook: “Why I wrote ‘Giving a Damn About Accessibility’ and why you should read it.”

Relatedly, I enjoyed Sheri Byrne-Haber’s post “Radical Candor about Accessibility Day-to-day Job Responsibilities.”

Jennison Asuncion

I enjoyed this conversation with Jennison Asuncion on Diamond’s blog. Jennison helps organize Accessibility Camp Bay Area and the A11yBay Meetups that I have started attending, and he also co-founded Global Accessibility Awareness Day (GAAD).

(Virtual) Braille Keyboards

At Accessibility Camp Bay Area in May, I attended Brian Kemler’s talk about the TalkBack screen reader for Android. I learned that braille keyboards are a thing, and that Android phones now have a virtual braille keyboard. Very cool!

Here are two other videos about typing in braille that I enjoyed and which helped enlighten me:

People Who Are Blind Play Video Games

Imaginary Worlds is a wonderful SFF podcast, which recently released “Episode 181: Playing Blind,” an episode about blind people who play video games and about designing accessible video games. I enjoyed it and recommend it!

Black ASL

I knew there were different sign languages, such as American Sign Language (ASL) and British Sign Language, but I didn’t know that there are different dialects of ASL, such as Black ASL, until I encountered this post from 3Play Media: “Celebrating Black History Month: Deaf Culture and Black ASL.” Now that I think about it, it makes sense that Black ASL would be a thing, but it also makes sense that dominant culture would marginalize it and that I wouldn’t necessarily learn about it. So this is me signal boosting it!

Hocus :Focus (Keyboard Accessibility Horror Game)

I really enjoyed Hocus :Focus, a Halloween-themed keyboard accessibility horror game by Rémi Parmentier. It’s cute, fun, and educational.

HTMHell

I recently discovered the HTMHell website — and I love it! It’s a website by Manuel Matuzović that collects and dissects bad practices in HTML copied from real websites. In addition to surveying the wrong ways to write HTML, the site also collects best practices, tips, and tricks. Check it out! In particular, I’ll recommend this post about using landmarks in HTML.

On the topic of bad code and how you make it better, I enjoyed this post by Scott O’Hara, which looks at good markup and accessible forms: “Redundantly Redundant a11y Accessibility .”

Integrated Described Video

Audio descriptions are cool, but so is Integrated Described Video (IDV). It’s a way of creating videos that naturally integrates description into the “regular” audio track, so that a secondary audio description track isn’t necessary. It’s an approach to audio descriptions inspired by universal design.

AMI created a series of videos aimed at video creators which explain what IDV is and how to do it: Integrated Described Video Creator Series. These videos are funny and engaging and also quite informative and eye-opening. It made me realize we should probably have many more videos with integrated descriptions.

Producing Audio Descriptions (With Text-to-Speech)

When you’re creating a video, try to integrate descriptions into it, or at the very least plan for and create a separate audio description track during your video production process. But what if it’s too late?

It can be a pain to create audio descriptions after the fact. You need to write them, record them, and edit them into one file that aligns with the video track. Now, if you have experience recording audio descriptions, and if you can recommend a simple way to make them, please let me know! I’m curious about that.

That said, did you know that you can write audio descriptions in a WebVTT file? WebVTT files are typically used for captions and subtitles, but if you’re using Able Player you can use a WebVTT file for audio description, and Able Player will read those descriptions using text-to-speech as you watch the video. There’s even the option to pause the video when description starts, which could perhaps allow you to write extended audio descriptions. Here’s an example: Able Player with audio description via VTT track.

This is super cool! Look, I know it’s not as great as integrated descriptions or a human-voiced secondary track. But it’s awesome that this is a possibility. This approach makes it relatively easy to create both standard and extended audio description, and it can be especially helpful in remediating inaccessible videos. (Slight disclaimer: Users can select an option to automatically pause the video when description starts, but I’m not sure developers can set that as the default behavior.) Thanks to Sumner Davenport for putting this Able Player functionality on my radar.

Now, theoretically, you shouldn’t need Able Player to do this. I believe you should be able to use kind="descriptions" in the track element, and the default video player in browsers should support this functionality. (That is, it’s in the HTML standard for the track element.) but as far as I’m aware, no browsers support this functionality out-of-the-box. For more on the track element, check out “Issue #17 - the track element” over at HTMHell.

Thinking More Deeply About Color & Contrast

I really enjoyed Erik Kroes’s post about colors: “Color and contrast, what does it mean?.” Color is one of those things that seems simple, but every now and then I think more deeply about it, and it’s actually just so incredibly layered and complicated. In the accessibility world, I feel like I’ve come across a lot of writing about WCAG’s color contrast requirements and “don’t use color alone to convey meaning,” but I haven’t seen as much about how color contrast is measured or its implications for color palettes. This post does just that, and I recommend it!

On the topic of color, have you encountered the contrast triangle before? Basically, if you don’t underline your links, you need to ensure that your links have sufficient color contrast between your body text so that users can identify them as distinct. However, your link text and body text both need to have sufficient color contrast with your background color so that users can easily read them both. This puts you into a careful balancing act that can really constrain your color choices. For more on this, see Chip Cullen’s post “The Contrast Triangle” and the accompanying contrast triangle checker tool.

Additionally, on the topic of color, I enjoyed these two posts by Lea Verou:

Accessibility Internet Rally

One last thing: I recently finished participating in Knowbility’s Accessibility Internet Rally (AIR) program. AIR is a friendly competition where web developer teams create accessible websites for nonprofit organizations (NPOs). Knowbility provides accessibility training for both developers and NPOs, and developer teams are paired with mentors who provide coaching and guidance.

My team designed and developed an accessible WordPress site for our NPO. I served as our team lead, scheduling meetings, taking notes, and managing our to-dos.

AIR was a terrific experience, and if you’re interested in making accessible websites, I highly recommend it!

I learned a lot. I learned about accessibility of course, but it turned out that I already knew the fundamentals pretty well. I learned more about development and testing. I’m familiar with WordPress as a user, but this was my first time approaching WordPress as a developer. We created a child theme for our site, and it was … frustrating, honestly, but also a great learning experience. I also learned a lot about accessibility and usability testing. I learned what bookmarklets are, and I used axe DevTools for my first time. We also had the great fortune to conduct usability testing through Knowbility’s AccessWorks program, which paired us with a tester with disabilities.


CPACC Results

September 29, 2021 accessibility

Universal access icon: a stick figure with a circle around them.

I recently received word from the International Association of Accessibility Professionals (IAAP) that I am now a Certified Professional in Accessibility Core Compentencies (CPACC). Yay! You can now find my name on IAAP’s list of CPACC certificants.

The certification exam has three domains: (1) Disabilities, Challenges, & Assistive Technologies; (2) Accessibility and Universal Design; and (3) Declarations, Standards, Laws, and Management Strategies. According to IAAP, I scored “above standard” in all three domains. Yay!

I feel happy, relieved, and grateful. See my last post, CPACC Reflection, for more of my thoughts on the exam itself, on preparing for it, and on my next steps.


CPACC Reflection

July 21, 2021 accessibility

Universal access icon: a stick figure with a circle around them.

This past Saturday, I took the CPACC exam.

How did my test go?

I think I did well! It is a one-hundred question test, and there were only eight questions that I felt uncertain about. I had time to return to those questions and think them over more carefully, and when I eventually submitted my exam, I felt reasonably confident with my answers to those questions. I will have to wait until sometime in September to hear the official results.

How did my test prep go?

Deque’s CPACC preparation course was really helpful, as was Princeton University’s CPACC preparation course. I think Deque’s course had better written content and a cleaner user interface, but I appreciated the Princeton course more for it’s example questions, both the short knowledge checks integrated throughout the course as well as the practice exam at the end. I can’t imagine preparing for the exam without those two resources. The CPACC Body of Knowledge was also quite helpful, both the text of it as well as its linked resources.

I think study-blogging was the most helpful thing I did to prepare for the exam. As I wrote all these blog posts, I had to articulate the concepts in my own words, and that forced me to really understand it all — to find context, to disambiguate, to internalize, and to fill in my knowledge gaps. Many thanks to Amy Carney and her 100 Days of A11y blog for giving me the inspiration to do this study-blogging myself!

How do I feel about it?

I feel good about it! I’m glad that I went through this process. Studying for the certification exam helped to solidify my knowledge of accessibility and fill in some knowledge gaps. It helped me to learn my “known unknowns” and “unknown unknowns,” so to speak. I feel much more confident in this subject matter now, and I’m looking forward to having the certification to back me up.

I’m also a bit relieved. I’ve put quite a bit of work and focus into preparing for this certification exam. I’m happy to be done with that, and I’m excited to move on to what’s next.

What’s next?

Web accessibility! I want IAAP’s Web Accessibility Specialist (WAS) certification. It will take a while before I’ll be ready to test for the certification, but I am eager to move on to learning more about — and practicing — web accessibility.

I’ve submitted the registration form for Knowbility’s Accessibility Internet Rally (AIR), which looks to be a great way to learn more about web accessibility and get more practice with it.

I’ve already completed the Responsive Web Design certification from FreeCodeCamp, which helped give me a solid foundation with HTML and CSS. Thus far, I’ve never really dived into JavaScript, so I figure it’s time I learn the fundamentals of the web’s programming language. To that end, I plan to start tackling FreeCodeCamp’s JavaScript Algorithms and Data Structures course next month.

Beyond that, I have my eye on some books, Deque University’s web accessibility courses, and a number of web design projects. This blog is currently built on Jekyll and Bootstrap. While I’m quite happy with Jekyll, I want to redesign this site from the ground up without Bootstrap or other frameworks, instead using only “pure” CSS. (Flexbox and Grid, I’m looking at you.)