Non-User friendly Accessible Tabs

[Andrew Kwon]

Hello,

http://ec2-52-8-55-154.us-west-1.compute.amazonaws.com/home/dds-task-force/#tab1

When testing out the functionality of the tabs widget. The behavior of the widget first traverses through the tab titles which is fine. But after traversing through the tab titles it then starts traversing the links from the top tab-pane down a list until it reaches the content to the next pane and onward.

Here is a gfycat link displaying what I mean.
https://gfycat.com/AdeptRichBee
Is there a way, as your tabbing through, to only focus on the links of the active pane? Or possibly a way to at least auto-select the tab-pane where the focused link is rather than being unable to see the links that you are tabbing through?

[Veena]

I have seen the issue here – https://gfycat.com/AdeptRichBee

But i am not facing any such issue.
I have checked in chrome, opera, firefox and internet explorer and everything works normal. I didn’t see any unusual tab behaviour.

[Raghavendra]

Pls use the following Custom CSS to fix the accessibility issue –

.lae-tabs .lae-tab-panes .lae-tab-pane {
    display: none;
}
.lae-tabs .lae-tab-panes .lae-tab-pane.lae-active {
    display:  block;
}

Will explore a way to incorporate this into the main build.

[Author]

Posts