Skip to content.
Adrian Roselli
Large Language Algorithm Intelligent Agent BYOB

All Posts Tagged: css

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

Update 21 January 2021: This post addresses the previous / original engine for Microsoft Edge (Legacy Edge or Ledgacy). Since Edge’s switch to the Chromium rendering engine (becoming Chromiedge), the proprietary feature queries are no longer supported and this technique may no longer work or may need to be amended…

Posted:

Tags: accessibility, css, Edge, pattern, 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