Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: ARIA

Maybe Ignore type=search

Another case of the headline saying it all. If you have a valid, accessible search field (with a useful, sensible label) then you can probably ignore type=”search” and use type=”text” instead. I made a code sample you can use for testing in your preferred set-up; it is what I used…

Posted:

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

Link + Disclosure Widget Navigation

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished. In late 2017 I wrote Don’t Use ARIA Menu Roles for Site Nav and started actively campaigning against the APG…

Posted:

Tags: accessibility, ARIA, html, standards, usability, UX, WAI, WCAG

Uniquely Labeling Fields in a Table

Many of my clients over the years have relied on fields in tables. Sometimes a checkbox to select a row, sometimes text inputs to update information, sometimes buttons select something. Rarely are they interested in a block of label text above the field, and I cannot disagree with them. The…

Posted:

Tags: accessibility, ARIA, html, tables, WCAG

Details / Summary Are Not [insert control here]

Once major browsers started supporting <details> & <summary> developers immediately started to play with them to see what sorts of patterns they could enhance or replace. This is a good thing. Experimentation pushes boundaries, improves understanding. However, we need to be careful of christening this new-to-us interaction as the solution…

Posted:

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

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

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

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

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

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

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.