WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using Aria within a table to indicate that a cell is highlighted

for

From: Birkir R. Gunnarsson
Date: Jul 4, 2022 2:18PM

Your best bet (from a screen reader perspective) is to use the
aria-current attribute, simply aria-current="true" (unless th
highloighted cell indicates current date or time in which case you can
use aria-current="date" or aria-current="time").
There are a few other token values of aria-current, see the ARIA 1.1 definition.


On 7/4/22, David Engebretson Jr. < <EMAIL REMOVED> > wrote:
> Good points regarding folks who are color blind and don't use screen
> readers.
>
> From a screen reader user perspective, I was wondering if adding a heading
> to the <td> that is highlighted would work. For example, if the <table> is
> at heading level 2 then the <td> of that <table> that is highlighted could
> be at heading level 3. Seems like it could be a quick way for screen reader
> users to quickly jump to the highlighted cell.
>
> For keyboard only users, maybe it could have an empty <a> tag so they could
> press tab to bring focus to the highlighted <td>? That way, if they are
> color-blind, and don't use a screen reader, their browser user settings
> would take effect.
>
> Thoughts?
> David
>
>
>