Whoops. this kitty is missing an alt tag which we see because `display-missing-image-alts` is enabled.
Once included on your site, 508-view doesn't do anything by default. Instead, it enables when a specific GET parameter is present in the URL. By default the parameter is `508` but you can change it with the `url-parameter` setting.
If you want 508 view enabled regardless of parameters, set the `enable-via-url` setting to false. Test out the 508 view using the button now:
Enable 508 View Disable 508 ViewThe `use-helper-styles` overrides background colors and fonts. It also highlights links that are focusable. Overall it attempts to present a content focused view that removes visuals to get a better idea of how a screen-reader might interpret your site.
Sometimes visual element will contain an sr-only tag to convey its content. The `display-sr-only` tag makes it visible:
Chubby Kitty Breathing HeavilyThis modal is missing an aria-hidden tag, but set to display: none in css. The `display-aria-visible` recognizes this and displays the modal to better represent what a screen reader would see.
The tag name, id, and class are also logged in the console to help you hunt down the offending elements.
Close Modal