WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Angular tables and accessibility

for

From: Birkir R. Gunnarsson
Date: Mar 9, 2022 2:11AM

Yeap, the presentation role should work on any element. It's
surprising that screen readers are picking up something from the
Angular elements directly, it should only be picking up the HTML that
gets generated when those elements are used.
If you have the exact component and if there's an example page you can
easily test it. Just add the role="presentation" attribute in the DOM,
using the developer tools, and test the webpage with a screen reader.

On 3/9/22, Lars Ballieu Christensen < <EMAIL REMOVED> > wrote:
> The thing is that the <ngx-datatable> elements render as <ngx-datatable>
> elements and that these appear to screen reader users as tables without
> contents and/or tables lacking basic markup. So I am curious to know whether
> role=”presentation” will work and have the desired/any effect on
> <ngx-datatable> elements ...
>
> Venligst/Kind regards
>
> Lars
> ----
> Lars Ballieu Christensen
> RÃ¥dgiver/Adviser, Ph.D., M.Sc., Sensus ApS
> Specialister i tilgængelighed/Accessibility Consultants
> Tel: +45 48 22 10 03 – Mobil: +45 40 32 68 23 - Skype: Ballieu
> Mail: <EMAIL REMOVED> – Web: https://www.sensus.dk
>
> Vi arbejder for et tilgængeligt og rummeligt informationssamfund
> Working for an accessible and inclusive information society
>
>
>
> On 09/03/2022, 09.54, "WebAIM-Forum on behalf of Birkir R. Gunnarsson"
> < <EMAIL REMOVED> on behalf of
> <EMAIL REMOVED> > wrote:
>
> If the Angular table elements don't render as a data table you
> shouldn't need role="presentation" (and a screen reader will not
> present a table with no th cells or caption as a table)
> But it doesn't hurt to put it there, just in caase.
>
>
> On 3/9/22, Steve Green < <EMAIL REMOVED> > wrote:
> > Yes, you can use role="presentation" on the table elements as long as
> the
> > contents linearise correctly.
> >
> > Steve Green
> > Managing Director
> > Test Partners Ltd
> >
> >
> > -----Original Message-----
> > From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> Lars
> > Ballieu Christensen
> > Sent: 09 March 2022 08:42
> > To: 'WebAIM Discussion List' < <EMAIL REMOVED> >
> > Subject: [WebAIM] Angular tables and accessibility
> >
> > Hi List,
> >
> >
> >
> > A client of ours is using angular data tables (ngx-datatable elements)
> > rather than ordinary html table elements; furthermore, they seem to be
> use
> > these for layout purposes rather than for data. Obviously, this makes
> it
> > difficult for screen readers to interpret.
> >
> >
> >
> > I'm aware that the best solution would be not to use data tables of
> whatever
> > variety for layout. However, does anyone know whether ARIA roles would
> have
> > an effect on table elements other than those in plain HTML, i.e., if
> > role=”presentation” could be used and have an effect on
> <ngx-datatable>
> > elements?
> >
> >
> >
> > Venligst/Kind regards
> >
> >
> >
> > Lars
> >
> > ----
> >
> > Lars Ballieu Christensen
> >
> > RÃ¥dgiver/Adviser, Ph.D., M.Sc., Sensus ApS
> >
> > Specialister i tilgængelighed/Accessibility Consultants
> >
> > Tel: +45 48 22 10 03 – Mobil: +45 40 32 68 23 - Skype: Ballieu
> >
> > Mail: <EMAIL REMOVED> – Web: https://www.sensus.dk
> >
> >
> >
> > Vi arbejder for et tilgængeligt og rummeligt informationssamfund
> >
> > Working for an accessible and inclusive information society
> >
> >
> >
> > > > > archives at
> > http://webaim.org/discussion/archives
> > > > > > > > > > > >
>
>
> --
> Work hard. Have fun. Make history.
> > > > >
>
>
> > > > >


--
Work hard. Have fun. Make history.