Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: css

Functions to Add ARIA to Tables and Lists

Related Other posts in this accidental series: Layout as a Clue to Semantics Display: Contents Is Not a CSS Reset Tables, JSON, CSS, ARIA, RWD, TLAs… Tables, CSS Display Properties, and ARIA A Responsive Accessible Table Hey, It’s Still OK to Use Tables When I presented my talk CSS Display…

Posted:

Tags: accessibility, ARIA, browser, css, html, standards, tables

Layout as a Clue to Semantics

Related Other posts in this accidental series: Display: Contents Is Not a CSS Reset Tables, JSON, CSS, ARIA, RWD, TLAs… Tables, CSS Display Properties, and ARIA A Responsive Accessible Table Hey, It’s Still OK to Use Tables I did not mean to write a series on tables. It’s not a…

Posted:

Tags: accessibility, ARIA, browser, css, html, standards, tables

Portland UX: Fringe Accessibility

About an hour ago I wrapped up my talk to Portland Accessibility and User Experience Meetup. I have posted the slides to SlideShare and embedded them below. I understand there may be a transcript available later. When I know, I will link it.

Posted:

Tags: accessibility, ARIA, browser, css, html, slides

WordCamp Buffalo: CSS Display Properties versus HTML Semantics

I got to roll out a brand new talk today, and WordCamp Buffalo attendees were kind enough to patiently sit through it. As promised I have posted the slides and embedded them below. If the embed is a problem, you can view them at SlideShare. Videos I embedded the videos…

Posted:

Tags: accessibility, ARIA, browser, css, html, slides, standards

Display: Contents Is Not a CSS Reset

CSS resets are a collection of CSS styles that undo the default browser styling of many or most HTML elements. Recently I have seen cases of developers using display: contents on lists and headings to remove the margins and padding, and generally to visually do what a CSS reset might…

Posted:

Tags: accessibility, browser, Chrome, css, Firefox, Safari, standards, tables

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, WHCM

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, 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, standards, usability, UX, WHCM

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, 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

Feature Request for Firefox Grid Inspector: Source Order

This post is both a feature request and an opportunity to share my thoughts in a format I find easier to use than a Bugzilla report. And Jen Simmons said I could do it as a blog post. So there. Firefox Grid Inspector I am a big fan of the…

Posted:

Tags: accessibility, browser, css, Firefox, usability, WCAG

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.