Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: accessibility

Lessons from Gutenberg

When Rian Rietveld resigned from the WordPress accessibility team on October 9, I decided to track the fallout in an ongoing Twitter thread. The subsequent weeks and days proved to be wonderful insight into how a project can suffer when accessibility is not built in from the start. When subject…

Posted:

Tags: accessibility, standards

Toggling Animations On and Off, a Variation

In the post Toggling Animations On and Off Kirupa Chinnathambi does a great job of outlining the value in giving users a choice over seeing animations. Part of that is by honoring preferences users have already made in their operating systems to reduce the amount of animation they see. I…

Posted:

Tags: accessibility, css, usability, UX

Web Development Advent Calendars for 2018

Web developers around the world have celebrated Saturnalia solstice Isaac Newton’s birthday Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below. Every year I miss a few on day one, so add a comment or tweet me if you have…

Posted:

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

Conferences, Speakers: Please Caption Your Videos

Over the last few years more and more conferences have started to provide live captions during talks. This is awesome and inclusive and great for the olds like me. It excites me so much that I even sponsored the live captions at a conference a couple months ago. While I…

Posted:

Tags: accessibility, rant, standards, usability, UX, video

Selfish Accessibility — Harbour Front HK

The slides from my talk at Harbour Front Hong Kong follow. If you cannot view the embed, visit them directly at SlideShare. Embedded Videos There were two videos in my talk. They will not play in the SlideShare embed, so I stuffed them below. Slide 53 The video demonstrates how…

Posted:

Tags: accessibility, slides, standards

Hack on MDN

Glenda Sims, Estelle Weyl, Janet Swisher, and I holding letter chairs from Alphabet, part of the Shoreditch Design Triangle. We tried to form them into the #HackOnMDN hashtag for the event, but had to get a bit punny since there weren’t enough of each letter we needed. Photo by Dan…

Posted:

Tags: accessibility, standards

Selfish Accessibility at CodeDaze

The slides from my talk at CodeDaze follow. If you cannot view the embed, visit them directly at SlideShare. Embedded Videos There were two videos in my talk. They will not play in the SlideShare embed, so I stuffed them below. Slide 56 The video demonstrates how a screen reader…

Posted:

Tags: accessibility, slides, standards, usability, UX

Variable Fonts and Dyslexia

Dyslexia is not a black or white, on or off condition. Some with dyslexia report different challenges than others, ranging from typefaces to page layout to other factors. A few years ago I wrote Typefaces for Dyslexia, where I gathered some research suggesting that dedicated typefaces, on the whole, do…

Posted:

Tags: accessibility, browser, fonts, standards, usability, UX

Demand Refunds for Invalid HTML in Courses

It is easier than ever to follow web standards and be confident that, for the most part, modern browsers will render it the same. Accessibility standards are enshrined in law the world over, making standards-based semantic and structural mark-up the safest and easiest path. If you do HTML correctly then…

Posted:

Tags: accessibility, css, html, rant, standards

On Gutenberg, for My Clients

TL;DR: When WordPress 5.0 is released, let’s keep the current editor on your site instead of allowing the new editor, Gutenberg, to replace it. Level Setting Some of you are familiar with WordPress beyond a platform that powers your site — you follow along with its changes and its direction.…

Posted:

Tags: accessibility, usability, UX, WordPress

Prototyping Accessibility — WordCamp Europe 2018

WordCamp Europe has wrapped up in Belgrade. I presented a (not quite) three hour workshop on accessibility, specifically designed to be computer-free. I may have re-used a few slides from my presentation at last year’s WordCamp, but overall this is new material with some WCAG 2.1 references thrown in for…

Posted:

Tags: accessibility, ARIA, css, html, slides, standards, WAI, WCAG

CodePen HTML Buddies Challenge

CodePen created an interesting challenge for May, asking users to come up with styles and ideas for HTML elements that typically come in pairs. It has called this series HTML Buddies and ran a different challenge each week in May for different paired elements. I participated by calling out accessibility…

Posted:

Tags: accessibility, css, html, JavaScript

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.