13 May 2022

Ember Smoked BBQ Nutritional Information

www.embersmokedbbq.com/nutritional-information (WCAG2AA)

  27 Jun 2022

Select a date to show stats for:

View results in browser

Pa11y uses HTML_CodeSniffer to find accessibility issues. Use their bookmarklet to view results on the page you are testing.

WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail  7
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 1:1. Recommendation: change text colour to #767676.
Solutions:
Selectors:
  • #block-689aba54493db0260cc8 > div > p
  • #block-72e80716c2a2cbd3dd6c > div > div > form > header > div > p
  • #block-72e80716c2a2cbd3dd6c > div > div > form > div:nth-child(2) > div:nth-child(2) > button > span:nth-child(2)
  • #block-2f91deb0345e420ea130 > div > div > div > a
  • #block-ecc6ae245e3496514e8f > div > div > div > a
  • #block-yui_3_17_2_1_1618696268241_6491 > div > div > div > a
  • #block-48944d86666209671a2a > div > div > div > a
WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail  3
This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 3:1, but text in this element has a contrast ratio of 2.95:1. Recommendation: change text colour to #f7664e.
Solutions:
Selectors:
  • #site-title
  • #block-9e227e3795fc493b51c6 > div > h1 > span
  • #block-72e80716c2a2cbd3dd6c > div > div > form > header > h2
WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name  2
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.
Solutions:
Selectors:
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(1) > input
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(2) > input
WCAG2AA.Principle1.Guideline1_3.1_3_1.F68  2
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.
Selectors:
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(1) > input
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(2) > input
WCAG2AA.Principle4.Guideline4_1.4_1_1.F77  1
Duplicate id attribute value "site-title" found on the web page.
WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.Fieldset.Name  1
This fieldset element does not have a name available to an accessibility API. Valid names are: legend element, aria-label undefined, aria-labelledby undefined.
Solutions:
Selectors:
  • #name-yui_3_17_2_1_1606237154330_25082
WCAG2AA.Principle1.Guideline1_3.1_3_1.H71.NoLegend  1
Fieldset does not contain a legend element. All fieldsets should contain a legend element that describes a description of the field group.
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Abs  2
This element is absolutely positioned and the background color can not be determined. Ensure the contrast ratio between the text and all covered parts of the background are at least 4.5:1.
Solutions:
Selectors:
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(1) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(2) > a
WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage  2
This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.
Solutions:
Selectors:
  • #block-9e227e3795fc493b51c6 > div > p:nth-child(3) > a:nth-child(1)
  • #block-9e227e3795fc493b51c6 > div > p:nth-child(3) > a:nth-child(2)
WCAG2AA.Principle1.Guideline1_3.1_3_1.H48  1
If this element contains a navigation section, it is recommended that it be marked up as a list.
Solutions:
Selectors:
  • #block-9e227e3795fc493b51c6 > div > p:nth-child(3)
WCAG2AA.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81  36
Check that the link text combined with programmatically determined link context identifies the purpose of the link.
Solutions:
Selectors:
  • #siteWrapper > div > a
  • #header > div:nth-child(2) > a
  • #site-title
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(1) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(2) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(3) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(4) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(5) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(1) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(2) > a
  • #site-title
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(1) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(2) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(3) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(4) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(5) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(1) > a
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div > nav > div:nth-child(5) > div > div:nth-child(2) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(1) > div:nth-child(1) > div:nth-child(5) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(2) > div > div:nth-child(1) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(2) > div > div:nth-child(2) > a
  • #header > div:nth-child(3) > div:nth-child(2) > nav > div:nth-child(2) > div > div:nth-child(3) > a
  • #block-9e227e3795fc493b51c6 > div > p:nth-child(3) > a:nth-child(1)
  • #block-9e227e3795fc493b51c6 > div > p:nth-child(3) > a:nth-child(2)
  • #block-3e1e45952be058e4d8d6 > div > div > nav > a:nth-child(1)
  • #block-3e1e45952be058e4d8d6 > div > div > nav > a:nth-child(2)
  • #block-3e1e45952be058e4d8d6 > div > div > nav > a:nth-child(3)
  • #block-3e1e45952be058e4d8d6 > div > div > nav > a:nth-child(4)
  • #block-2f91deb0345e420ea130 > div > div > div > a
  • #block-ecc6ae245e3496514e8f > div > div > div > a
  • #block-yui_3_17_2_1_1618696268241_6491 > div > div > div > a
  • #block-48944d86666209671a2a > div > div > div > a
WCAG2AA.Principle3.Guideline3_2.3_2_1.G107  6
Check that a change of context does not occur when this input field receives focus.
Solutions:
Selectors:
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(2) > div:nth-child(3) > button
  • #header > div:nth-child(2) > div:nth-child(5) > div:nth-child(3) > div:nth-child(1) > button
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(1) > input
  • #name-yui_3_17_2_1_1606237154330_25082 > div:nth-child(2) > input
  • #email-yui_3_17_2_1_1606237154330_25081-field
  • #block-72e80716c2a2cbd3dd6c > div > div > form > div:nth-child(2) > div:nth-child(2) > button
WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2  1
Check that the title element describes the document.
Solutions:
Selectors:
  • html > head > title
WCAG2AA.Principle3.Guideline3_3.3_3_1.G83,G84,G85  1
If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.
WCAG2AA.Principle3.Guideline3_3.3_3_2.G131,G89,G184,H90  1
Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.
WCAG2AA.Principle3.Guideline3_3.3_3_3.G177  1
Check that this form provides suggested corrections to errors in user input, unless it would jeopardize the security or purpose of the content.
Solutions:
Selectors:
  • #block-72e80716c2a2cbd3dd6c > div > div > form
WCAG2AA.Principle3.Guideline3_3.3_3_4.G98,G99,G155,G164,G168.LegalForms  1
If this form would bind a user to a financial or legal commitment, modify/delete user-controllable data, or submit test responses, ensure that submissions are either reversible, checked for input errors, and/or confirmed by the user.
WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.2  1
Check that the title attribute of this element contains text that identifies the frame.
Solutions:
Selectors:
  • #universal_pixel_0g3uoru
You have no ignored rules.