adapt-contrib-media : tab order alert on js-skip-to-transcript button

[kunjsharma]

Subject of the issue

When run ANDI test on v5 demo ( https://adaptlearning.github.io/v5demo/#/id/co-05 ), got 2 alerts, one of them is for on js-skip-to-transcript button of adapt-contrib-media .

Your environment

• Framework v5.3.0 ( https://adaptlearning.github.io/v5demo/#/id/co-05 )
• Firefox 76.0.1
• HP G-42 laptop Windows 7

Steps to reproduce

Click url: https://adaptlearning.github.io/v5demo/#/id/co-05
Run ANDI test and it shows 2 alerts

Screenshots

[olivermartinfoster]

This is as expected. That button is for screen readers only and therefore should not be tabbable in the normal flow as it isn't visible. With a screen reader cursor, that button reads "skip to transcript" to allow skipping straight to the transcript.
If it were tabbable for a normal keyboard user the tab would seem to disappear with no indication as the button has no visible appearance. If it were tabbable we'd need to make it visible also.

The second alert on the right claiming that there is no accessible name seems to conflict with the identification of the aria-label value on the left. The aria-label is the accessible name according to point 2.c. of the specification https://www.w3.org/TR/accname-1.1/#mapping_additional_nd_te

Tab-indexes: https://webaim.org/techniques/keyboard/tabindex

As you can see, this button is not meant for sighted users and can't be clicked on with a mouse, so tabindex=-1 is relevant here.

[moloko]

@kunjsharma the test tool is not actually saying there is an issue, it is asking you a question: 'should this button be tabbable?'. In this case, the answer is 'no'.

Automated accessibility testing tools are all well and good but no substitute for going through the course properly using JAWS or NVDA.