franciscreekdigital Posted August 25 Share Posted August 25 Hi, would anyone be willing to help me troubleshoot a few accessibility things? I've run my site through the Accessibe audit and got the following suggestions. - Make the headline on the promotional popup (21+ age confirmation) H2 or smaller so there's technically only one H1 element on the page ("Coming soon"). How to do that? In the popup design options I don't see H1/H2 etc, just font sizes by pt. - How to add assistive tags to the popup? ('Active popups should include an "aria-modal" attribute that equals to "true", and a "role" attribute that equals to "dialog", so screen-reader users know how to navigate within it.') - How to add assistive tags to newsletter signup form? ('Requirement: Required form fields should include an "aria-required" attribute that equals to "true" so blind users using screen-readers know their validation. 1 Failed Elements <input id="email-yui_3_17_2_1_1721793254101_25128-field" class="newsletter-form-field-element field-element" name="email" x-autocompletetype="email" autocomplete="email" type="email" spellcheck="false" placeholder="Email Address" tabindex="-1"> It's also telling me my foreground/background don't have sufficient color contrast even though I believe they do. (#fffff, #393B31 = almost 12:1 if I'm not mistaken.) Thanks so much for any help. Link to comment
franciscreekdigital Posted September 1 Author Share Posted September 1 I resolved the popup h1/h2 issues by just removing the headline. I later ended up changing this to use the announcement bar for the 21+ message instead of a popup (for other reasons). Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment