Name: Accessibility Audit: puppy.com
Item: puppy.com
Rating: 98
Author: AZRatings

✅ Scan complete — report saved!📄 View Permalink & Share Report

Accessibility Rating

98%

Scanned: https://puppy.com

98%Overall Score

1Critical Issues

41Checks Passed

❌ Critical Issues (1)▼

❌

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

▲

Affected elements (1)

<input type="button" style="text-align: center; width: 100%; height: 100%; z-index: 5; border: 0; color: rgb(255, 255, 255); border-radius: 2px; cursor: pointer; outline: none; font-size: 14px; background-color: rgb(141, 108, 199); border-radius: 50px" name="SIGNUP_SUBMIT_BUTTON" id="zcWebOptin" value="Sign Up" onclick="saveOptin(this,false,function runOnFormSubmit_sf3zf6ec77dc9bae17af765d3e00aeabe767b493c55bcb1c55f22c453643561d12c0(th){/*Before submit, if you want to trigger your event, "include your code here"*/},'#sf3zf6ec77dc9bae17af765d3e00aeabe767b493c55bcb1c55f22c453643561d12c0[data-type="signupform_0"] ',event);">

✅ Passed Checks (41)▼

✅

Elements must only use supported ARIA attributes

Ensures an element's role supports its ARIA attributes

✅

ARIA role should be appropriate for the element

Ensures role attribute has an appropriate value for the element

✅

ARIA attributes must be used as specified for the element's role

Ensures ARIA attributes are used as described in the specification of the element's role

✅

Deprecated ARIA roles must not be used

Ensures elements do not use deprecated roles

✅

aria-hidden="true" must not be present on the document body

Ensures aria-hidden="true" is not present on the document body.

✅

Elements must only use permitted ARIA attributes

Ensures ARIA attributes are not prohibited for an element's role

✅

Required ARIA attributes must be provided

Ensures elements with ARIA roles have all required ARIA attributes

✅

ARIA roles used must conform to valid values

Ensures all elements with a role attribute use a valid value

✅

ARIA attributes must conform to valid values

Ensures all ARIA attributes have valid values

✅

ARIA attributes must conform to valid names

Ensures attributes that begin with aria- are valid ARIA attributes

✅

Inline text spacing must be adjustable with custom stylesheets

Ensure that text spacing set through style attributes can be adjusted with custom stylesheets

✅

Buttons must have discernible text

Ensures buttons have discernible text

✅

Page must have means to bypass repeated blocks

Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content

✅

Elements must meet minimum color contrast ratio thresholds

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

✅

Documents must have <title> element to aid in navigation

Ensures each HTML document contains a non-empty <title> element

✅

Headings should not be empty

Ensures headings have discernible text

✅

Form field must not have multiple label elements

Ensures form field does not have multiple label elements

✅

Heading levels should only increase by one

Ensures the order of headings is semantically correct

✅

<html> element must have a lang attribute

Ensures every HTML document has a lang attribute

✅

<html> element must have a valid value for the lang attribute

Ensures the lang attribute of the <html> element has a valid value

✅

Images must have alternate text

Ensures <img> elements have alternate text or a role of none or presentation

✅

Alternative text of images should not be repeated as text

Ensure image alternative is not repeated as text

✅

Input buttons must have discernible text

Ensures input buttons have discernible text

✅

Form elements should have a visible label

Ensures that every form element has a visible label and is not solely labeled using hidden labels, or the title or aria-describedby attributes

✅

Form elements must have labels

Ensures every form element has a label

✅

Banner landmark should not be contained in another landmark

Ensures the banner landmark is at top level

✅

Contentinfo landmark should not be contained in another landmark

Ensures the contentinfo landmark is at top level

✅

Main landmark should not be contained in another landmark

Ensures the main landmark is at top level

✅

Document should not have more than one banner landmark

Ensures the document has at most one banner landmark

✅

Document should not have more than one contentinfo landmark

Ensures the document has at most one contentinfo landmark

✅

Document should not have more than one main landmark

Ensures the document has at most one main landmark

✅

Document should have one main landmark

Ensures the document has a main landmark

✅

Ensures landmarks are unique

Landmarks should have a unique role or role/label/title (i.e. accessible name) combination

✅

Links must have discernible text

Ensures links have discernible text

✅

Users should be able to zoom and scale the text up to 500%

Ensures <meta name="viewport"> can scale a significant amount

✅

Zooming and scaling must not be disabled

Ensures <meta name="viewport"> does not disable text scaling and zooming

✅

Interactive controls must not be nested

Ensures interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

✅

Page should contain a level-one heading

Ensure that the page, or at least one of its frames contains a level-one heading

✅

Ensure elements marked as presentational are consistently ignored

Elements marked as presentational should not have global ARIA or tabindex to ensure all screen readers ignore them

✅

All page content should be contained by landmarks

Ensures all page content is contained by landmarks

✅

The skip-link target should exist and be focusable

Ensure all skip links have a focusable target

A11y: puppy.com (98%)

Recent Domain Checks

Latest A11y Audits

Latest Page Audits