HTML and CSS code

6434
29
02-03-2021 10:30 AM
Status: Needs Clarification
Labels (1)
ToniEwton
Emerging Contributor

Classic Story Maps had the ability to add custom HTML code and set CSS styling. I use that feature for tables in the paragraph block with map actions that link to specific locations within a map. Please bring that feature into the new Story Maps. 

Tags (2)
29 Comments
WouterHajnal

@OwenGeo , great  to hear that!

NancyAnzalone1

Viewing Story Maps from an accessibility standpoint, it would be extremely beneficial in making our projects accessible if we could adjust the color and width of the focus indicator. This is not just an issue in Story Maps but in Experience Builder too.

The second item that would be very helpful is having the ability to add a custom description for links. Presently, the links are announced as the word on the screen. Also, it would be helpful to screen reader users if "opens in new window" could be added to the links.

And lastly, I find that the directions that are provided to screen reader users are sometimes not helpful. For instance, the user may be told to press the enter key but enter does not work. It would be great to be able to customize this.

 

OwenGeo

@NancyAnzalone1 - Thank you for sharing this feedback. I would suggest that you post these ideas individually if you'd like others to vote on them. Be sure to review the ArcGIS Ideas Submission Guidelines and Statuses - Esri Community for additional guidance for the best way to share your feedback.

I have also have a few follow up questions for you:

  1. Can you tell us more about what modifications you'd like to make for the focus indicator? Is the color not working with your theme? Do you feel the focus ring is too thick or too thin? What impact would being able to adjust this have on your readers?
  2. Most sets of accessibility guidelines indicate that the link text should be sufficient to convey the purpose of a link. There are a few ways to provide additional text within a link that is only seen by screen readers, but these are not generally used or considered a best practice from our perspective. Are you doing this in other web content products? If so, can you share additional information or examples about this? 
  3. Typically, screen reader instructions come from the screen reader software itself and are not something the web page or content can change or influence. Can you provide an example of what you mean here?

 

OwenGeo
NancyAnzalone1

I would love to see HTML/CSS capabilities added to StoryMaps., specifically so that I could adjust tab order for accessibility.

lillianlui

It would be wonderful to have the flexibility to include a CSS script. There are many use cases for this; for instance, customising the colours of the map action buttons to correspond with the types of polygons for zooming in. If the button colours can be customised, they could also serve as a legend for that specific polygon. Having the ability to fine-tune such details would be highly appreciated.

AlexWolf1

Echoing the request to bring back CSS and especially tables.  Great feature for organizing actions/links, and critical for accessibility!

OwenGeo

@AlexWolf1 -- The ability to add tables was added to ArcGIS StoryMaps several months ago. Please check it out and let us know if you have any questions!

What’s new in ArcGIS StoryMaps (August 2023) (esri.com)

CatyFranco

I would like to be able to use CSS to customize the size of an embed for mobile versus desktop. Currently, embeds don't show up full screen on mobile and it is not a good user experience. I'm trying to embed an 'experience' and running into issues based on how it shows on mobile versus desktop.