Skip to content.
Adrian Roselli
Computer Vision Distrbuted Ledger Routine BYOB

All Posts Tagged: html

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

Update: 7 October 2023 Tables with display properties are now functional across Chromium, Gecko, and (finally) WebKit browsers. Barring regressions (which have happened), display: contents is the only style that may cause issues, and that is a function of a poor specification. My post It’s Mid-2022 and Browsers (Mostly Safari)…

Posted:

Tags: accessibility, ARIA, css, html, standards, tables, 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, pattern, standards, usability, UX, WHCM

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

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

Don’t Use ARIA Menu Roles for Site Nav

Once again, the advice is in the title of the post. But I will ramble anyway since you scrolled this far. First run with the advice, and then review some background on ARIA and how navigation and menu items are defined. This way you can tap out quickly when it…

Posted:

Tags: accessibility, ARIA, ARIAbuse, html, standards, usability

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

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

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

Slides from MinneWebCon

Kicking off #MinneWebCon, which is also its tenth anniversary. Cool. @MinneWebCon pic.twitter.com/CNxhK47Puv— Adrian Roselli 🗯 (@aardrian) May 1, 2017 I promised to share the slides, so here they are. If the embed is a problem you can go the slides directly on SlideShare. Tweets I feel like Marc really gets…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, standards, usability, W3C, WCAG