AXE Violation: aria-describedby (should not be present unless tooltip is active)

[carmanchris31]

Bug description or feature request:

aria-describedby attribute should only be present when tooltip is shown, otherwise the attribute is considered invalid since the referenced id doesn't exist on the page (aXe violation):

On the Bootstrap doc/demo page you can see the expected behavior:

We should hopefully just be able to conditionalize the attribute by whether the tooltip is shown, something like this:

@HostBinding('attr.aria-describedby') ariaDescribedby = this._tooltip.isShown ? `tooltip-${this.tooltipId}` : null;

Original:

ngx-bootstrap/src/tooltip/tooltip.directive.ts

Line 197 in c9adab6

@HostBinding('attr.aria-describedby') ariaDescribedby = `tooltip-${this.tooltipId}`;

Plunker/StackBlitz that reproduces the issue:

https://stackblitz.com/edit/ngx-bootstrap-vanaus?file=app%2Fapp.component.html

(aXe extension for reference: https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd)

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap:
3.3.0 (since v3.1.4 commit)

Angular:
7 (but not dependent on angular version)

Bootstrap:
n/a

[Totati]

I came here facing the same issue. The material team chose to leave a copy of the tooltip's content in the DOM, referring to that id.

[shainanigans]

Same issue here as well. @ludmilanesvitiy , I see this had an enhancement label added to it back in March. Has any progress been made on this?