Inclusive Cards
The Inclusive Cards module provides accessible and semantically valid card components for Drupal websites. It makes entire cards clickable while preserving any nested links, ensuring a better experience for all users, including those using assistive technologies. This module helps websites be more inclusive by improving navigation and interaction for everyone.
One Link to Rule Them All.
The Inclusive Cards module is a Drupal module that provides accessible and semantically valid card components. The module adds a click event to cards that have a link, and ensures that the cards are accessible to all users, including those who use assistive technologies. Instead of nesting everything into a big "a" element, js converts the card into a link without breaking any other nested links like tags etc.
The module achieves this by removing the alt attribute from images that do not add any value to the user, and adding the role="presentation" attribute to indicate that the images should be ignored by assistive technologies. Additionally, the module removes the parent element of the image if it is a link, to ensure that the link is still accessible to users who use assistive technologies.
Features
The Inclusive Cards module is useful for anyone who wants to ensure that their website is accessible to all users, including those who use assistive technologies. By providing accessible and semantically valid card components, the module helps to ensure that users can navigate and interact with the website in a way that is intuitive and easy to understand.
Post-Installation
- Go to /admin/config/system/inclusive-cards
- Select the display view modes between nodes and taxonomies that you want to apply the inclusive card functionality.
- Go to /admin/views and create a new view.
- Make sure that you are rendering in Format Show: Content/Teaser (or any other display view mode).
- Verify the functionality by visiting either the views page or block you have created.