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