Name: Accessibility Audit: eyedictive.com
Item: eyedictive.com
Rating: 92
Author: AZRatings

Accessibility Rating

92%

Scanned: https://eyedictive.com

92%Overall Score

4Critical Issues

46Checks Passed

❌ Critical Issues (4)▼

❌

Images must have alternate text

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

▲

Affected elements (1)<img src="https://www.gstatic.com/images/branding/productlogos/top_quality_store/v1/192px.svg" height="25" width="25">

❌

Zooming and scaling must not be disabled

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

▲

Affected elements (1)

<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0">

❌

All page content should be contained by landmarks

Ensures all page content is contained by landmarks

▲

Affected elements (5)

<announcement-bar-item class="announcement-bar__item"><div class="announcement-bar__message text--xsmall"><p>New Deals at 3pm EST daily! Feed your Eyediction.</p></div></announcement-bar-item>

<div class="text-with-icons__content-wrapper"><p class="heading heading--small">Always authentic</p><p>Every frame is guaranteed brand new and 100% authentic.</p></div>

<div class="text-with-icons__content-wrapper"><p class="heading heading--small">Lowest Price</p><p>Offering the best brands at the lowest prices.</p></div>

<div class="text-with-icons__content-wrapper"><p class="heading heading--small">Secure payment</p><p>Your payment information is processed securely.</p></div>

<div>

❌

Scrollable region must have keyboard access

Ensure elements that have scrollable content are accessible by keyboard

▲

Affected elements (1)<div class="text-with-icons__list hide-scrollbar">

✅ Passed Checks (46)▼

✅

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.

✅

ARIA hidden element must not be focusable or contain focusable elements

Ensures aria-hidden elements are not focusable nor contain focusable elements

✅

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

✅

Certain ARIA roles must contain particular children

Ensures elements with an ARIA role that require child roles contain them

✅

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

✅

IDs used in ARIA and labels must be unique

Ensures every id attribute value used in ARIA and in labels is unique

✅

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

✅

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

✅

<li> elements must be contained in a <ul> or <ol>

Ensures <li> elements are used semantically

✅

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

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

✅

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

✅

Scrollable region must have keyboard access

Ensure elements that have scrollable content are accessible by keyboard

✅

The skip-link target should exist and be focusable

Ensure all skip links have a focusable target

✅

Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text

✅

Elements should not have tabindex greater than zero

Ensures tabindex attribute values are not greater than 0

A11y: eyedictive.com (92%)

Recent Domain Checks

Latest A11y Audits

Latest Page Audits