topic Re: Keyboard Controls for Experience Builder's Built-In Image Carousel in ArcGIS Experience Builder Questions

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

JeffreySchmidt3000 — Thu, 25 Jul 2024 15:48:36 GMT

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

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

TonghuiMing — Fri, 26 Jul 2024 02:31:51 GMT

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?

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

JeffreySchmidt3000 — Fri, 26 Jul 2024 18:42:12 GMT

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

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

TonghuiMing — Mon, 29 Jul 2024 07:03:57 GMT

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!

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

JeffreySchmidt3000 — Mon, 29 Jul 2024 13:33:52 GMT

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.

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

TonghuiMing — Tue, 30 Jul 2024 02:43:20 GMT

I see. We will take that into consideration as well.

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

TonghuiMing — Thu, 14 Nov 2024 05:59:31 GMT

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

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

JeffreySchmidt3000 — Mon, 18 Nov 2024 19:47:50 GMT

Thank you, this is very helpful! 👏

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

Billy — Tue, 10 Dec 2024 20:44:05 GMT

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.

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

JeffreySchmidt3000 — Tue, 10 Dec 2024 22:12:42 GMT

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.

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

JeffreySchmidt3000 — Thu, 13 Feb 2025 13:29:08 GMT

@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