Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: css

A CSS Venn Diagram

A few years ago I made a Venn diagram using floats and absolute positioning. It was fine. Nothing to really brag about, but it got the point across. I had use for CSS shapes in a project and wanted to play around beyond what the project itself allowed. I decided…

Posted:

Tags: css, html

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

Links List for Print Styles

I should qualify that I started writing this script and CSS, based on another experiment of mine, before I saw Aaron Gustafson’s 2005 ALA post Improving Link Display for Print. He uses similar techniques 12½ years ago that I use here, but with different syntax. Because scripting and styling has…

Posted:

Tags: css, html, JavaScript, print

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

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

Slides from 2018 Guelph Accessibility Conference

If the embed below does not work, view the slides directly at SlideShare. I also collected tweets all about me… Kicking off day two of the Guelph Accessibility Conference. #AccessConf2018 pic.twitter.com/qXpTfjmOKt Adrian Roselli (@aardrian) May 30, 2018 Everything I know about accessibility I learned from stack overflow. With such a…

Posted:

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

Global Accessibility Awareness Day 2018

This year for Global Accessibility Awareness Day (GAAD) I opted to follow my lead from last year and tweet a series of links to articles I have written. This time I limited it to articles I have written since the last GAAD. Just like last year, I am making it…

Posted:

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

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

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.