The card pattern (also know as tiles and blades) has become quite popular over the last several years. There are many accessibility challenges that may arise quickly when web developers attempt to build them including:
Providing keyboard access
Providing an adequate visible focus indicator
Link text that’s not overly verbose for screen reader users
Using correct semantic markup, especially for the heading
Maintaining proper reading order
Not duplicating content
Here are a several great resources on building accessible cards/tiles and address these issues:
Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses sufficient contrast
You may want (or need) to consider this technique for your website, at least temporarily. The control for this option should be in a global nav bar or settings (if available). A longer term goal is to correct your brand’s colors so that it meets the 4.5:1 color contrast requirement.
Here are some examples of websites that have a high contrast option available (the control is in the top horizontal bar in all examples).
Experts say don’t do infinite scrolling, or be extremely careful in doing so. I completely agree. Infinite scrolling creates accessibility and usability problems. Below are checkpoints, issues and suggestions from a few resources.
Replace automatic infinite scrolling with a “Load more results…” button or link that explicitly invites the user to add more. Once they do a few times, prompt them to ask if they’d like to turn auto-loading of more results on.
No, really, just don’t implement infinite scrolling.