- The zip code link currently uses with class "notice-link". The element separates it from the text which looks unnatural. Resolve this by using a element/component type that behaves like a normal hyperlink instead of a button, or update the button style to achieve the same result. A click should continue to bring the user to the existing settings page where they can update their zip.
- It would be useful to also reference the explore feature in the notice text. When clicked, the behavior should be the same as if the primary explore link had been clicked.
Current implementation
Proposed Notice Text
Note: I am using # as a placeholder since #1 above calls for a different method of hyperlinking or triggering the action.
<p id="notice" class="notice notice-error" role="status"><span aria-hidden="true">⚠</span>No available cats were found within 250 miles. Try using a different <a href="#">zip code</a> or <a href="#">explore another city</a>.</p>
Current implementation
Proposed Notice Text
Note: I am using # as a placeholder since #1 above calls for a different method of hyperlinking or triggering the action.