Skip to content.
Adrian Roselli
Leveraged Funded System PGP

All Posts Tagged: 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. Hashtags Emoji Unicode Image Alternative Text Embedding Alternative Text in a Tweet Web Interface…

Posted:

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

Tweaking Text Level Styles

It’s a bit of a pain to pepper updates within the sections of the post, so just scroll down to the latest update and work your way back up. Considering how much I charge for this site, I am hoping my readers will accept the extra effort. This post is…

Posted:

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

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

Slides: Inclusive Usability Testing — a11yTOCamp

I have uploaded my slides from a11yTOCamp to SlideShare. If the embed below does not work, visit them directly. There were a lot of great talks yesterday, though I only tweeted from a couple of them (and skipped one altogether). Watching

Posted:

Tags: accessibility, internet, slides, usability, UX

Slides from Girl Develop It Buffalo

I gave a brief presentation to Girl Develop It (the Buffalo Chapter) tonight. The slides are at SlideShare and embedded below.

Posted:

Tags: accessibility, slides, speaking, standards, usability, UX

A Responsive Accessible Table

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…

Posted:

Tags: accessibility, ARIA, css, design, html, mobile, pattern, print, standards, tables, usability, UX, WHCM

Hey, It’s Still OK to Use Tables

Baby Boomerangutuang, one of the Tick’s students. He was just shouting It’s OK to play with dolls! Consider this post to be the sequel to my 2012 post It’s OK to Use Tables. Here I will go into bit more detail based on the state of accessible efforts I see…

Posted:

Tags: accessibility, ARIA, html, pattern, standards, tables, usability, UX

Fixed: Inaccessible YouTube Embeds

Most of us in the accessibility biz (do we call it that? I think we call it that…) already know that YouTube’s default embed code is problematic. Specifically, the fact that the <iframe> does not have a title attribute is an automatic WCAG 2.0 AA failure. The Existing title Issue…

Posted:

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

First Reactions to Gutenberg

A big reveal at WordCamp Europe was Gutenberg, an inline WYSIWYG editor for WordPress. While I had first seen it at WordCamp London, it was not a public project yet. As of WordCamp Europe, it is now in open beta with a plug-in available for testing. I am not involved…

Posted:

Tags: accessibility, usability, UX, WordPress

Slides from WordCamp Europe

There is a lot going on in this post. Between embedded slides, video, external Twitter scripts, and animated GIFs, this page will kill your data plan. You may want to hit the browser Stop button if you have a data cap. If the embed above is not working (or is…

Posted:

Tags: accessibility, css, html, slides, speaking, standards, usability, UX, WCAG

Inclusive User Testing — Guelph Accessibility Conference

Embedded below are my slides from the Guelph Accessibility Conference. If the embed is a hassle for you, you can view the slides directly on SlideShare. About the Photos Slide 4 is a photo from the Save the Dream and Sasol joint National Sport Day in Qatar. Normally I am…

Posted:

Tags: accessibility, slides, usability, UX

Under-Engineered Custom Radio Buttons and Checkboxen

Note: September 25, 2021 If you do not need to support IE, Legacy Edge, or older versions of Firefox, then I encourage you to ignore this post and instead read Scott O’Hara’s post One last time: custom styling radio buttons and checkboxes. Updated August 17, 2019 I have updated this…

Posted:

Tags: accessibility, css, html, pattern, usability, UX, WHCM