WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using ARIA grids

for

From: bobby accessibility
Date: Aug 10, 2020 1:54PM

Hi Brandon,

Thanks for the Table structure you have provided in the shared link, I have
checked this and found its not following the basic properties of Table-
like , No caption was there , when I navigated to the Table no matrix
(table structure Rows* Columns) was introduced to screen reader.

Also I am keen to know, is this responsive ? will it work same for desktop
as well as on smart devices (mobile , Tab etc)

I have tested this on FF 79 using NVDA 2020.0.1

Appreciate your reply on my queries.

Thanks & Regards
Bob

On Fri, Jul 24, 2020 at 12:56 AM Brandon Keith Biggs <
<EMAIL REMOVED> > wrote:

> Hello,
> Look at:
> https://vaadin.com/components/vaadin-grid/html-examples
> Their grid allows both table key command navigation as well as cursor
> navigation through the cells. I believe their table also scrolls.
> Thank you,
>
> Brandon Keith Biggs <http://brandonkeithbiggs.com/>;
>
>
> On Thu, Jul 23, 2020 at 1:49 PM Don Mauck < <EMAIL REMOVED> > wrote:
>
> > We have developers who for reasons such as continuous scrolling from the
> > bottom using ARIA Grid controls since apparently tables do not allow for
> > automatic scrolling. So, are there ways to use grids using table commands
> > in the same way?
> >
> > Currently Grids don't even show up as any of the JAWS form elements and
> > you can only use cursor keys within the Grid. This really limits the JAWS
> > user from having any kind of pleasant experience with these grids. Are
> > there ways to make these grids more usable to a screen reader? Especially
> > since ARIA-Grid is out there and has several table attributes. Thank in
> > advance for reading and maybe giving this some thought.
> >
> >
> >
> >
> >
> > Regards:
> >
> >
> >
> >
> >
> > Regards:
> >
> >
> >
> > Don Mauck | Senior Accessibility Evangelist | Accessibility Program
> Office
> > | (APO)
> >
> >
> >
> > 303.334.4184
> >
> > HYPERLINK "mailto: <EMAIL REMOVED> " <EMAIL REMOVED>
> >
> >
> > > > > > > > > >
> > > > >