Pa11y results for "https://hetlioz.com/"

Generated at: Mon Dec 29 2025 21:31:40 GMT-0500 (Eastern Standard Time)

Runners (with issues): htmlcs

Toggle by type 24 errors 0 warnings 0 notices

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.9:1. Recommendation: change background to #c75200.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <a target="_blank" class="subnav__link" href="/assets/HetliozPI-20a5211da72736c030cecdefae6e021b0588589715dae78082a0776052b2d6ba.pdf">Download US Prescribing Informa...</a>

  (selector "#primary > div:nth-child(2) > ul > li:nth-child(1) > a")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.9:1. Recommendation: change background to #c75200.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <a target="_blank" class="subnav__link" href="/assets/prescribing-information-3f1709890fa043181f4589fa19c496cc828b38174a307657d9f6f3d8b87204cc.mp3">Listen to US Prescribing Inform...</a>

  (selector "#primary > div:nth-child(2) > ul > li:nth-child(2) > a")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.9:1. Recommendation: change background to #c75200.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <a class="subnav__link" id="importantanchor" href="#">Important Safety Information</a>

  (selector "#importantanchor")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 2.9:1. Recommendation: change background to #c75200.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <a class="subnav__link" href="http://www.hetliozpro.com">Healthcare Professionals</a>

  (selector "#primary > div:nth-child(2) > ul > li:nth-child(4) > a")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <span> About Non-24 ...</span>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(2) > a > span")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <span> About SMS ...</span>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(3) > a > span")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <span> About Hetlioz ...</span>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(4) > a > span")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  ^®

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(4) > a > span > sup")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <span> HETLIOZ ...</span>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(5) > a > span")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <em>Solutions™</em>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(5) > a > span > em")

• Error: This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of 3.69:1. Recommendation: change text colour to #696969.

  htmlcs: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail

  <span> Register ...</span>

  (selector "#primary > div:nth-child(3) > nav > ul > li:nth-child(6) > a > span")

• Error: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name

  <input class="form-control" placeholder="Phone Number or Email" required="required" type="text" name="user[phone_number_or_email]" id="user_phone_number_or_email">

  (selector "#user_phone_number_or_email")

• Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68

  <input class="form-control" placeholder="Phone Number or Email" required="required" type="text" name="user[phone_number_or_email]" id="user_phone_number_or_email">

  (selector "#user_phone_number_or_email")

• Error: Duplicate id attribute value "primaryContent" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <div id="primaryContent" style="display:block; "> <h2>What is your nam...</div>

  (selector "#primaryContent")

• Error: Duplicate id attribute value "formErrors" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <div id="formErrors"></div>

  (selector "#formErrors")

• Error: This textinput element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name

  <input class="form-control" placeholder="Full Name" required="required" type="text" name="user[full_name]" id="user_full_name">

  (selector "#user_full_name")

• Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68

  <input class="form-control" placeholder="Full Name" required="required" type="text" name="user[full_name]" id="user_full_name">

  (selector "#user_full_name")

• Error: Duplicate id attribute value "indicator" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <img alt="submitting, please wait" class="mt hidden" id="indicator" src="/assets/submit-331e3dfdd80ae4400aed4ca8d7112623c2b8b3c401655fb2762b618f410e1ec0.gif">

  (selector "#indicator")

• Error: Duplicate id attribute value "thankYouContent" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <div id="thankYouContent" style="display: none;"> <p>Thank You</p> ...</div>

  (selector "#thankYouContent")

• Error: Duplicate id attribute value "primaryContent" found on the web page.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_1.F77

  <div id="primaryContent" style="display:block; "> <h2>Thank you. Someo...</div>

  (selector "#primaryContent")

• Error: Iframe element requires a non-empty title attribute that identifies the frame.

  htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1

  <iframe src="javascript:false" style="width: 0px; height: 0px; border: 0px; display: none !important;"></iframe>

  (selector "html > body > iframe")

• Error: This textarea element does not have a name available to an accessibility API. Valid names are: label element, title undefined, aria-label undefined, aria-labelledby undefined.

  htmlcs: WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Textarea.Name

  <textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>

  (selector "#g-recaptcha-response-100000")

• Error: This form field should be labelled in some way. Use the label element (either with a "for" attribute or wrapped around the form field), or "title", "aria-label" or "aria-labelledby" attributes as appropriate.

  htmlcs: WCAG2AA.Principle1.Guideline1_3.1_3_1.F68

  <textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>

  (selector "#g-recaptcha-response-100000")

• Error: Iframe element requires a non-empty title attribute that identifies the frame.

  htmlcs: WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1

  <iframe style="display: none;"></iframe>

  (selector "html > body > div:nth-child(12) > iframe")