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
25 stars 21 forks source link

Accessibility issue #14

Closed barouchk closed 6 months ago

barouchk commented 6 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 6 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 6 months ago

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