franciscreekdigital

Hi folks, I'd appreciate any feedback on my newly launched SitkaWine.com - specifically on design and technicals (not looking for content feedback at the moment). I was able to deliver an AccessiBe.com "Accessible/Compliant" rating to the client and need to maintain it, so that is one constraint. Thanks!

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).

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.