Accessibility

CSS Checkboxes and (More) Accessible Drop-downs

Here's a pure CSS solution to the challenge of styling input check-boxes. The check-boxes also act as a trigger for displaying hidden content via the :checked psuedo-class. You might use this mechanism as a means for putting together drop-downs and accordion-menus, although the technique is most applicable to HTML forms. You'll find some 508/WCAG considerations here to make this UI as accessibility compliant as possible.

Accessibility Disclaimer

I'm not an accessibility auditor, so don't take it for granted that what you find here is fully 508/WCAG compliant. I leave these kinds of determinations to proper auditors. Nonetheless, standards compliance is an issue I take seriously, and I've made every attempt to keep this code as accessible as possible. Use at your own risk. If accessibility isn't a thing for you, be damned with the consequences and have at it!

Adding a Custom Block to Drupal 8's Fluid UI Module

The Fluid UI module for Drupal 8 is a great way to improve the accessibility and 508/ADA compliance of a website. The one problem I have with the module is that it renders it's "accessibility block" outside of Drupal's block system via hook_page_top(). What if you wanted to treat the block like any other? What if you wanted to assign it to one of Drupal's block zones?

Full disclosure -- I'm not a PHP developer. In all honesty, I am a front end dev who works mostly in SASS/CSS with the occasional foray into JavaScript and jQuery. So, I'll admit to starting this project with my feet firmly planted into the deep end of the PHP pool; I'm not really tall enough to keep my head above water. PHP, for me, is less about swimming and more about not drowning. At the same time, any chance to dig into the guts of Drupal and get my hands dirty with code is generally something I welcome.

firstByte()