search

SalesforceLabs / ActivityTimelineLWC

A LWC implementation of the Activity Timeline https://lightningdesignsystem.com/components/activity-timeline/#site-main-content
BSD 3-Clause "New" or "Revised" License
26 stars 28 forks source link

Accessibility issue #14

Closed barouchk closed 11 months ago

barouchk commented 11 months ago

When expending one item and there is a text inside, there is no option to reach the text inside for blind customers by clicking the tab button.

what happened was that it skipped the text inside and moved to the next expandable tab and not the content inside.

found a quick solution for that, to put tabindex="0" on the texts inside the inside div

for example:

if there are 2 links and a description inside to expendable tab the system will move to the first 2 links but will skip the description.

Screenshot 2023-12-18 at 9 15 29
barouchk commented 11 months ago

option to fix: in lwc component: timelineItemDetail.html need to add tabindex="0" in line 7:

<div class="slds-form-element__static" tabindex="0">

rbklaassen commented 11 months ago

Thanks @barouchk, this will be added to the new version!