feat: logo showcase block - #708
Conversation
|
Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
|
|
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
This comment was marked as outdated.
Hi @davids-ensemble , I've fixed the AI review comments, resolved the accessibility issues, and tested everything. I've also attached the reference image for your review. Updated this PR with current changes Regarding the other issue you mentioned, I tested it using a single button in the last example purely for testing purposes(button color). Ideally, the Logo component should have a consistent layout across all items. That means we should either display the button for all cards or remove it from all of them. This was only for testing, so it won't affect anything. However, if we allow only one card to have a button, it will affect the spacing and alignment of the other cards, making the overall layout look inconsistent. |
❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-07-28T15:07:45.882Z |
❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-07-28T15:23:20.562Z |
❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-07-28T15:31:55.212Z |
louisachu
left a comment
There was a problem hiding this comment.
@BaskarMitrah I notice that the images/video are being cropped with a gap on the top when resized to tablet view. Please take a look. Also, please remember to add the documentation into our sidekick library as this is a new devbiz component including
any limitation.


❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-07-29T04:28:54.092Z |
❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-07-29T04:50:07.746Z |
davids-ensemble
left a comment
There was a problem hiding this comment.
This needs to be reworked to implement the Tabs Pattern.
I created a Proof of Concept to show you how the final (simplified) HTML should look like: logo-sowcase-tablist.html
A few things to notice:
- the use of
roles,ids andariaattributes; - tab order follows pattern requirement with tablist getting focus first;
- tablist's location in the DOM is before tabpanel;
- the layout is created using grid areas, these can easily be adjusted for breakpoints;
- dynamic
tabindexon tabs.
My PoC is missing all the interactions that the pattern requires, only click was set up to be a functional demo.
According to the Tabs Pattern these are the minimum requirements:
- Pressing the Tab key enters the
tablistand focuses the activetabelement; - The inactive
tabelements havetabindex="-1"; - When on a
tabelement the Left and Right arrow keys move the focus to the previous or the nexttabelement with looping supported; - When on a
tabelement, pressing Space or Enter key activates it; - When on a
tabelement, pressing the Tab key moves focus inside thetabpanelif anything is focusable, otherwise continues on with the next focusable element on the page.
Please go over the resources I've based this review on to understand the pattern:
❌ Test ResultsStatus: Some tests failed! 🔍 Click to view failed testsTest Coverage ReportOverall Coverage Summary
Coverage by File/Directory
Coverage report generated at 2026-08-04T05:50:07.278Z |

Description
Feat : Partner logo showcase
Jira
https://jira.corp.adobe.com/browse/DEVSITE-2500
Test URL
https://devsite-2500--adp-devsite-stage--adobedocs.aem.page/test/baskar/partnerslogo
Mobile Responsive
Tab Responsive
Accessbility