nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Keyboard Controls for Experience Builder's Built-In Image Carousel

JeffreySchmidt3000

I am wondering if there are keyboard controls for the image carousel in Experience Builder that gets used when there are multiple image attachments connected to a record? It would be a worthwhile component to include in a future release to meet some ADA requirements if it is not already incorporated.

Thank you

Vind meer berichten getagd met

ArcGIS Online

Accepted answers

TonghuiMing

@JeffreySchmidt3000 The keyboard access issue for the image gallery has been fixed in the recent AGOL release update.

TonghuiMing

Hi, @JeffreySchmidt3000 - thanks for the clarification. That does look like a missed case; we will look at it and try to resolve it.

Also, just out of curiosity - is your image configured with links or not? I know it may not affect your above behavior, but this could be something I want to include in the testing later.

Thanks for bringing this up!

All comments

JeffreySchmidt3000

@TonghuiMing I just wanted to share the ADA review notes that I received from my accessibility group regarding the buttons. It might be helpful for ESRI. They cited the document https://www.w3.org/WAI/WCAG21/Understanding/name-role-value

JeffreySchmidt3000

Thank you for reaching out. It is the stock AGOL filter widget and to make use of the check box/multi select, I have them set up like the screen shots below. I used "contains predefined multiple values" in one filter and "is any of" in another to give options to the user.

Billy

Hi Jeffrey,

The experience in the link (https://experience.arcgis.com/experience/0810844003f149faa1a3aeaa64d7d42e) of you answer has a filter section with a widget behavior that I don't how it was created.

Do you have any info regarding how that filter functionality was created, type of widget and configuration?

Regards.

JeffreySchmidt3000

Thank you, this is very helpful! 👏

TonghuiMing

@JeffreySchmidt3000 The keyboard access issue for the image gallery has been fixed in the recent AGOL release update.

JeffreySchmidt3000

Thank you @TonghuiMing! I appreciate you looking into it more. To answer your question, no the image was not configured with links. I have considered using a link so that the image may be opened to a larger size in a window. Often the viewers of my experience are looking at a list, where they see a small thumbnail sized image gallery. To view a larger image, I could include a link that opens an image in a window. A better solution may be including optional expand/resize controls in the image carousel frame.

TonghuiMing

Hi, @JeffreySchmidt3000 - thanks for the clarification. That does look like a missed case; we will look at it and try to resolve it.

Also, just out of curiosity - is your image configured with links or not? I know it may not affect your above behavior, but this could be something I want to include in the testing later.

Thanks for bringing this up!

JeffreySchmidt3000

Hi @TonghuiMing Let me send along some screenshots. It is part of the image widget. I cannot get focus on the image buttons on the left/right of the image container, it simply skips past them both. Here is an example public experience. https://experience.arcgis.com/experience/0810844003f149faa1a3aeaa64d7d42e

ImageGalleryInBuiler.png

ImageGalleryinBrowser.png

TonghuiMing

Hi @JeffreySchmidt3000 - to be specific, is it the feature pop-up attachment, or feature info widget, or inside the image widget that you are talking about?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.