Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: accessibility

Accessible Memes Can Be Done

By now most of you have seen that four panel American Chopper meme. For those who cannot see, it whisked across Twitter as yet another undescribed image in a sea of inaccessible memes. Heck, for those of us whose data plan crapped out, it was just a missing block in…

Posted:

Tags: accessibility, usability, UX

Slides: Mind Your Lang at London Web Standards

Tonight I had the pleasure of returning to London Web Standards to speak (I was there last April). I presented a deep dive into the lang attribute, a topic for which developers have been begging for a deep dive. Or not. Anyway, the slides as promised (or view the slides…

Posted:

Tags: accessibility, html, slides, speaking, standards

Slides: Inclusive Usability Testing — WordCamp London

I came back to London to speak at WordCamp London, and as before it did not disappoint (I spoke last year). The crowd is great, the WordPress core folks who put up with me are gracious, and the accommodations from the organizers are ace. If the embed is wonky or…

Posted:

Tags: accessibility, slides, speaking, usability, UX

Does My Site Deserve Recognition?

If you have spent time reading my stuff, you may know that I get wound up when web sites that are demonstrably bad for users get recognition from pundits, awards sites, web dev outlets, industry shows, the media in general, or anyone really. I am not the only one to…

Posted:

Tags: accessibility, standards, usability, UX

Tables, JSON, CSS, ARIA, RWD, TLAs…

Yeah. Another one. Let’s recap: In 2012 I asked that we get back to using HTML tables for tabular data in my post It’s OK to Use Tables, In November I argued that we need to avoid ARIA grid patterns for tables in Hey, It’s Still OK to Use Tables,…

Posted:

Tags: accessibility, html, JavaScript, mobile, usability, UX, WCAG

SVG Filtering for Windows High Contrast Mode

Two nearly back-to-back tweets this weekend reminded me that you can use CSS filters to mess with the colors of SVGs: Solved With CSS! Colorizing SVG Backgrounds at CSS-Tricks (tweet from Chris Coyier); Filter at MDN Web Docs (tweet from MDN). Generally this technique is not something you would consider…

Posted:

Tags: accessibility, css, Edge

CSUN 2018: Everything I Know About Accessibility I Learned from Stack Overflow

I would like to note that my audience was so riled up from my talk, that two guys flipped a table. It was awesome. Or view the slides on Slide Share. Related Links Stack Overflow Developer Survey Results 2018 — Disability Status Bookmarklet to add link underlines to Stack Overflow…

Posted:

Tags: accessibility, css, html, slides, speaking

Tables, CSS Display Properties, and ARIA

This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses. Responsive Table with Semantics Retained by ARIA The Tweet What You Can…

Posted:

Tags: accessibility, ARIA, css, html, standards, usability, UX

GitHub Contributions Chart

Perhaps a testament to how little I might value GitHub contributions. GitHub profile pages are, to many, the de facto place to quickly judge the value of a developer. The contributions chart is an at-a-glance visual indicator of that value. I disagree completely with the notion of the chart (or…

Posted:

Tags: accessibility, css, html, mobile, standards, usability, UX

Improving Your Tweet Accessibility

Twitter persists. Even if you have moved to Mastodon, Twitter will persist. As such, we need to continue to ensure it is accessible to all users. This post gathers some tips you can and should use. Image Alternative Text The last few days have seen more and more folks who…

Posted:

Tags: accessibility, social media, Twitter, usability, UX

Tweaking Text Level Styles

This post is building on the post Short note on making your mark (more accessible) by Steve Faulkner at the Paciello Group blog. In that post, Steve answers a very specific question about the <mark> and making it more accessible for screen readers. I saw some follow-up questions on the…

Posted:

Tags: accessibility, css, html, standards, usability, UX

Web Development Advent Calendars for 2017

The chocolate tasted like sugared wax. Yet it was still less offensive than the typeface. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. I expect you will recognize some of these from prior years. I…

Posted:

Tags: accessibility, css, design, html, internet, standards, UX

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.