I ran a scan from accessibe.com on the pages in a StoryMap collection that I've created for my agency. It returned a number of errors that I don't think I'm able to fix because they involve the underlying code. I'm not sure which of these are actually critical versus recommended. If anyone has any insight on the following and if I'm able to do anything about them from my end, I'd appreciate it.
- Link attached to my agency's logo in header opens in new tab without label in code, and I don't see a way to change it to open in the same window from the theme I created
- "Keyboard focus should have a noticeable outline" (no code snippet provided)
- "Every page should include hidden links that allow skipping blocks"
- Unable to add alt text to images on collection main page
- "Non-functional icons/spacers should be excluded from assistive technology" ; code snippet:
- <span class="jsx-2895599137 card-title" > </span>
- "Iframe elements should be labeled or titled" ; code snippets:
- <iframe loading="lazy" role="application" src="https://storymaps.arcgis.com/stories/ad543b0d4ec645cfbac0005255f28ea2" tabindex="-1" allow="autoplay;geolocation;microphone" sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups...
- <iframe loading="lazy" role="application" src="https://storymaps.arcgis.com/stories/31a671be6fed429180f9099e8ffd578e" tabindex="-1" allow="autoplay;geolocation;microphone" sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups...
- "Titles should have a consistent hierarchy" ; code snippet:
- <h1></h1>
- "Figure elements should have text or be excluded from assistive technology (Figure elements used to display images should have a role="none" attribute, and the image itself should provide a description using the "alt" attribute.)" ; code snippet:
- <figure class="jsx-1654292749 jsx-4281434020 media-wrapper with-caption"><div class="jsx-1654292749 jsx-4281434020 media-wrapper-children"><div class="jsx-1501363848 jsx-929991880 parent"><div class="jsx-1501363848 jsx-929991880 reparent-wrapper cont...
- "The HEAD element should include a title element with the name of the page"
- Is this because I have the cover hidden?
Also, I tried using keyboard navigation along with a screen reader, and the swipe images that I have in my story did not respond to the arrow keys (but do work without the screen reader) - is there another shortcut or keys I should be using instead?
Thank you!
