Swipe Slide

[lucasferreiralimax]

Update

Adding Swipe Functionality and ARIA Attributes to SlideContent

Enhances the SlideContent component by adding swipe gesture functionality using HammerJS. It allows users to navigate through slides by swiping left or right on touch-enabled devices. Additionally, ARIA attributes have been incorporated to improve accessibility.

Changes Made:

• Implemented swipe gestures (left and right) using HammerJS for SlideContent component.
• Added panstart, pan, and panend event handlers to detect swipe gestures and trigger slide navigation accordingly.
• Introduced ARIA attributes (aria-hidden, aria-labelledby) to indicate slide visibility and describe the purpose of interactive elements, enhancing accessibility for users of assistive technologies.

Technical Details:

• Integrated HammerJS library for gesture recognition.
• Used Angular's ViewChild to access DOM elements and manage slide navigation.
• Incorporated ARIA roles and attributes to improve accessibility compliance.

Checklist:

• Implemented swipe gestures using HammerJS.
• Added ARIA attributes (aria-hidden, aria-labelledby) for accessibility.

[github-actions]

Visit the preview URL for this PR (updated for commit 0266558):

https://slidecontent-angularjs--pr2-swipe-slide-ns4oux93.web.app

_{(expires Sat, 29 Jun 2024 08:16:46 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: a46849f54b15ddea5d3d183b8d030d20fc154f13}