topic Re: Links in Experience Builder popups fail WCAG standards in ArcGIS Experience Builder Questions

Links in Experience Builder popups fail WCAG standards

Trippetoe — Wed, 15 Nov 2023 01:07:04 GMT

Hello. I've created a popup that includes a couple of hyperlinks. When viewing the popups in Web Map viewer, the links are underlined as expected and seem to meet basic WCAG guidelines. When the map is viewed in an Experience, the links in the popups are not underlined and are generally indistinguishable from non-link text.

In the screencap below, the popup on the right is from Web Map viewer. It follows basic WCAG standards by underlining the link. However, when the popup is displayed in Experience Builder (left side of image), the links are not underlined. Further, the color of the link text is almost the same color as the rest of the text. There is no way to know that the text is a link other than moving the mouse all around the popup and seeing the text highlighted on hover

Is there a way to the style the links in the popups in Experience Builder so that they conform to WCAG standards?

Re: Links in Experience Builder popups fail WCAG standards

gis_KIWI4 — Wed, 15 Nov 2023 02:43:18 GMT

Hi @Trippetoe,

You can style the links in the WebMap that is referenced within the Experience Builder Application.
Select the layer and configure the Pop-up.
You can change colour, set bold/italics, underline the text, etc.

Save the map and the now when you open the experience builder, the styling should come through.

Re: Links in Experience Builder popups fail WCAG standards

Trippetoe — Wed, 15 Nov 2023 20:02:55 GMT

Perfect. Thank you!

A minor note is that to see the changes in Experience Builder, i had to close and re-open the experience to see the changes in the map.

Re: Links in Experience Builder popups fail WCAG standards

Jesse — Wed, 24 Jul 2024 16:24:47 GMT

I'm running into a similar situation, but the links are built within an Arcade expression, and there's no way to style like this solution suggests. Any thoughts?

Re: Links in Experience Builder popups fail WCAG standards

Trippetoe — Mon, 29 Jul 2024 21:49:59 GMT

Hi @Jesse . Sorry for the delay - i've been out for a while.

My Arcade is very rusty, but i think you can return the literal html code that you need for the link in the Arcade expression. Off the top of my head, something like

return '<a href="your-url" style="text-decoration:underline">link text</a>'

might work for you.

Re: Links in Experience Builder popups fail WCAG standards

Jesse — Wed, 31 Jul 2024 17:40:52 GMT

Neat, that did the trick. I did try giving the link a blue color using this method but something in Experience Builder overrode that. The underline styling seems to be the answer.

Re: Links in Experience Builder popups fail WCAG standards

MelissaBrooks — Mon, 17 Feb 2025 00:56:09 GMT

I've created an idea that moves to consider this a workaround rather than a solution, hopefully my logic makes sense Make the default Hyperlink the standard blue color - Esri Community

Re: Links in Experience Builder popups fail WCAG standards

jschuckert — Wed, 21 Jan 2026 22:07:01 GMT

I agree with @MelissaBrooks that this is a workaround not a solution. Additionally, using this method the hyperlink(s) will be at the bottom of the popup which is not always the desire. In my case, I need them inline with the other popup elements.

Unfortunately, the ExB configuration to adjust the hyperlink color and text does not change when adjusting the color. Only the text underline style changes.