Assessment report
This report shows the overall accessibility of the website or web app through a combination of automated and manual tests that cover all the WCAG 2.0 AA success criteria.
Summary
Test details
Automated checks
43 passed
Keyboard
Focus
Landmarks
Headings
Repetitive content
Links
Native widgets
Custom widgets
Timed events
Errors
Page navigation
Parsing
Images
Language
Sensory
Text legibility
Audio / video
Multimedia
Live multimedia
Sequence
Semantics
Scan details
http://staging-pifeqidu.kinsta.cloud/ |
2019-05-16 2:45 PM CDT |
ADA Compliance Review for http://staging-pifeqidu.kinsta.cloud/ (05/16/2019) |
Failed tests3 failed
Headings1 failed
Heading level:13 failed
A heading's programmatic level must match the level that's presented visually-WCAG 1.3.113 failedPath | .is-transitioned.owl-slide-title.homepage-hero__title |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated is-transitioned" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Skin Science for Life |
Path | #index1 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Your Product. Our Passion. |
Path | #index2 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Cutting-edge Skin Care |
Path | .col-md-8.col-lg-8.col-xl-5 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-center wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> No matter how life treats skin, we treat it better.</h2> |
Heading text | No matter how life treats skin, we treat it better. |
Path | .margin-top > .no-mobile |
---|---|
Snippet | <h3 class="no-mobile navy text-center wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Discover Our Brands</h3> |
Heading text | Discover Our Brands |
Path | .item.fadeInUpSubtle[data-wow-delay="\30 \.2s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Aesthetics</h3> |
Heading text | Aesthetics |
Path | .owl-item.active:nth-child(2) > .item.fadeInUpSubtle.product-card__wrapper > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Beauty</h3> |
Heading text | Beauty |
Path | div[data-wow-delay="\30 \.4s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Therapeutic</h3> |
Heading text | Therapeutic |
Path | .item.fadeInUpSubtle[data-wow-delay="\30 \.1s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Prescription</h3> |
Heading text | Prescription |
Path | .offset-lg-1 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> We know a positive self-image depends on positive results.</h2> |
Heading text | We know a positive self-image depends on positive results. |
Path | .white.fadeInUp[data-wow-delay="\30 \.3s"]:nth-child(2) |
---|---|
Snippet | <h2 class="white text-center wow fadeInUp animated" data-wow-duration="1.2s" data-wow-delay="0.3s" data-wow-offset="1" style="visibility: visible; animation-duration: 1.2s; animation-delay: 0.3s; animation-name: fadeInUp;"> We're working to take better care of the environment.</h2> |
Heading text | We're working to take better care of the environment. |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Do you share our passion for helping others achieve a better quality of life? </h2> |
Heading text | Do you share our passion for helping others achieve a better quality of life? |
Path | .col-lg-10.col-12.col:nth-child(2) > h3 |
---|---|
Snippet | <h3 class="navy text-center">Stories Worth Sharing</h3> |
Heading text | Stories Worth Sharing |
Links1 failed
Link purpose:6 failed
The purpose of a link must be described by its link text alone, or by the link text together with preceding page context-WCAG 2.4.46 failedPath | .logo |
---|---|
Snippet | <a class="logo" href="http://staging-pifeqidu.kinsta.cloud" title="Crown Homepage"> <img class="img-fluid img-logo" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/03/crown-logo@2x.png" alt="Crown logo." height="99" width="311"> </a> |
Accessible name | Crown logo. |
Accessible description | (no value) |
URL | http://staging-pifeqidu.kinsta.cloud |
Path | .is-transitioned.button--inverted.owl-slide-cta |
---|---|
Snippet | <a class="button button--inverted owl-slide-animated owl-slide-cta wow fadeInZoomOut animated is-transitioned" href="http://staging-pifeqidu.kinsta.cloud/about/" data-wow-delay="1.2s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1.2s; animation-name: fadeInZoomOut;"> |
Accessible name | About Crown |
Accessible description | (no value) |
URL | http://staging-pifeqidu.kinsta.cloud/about/ |
Path | #slide0 |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/about/" id="slide0" class="wow fadeInZoomOut col col-3 homepage-hero__nav-item active animated" data-wow-delay="1.6s" style="visibility: visible; animation-delay: 1.6s; animation-name: fadeInZoomOut;"> |
Accessible name | About Beautifully comprehensive skin care takes a deeper commitment. |
Accessible description | (no value) |
URL | http://staging-pifeqidu.kinsta.cloud/about/ |
Path | #slide1 |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/services/" id="slide1" class="wow fadeInZoomOut col col-3 homepage-hero__nav-item animated" data-wow-delay="1.9s" style="visibility: visible; animation-delay: 1.9s; animation-name: fadeInZoomOut;"> |
Accessible name | Services From lab work to packaging, we can make it happen. |
Accessible description | (no value) |
URL | http://staging-pifeqidu.kinsta.cloud/services/ |
Path | #slide2 |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/therapeutic/" id="slide2" class="wow fadeInZoomOut col col-3 homepage-hero__nav-item animated" data-wow-delay="2.2s" style="visibility: visible; animation-delay: 2.2s; animation-name: fadeInZoomOut;"> |
Accessible name | Products Innovation starts with sound science and an uncompromising pursuit of new ideas. |
Accessible description | (no value) |
URL | http://staging-pifeqidu.kinsta.cloud/therapeutic/ |
Path | a[href$="news"] |
---|---|
Snippet | <a href="/news" class="button button--navy">All News</a> |
Accessible name | All News |
Accessible description | (no value) |
URL | /news |
Audio / video1 failed
Video-only equivalent:1 failed
Pre-recorded video-only content must be accompanied by an equivalent text or audio alternative-WCAG 1.2.11 failedComment | May need to add track or description to hero background video. |
---|
Incomplete tests0 incomplete
Passed tests113 passed
Automated checks43 passed
aria-allowed-attr:6 passed
Elements must only use allowed ARIA attributes-WCAG 4.1.1, WCAG 4.1.26 passedaria-hidden-body:1 passed
aria-hidden='true' must not be present on the document body-WCAG 4.1.21 passedaria-hidden-focus:1 passed
ARIA hidden element must not contain focusable elements-WCAG 4.1.21 passedaria-required-children:9 passed
Certain ARIA roles must contain particular children-WCAG 1.3.19 passedaria-required-parent:9 passed
Certain ARIA roles must be contained by particular parents-WCAG 1.3.19 passedaria-roles:9 passed
ARIA roles used must conform to valid values-WCAG 1.3.1, WCAG 4.1.1, WCAG 4.1.29 passedaria-valid-attr-value:6 passed
ARIA attributes must conform to valid values-WCAG 4.1.1, WCAG 4.1.26 passeddefinition-list:0 passed
<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script> or <template> elements-WCAG 1.3.10 passedhtml-lang-valid:1 passed
<html> element must have a valid value for the lang attribute-WCAG 3.1.11 passedhtml-xml-lang-mismatch:0 passed
HTML elements with lang and xml:lang must have the same base language-WCAG 3.1.10 passedlist:6 passed
<ul> and <ol> must only directly contain <li>, <script> or <template> elements-WCAG 1.3.16 passedtd-headers-attr:0 passed
All cells in a table element that use the headers attribute must only refer to other cells of that same table-WCAG 1.3.10 passedth-has-data-cells:0 passed
All th elements and elements with role=columnheader/rowheader must have data cells they describe-WCAG 1.3.10 passedKeyboard5 passed
Keyboard navigation:0 passed
Users must be able to navigate to all interactive interface components using a keyboard-WCAG 2.1.10 passedNo keyboard traps:0 passed
Users must be able to navigate away from all components using a keyboard-WCAG 2.1.20 passedOn focus:0 passed
Navigating to a component must not trigger any unexpected change of context-WCAG 3.2.10 passedOn input:0 passed
Changing a component's settings must not trigger any unexpected change of context-WCAG 3.2.20 passedNo keystroke timing:0 passed
Components must not require specific timings for individual keystrokes-WCAG 2.1.10 passedFocus5 passed
Visible focus:0 passed
Components must provide a visible indication when they have the input focus-WCAG 2.4.70 passedRevealing content:0 passed
Activating a component that reveals hidden content must move input focus into the revealed content-WCAG 2.4.30 passedModal dialogs:0 passed
Users must not be able to Tab away from a modal dialog without explicitly dismissing it-WCAG 2.4.30 passedClosing content:0 passed
Closing revealed content must return input focus to the component that revealed it-WCAG 2.4.30 passedFocus order:0 passed
Components must receive focus in an order that preserves meaning and operability-WCAG 2.4.30 passedLandmarks3 passed
Landmark roles:2 passed
A landmark region must have the role that best describes its content-WCAG 1.3.12 passedPath | header |
---|---|
Snippet | <header class="pageHeader hasNav clearfix animate fadeIn headerPosFixed js-theHeadroomFunc moveHeader moveHeader--notTop moveHeader--unpinned" data-wow-duration="2.0s" data-wow-delay="0.0s" data-wow-offset="0"> |
Role | banner |
Path | footer |
---|---|
Snippet | <footer class="pageFooter background-navy white"> |
Role | contentinfo |
Primary content:0 passed
The main landmark must contain all of the page's primary content-WCAG 1.3.1, WCAG 2.4.10 passedNo repeating content:0 passed
The main landmark must not contain any blocks of content that repeat across pages-WCAG 1.3.1, WCAG 2.4.10 passedHeadings2 passed
Heading function:16 passed
An element coded as a heading must function as a heading-WCAG 1.3.1, WCAG 2.4.616 passedPath | .is-transitioned.owl-slide-title.homepage-hero__title |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated is-transitioned" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Skin Science for Life |
Path | #index1 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Your Product. Our Passion. |
Path | #index2 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Heading text | Cutting-edge Skin Care |
Path | .col-md-8.col-lg-8.col-xl-5 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-center wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> No matter how life treats skin, we treat it better.</h2> |
Heading text | No matter how life treats skin, we treat it better. |
Path | .margin-top > .no-mobile |
---|---|
Snippet | <h3 class="no-mobile navy text-center wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Discover Our Brands</h3> |
Heading text | Discover Our Brands |
Path | .item.fadeInUpSubtle[data-wow-delay="\30 \.2s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Aesthetics</h3> |
Heading text | Aesthetics |
Path | .owl-item.active:nth-child(2) > .item.fadeInUpSubtle.product-card__wrapper > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Beauty</h3> |
Heading text | Beauty |
Path | div[data-wow-delay="\30 \.4s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Therapeutic</h3> |
Heading text | Therapeutic |
Path | .item.fadeInUpSubtle[data-wow-delay="\30 \.1s"] > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .product-card__caption |
---|---|
Snippet | <h3 class="product-card__caption">Prescription</h3> |
Heading text | Prescription |
Path | .offset-lg-1 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> We know a positive self-image depends on positive results.</h2> |
Heading text | We know a positive self-image depends on positive results. |
Path | .white.fadeInUp[data-wow-delay="\30 \.3s"]:nth-child(2) |
---|---|
Snippet | <h2 class="white text-center wow fadeInUp animated" data-wow-duration="1.2s" data-wow-delay="0.3s" data-wow-offset="1" style="visibility: visible; animation-duration: 1.2s; animation-delay: 0.3s; animation-name: fadeInUp;"> We're working to take better care of the environment.</h2> |
Heading text | We're working to take better care of the environment. |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Do you share our passion for helping others achieve a better quality of life? </h2> |
Heading text | Do you share our passion for helping others achieve a better quality of life? |
Path | .col-lg-10.col-12.col:nth-child(2) > h3 |
---|---|
Snippet | <h3 class="navy text-center">Stories Worth Sharing</h3> |
Heading text | Stories Worth Sharing |
Path | .col-xl-8.news-row[data-wow-delay="\30 \.1s"] > .news-item__link > h5 |
---|---|
Snippet | <h5 class="navy">Crown Laboratories Acquires Keri® from GlaxoSmithKline and Receives an Equity Investment from Greenspring Associates</h5> |
Heading text | Crown Laboratories Acquires Keri® from GlaxoSmithKline and Receives an Equity Investment from Greenspring Associates |
Path | .col-xl-8.news-row[data-wow-delay="\30 \.2s"] > .news-item__link > h5 |
---|---|
Snippet | <h5 class="navy">Crown Laboratories Announces New Chief Commercial Officer, John Peterson</h5> |
Heading text | Crown Laboratories Announces New Chief Commercial Officer, John Peterson |
Path | .news-item.px-4.align-items-center:nth-child(3) > .col-xl-8.news-row.px-0 > .news-item__link > h5 |
---|---|
Snippet | <h5 class="navy">Crown Laboratories Enhances Infrastructure to Support Corporate and Local Economic Growth</h5> |
Heading text | Crown Laboratories Enhances Infrastructure to Support Corporate and Local Economic Growth |
No missing headings:1 passed
Text that looks like a heading must be coded as a heading-WCAG 1.3.1, WCAG 2.4.11 passedRepetitive content3 passed
Bypass blocks:0 passed
A page must provide a keyboard-accessible method to bypass repetitive content-WCAG 2.4.10 passedConsistent navigation:0 passed
Navigational mechanisms that appear on multiple pages must be presented in the same relative order-WCAG 3.2.30 passedConsistent identification:0 passed
Functional components that appear on multiple pages must be identified consistently-WCAG 3.2.40 passedLinks1 passed
Link function:0 passed
If an anchor element functions as a custom widget, it must have the appropriate ARIA widget role-WCAG 4.1.20 passedNative widgets4 passed
Widget function:0 passed
If a native widget functions as a custom widget, it must have the appropriate ARIA widget role-WCAG 4.1.20 passedInstructions:0 passed
If a native widget has visible instructions, they must be programmatically related to it-WCAG 1.3.10 passedLabel:0 passed
A native widget must have a label and/or instructions that identify the expected input-WCAG 3.3.20 passedCues:0 passed
If a native widget adopts certain interactive states, it must provide appropriate cues-WCAG 1.3.1, WCAG 4.1.20 passedCustom widgets6 passed
Design pattern:10 passed
A custom widget must have the appropriate ARIA widget role for its design pattern-WCAG 4.1.210 passedPath | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Path | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Company |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Get in Touch |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Widget role | menu |
Design pattern | Menu |
Accessible name | - |
Instructions:10 passed
If a custom widget has visible instructions, they must be programmatically related to it-WCAG 1.3.110 passedPath | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Company |
Accessible description | - |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Accessible description | - |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Get in Touch |
Accessible description | - |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav focus-within"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="focus-within">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Accessible description | - |
Label:10 passed
A custom widget must have a label and/or instructions that identify the expected input-WCAG 3.3.210 passedPath | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Company |
Accessible description | - |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Accessible description | - |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Get in Touch |
Accessible description | - |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav focus-within"> |
Design pattern | Menu |
Accessible name | - |
Accessible description | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="focus-within">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Accessible description | - |
Role, state, property:10 passed
A custom widget must support the ARIA roles, states, and properties specified by its design pattern-WCAG 4.1.210 passedPath | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Company |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Get in Touch |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Design pattern | Menu |
Accessible name | - |
Path | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav focus-within"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="focus-within">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Cues:10 passed
If a custom widget adopts certain interactive states, it must communicate those states programmatically-WCAG 1.3.1, WCAG 4.1.210 passedPath | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav focus-within"> |
Widget role | menu |
Design pattern | Menu |
HTML cues | - |
ARIA cues | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="focus-within">Products<span class="caret"></span></a> |
Widget role | button |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
HTML cues | - |
ARIA cues | - |
Keyboard interaction:10 passed
A custom widget must support the keyboard interaction specified by its design pattern-WCAG 2.1.110 passedPath | #nav-footer |
---|---|
Snippet | <ul role="menu" id="nav-footer" class="nav-footer d-flex text-center text-md-left justify-content-md-between w-100 flex-column flex-md-row"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-413 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Company<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Company |
Path | #menu-item-413 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-414 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Path | #menu-item-414 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-415 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="true">Get in Touch<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Get in Touch |
Path | #menu-item-415 > .sub-nav |
---|---|
Snippet | <ul class="sub-nav" role="menu"> |
Design pattern | Menu |
Accessible name | - |
Path | #nav-legal |
---|---|
Snippet | <ul role="menu" id="nav-legal" class="nav-legal d-flex flex-column flex-md-row justify-content-center justify-content-md-end text-center text-md-right"> |
Design pattern | Menu |
Accessible name | - |
Path | #nav-header |
---|---|
Snippet | <ul role="menu" id="nav-header" class="main-nav focus-within"> |
Design pattern | Menu |
Accessible name | - |
Path | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false" class="focus-within">Products<span class="caret"></span></a> |
Design pattern | Accordion, Button, Dislosure (Show/Hide), Menu Button |
Accessible name | Products |
Timed events4 passed
Time limits:0 passed
If a time limit is set by the content, the user must be able to turn off, adjust, or extend the time limit-WCAG 2.2.10 passedMoving content:0 passed
If content moves, blinks, or scrolls automatically for more than five seconds, users must be able to pause, stop, or hide it-WCAG 2.2.20 passedAuto-updating content:0 passed
If content updates automatically, users must be able to pause, stop, hide, or control frequency of the updates-WCAG 2.2.20 passedAudio control:0 passed
If audio content plays automatically for longer than three seconds, users must be able to pause or mute it-WCAG 1.4.20 passedErrors3 passed
Error identification:0 passed
If an input error is automatically detected, the item in error must be identified, and the error described, in text-WCAG 3.3.10 passedError suggestion:0 passed
If an input error is automatically detected, guidance for correcting the error must be provided-WCAG 3.3.30 passedError prevention:0 passed
If submitting data might have serious consequences, users must be able to correct the data input before finalizing a submission-WCAG 3.3.40 passedPage navigation3 passed
Page title:1 passed
A web page must have a title that describes its topic or purpose-WCAG 2.4.21 passedPath | html |
---|---|
Snippet | <html lang="en-US" style="" class="no-applicationcache customelements eventlistener geolocation history no-ie8compat json postmessage svg websockets localstorage sessionstorage websqldatabase webworkers hashchange inputsearchevent pointerevents audio canvas canvastext video webgl cssgradients multiplebgs opacity rgba inlinesvg hsla supports svgclippaths smil no-touchevents fontface generatedcontent textshadow no-forcetouch fullscreen requestanimationframe raf no-lowbattery ligatures cssanimations backgroundsize borderimage borderradius boxshadow csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth csscolumns-breakbefore csscolumns-breakafter csscolumns-breakinside flexbox cssreflections csstransforms csstransforms3d csstransitions indexeddb mac indexeddb-deletedatabase focus-within"> |
Page title | Crown Laboratories | Skin Science for Life |
Frame title:0 passed
A frame or iframe must have a title that describes its content-WCAG 4.1.20 passedParsing1 passed
Parsing:0 passed
Elements must have complete start and end tags, must not contain duplicate attributes, and must be nested according to their specifications-WCAG 4.1.10 passedImages4 passed
Image function:10 passed
Every image must be coded as either meaningful or decorative-WCAG 1.1.110 passedPath | img[height="\39 9"] |
---|---|
Snippet | <img class="img-fluid img-logo" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/03/crown-logo@2x.png" alt="Crown logo." height="99" width="311"> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Crown logo. |
Path | #index1 |
---|---|
Snippet | <div id="index1" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-services-hero.jpg');" role="img" aria-label="Scientists researching in a lab" aria-roledescription="slide"> |
Image type | Role="img" |
Coded as | Meaningful |
Accessible name | Scientists researching in a lab |
Path | #index2 |
---|---|
Snippet | <div id="index2" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-products-hero.jpg');" role="img" aria-label="A mother and daughter at the beach at sunset" aria-roledescription="slide"> |
Image type | Role="img" |
Coded as | Meaningful |
Accessible name | A mother and daughter at the beach at sunset |
Path | img[alt="Woman\ smiling\ outside"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/crown-menu-thumbnail-aesthetics.jpg" alt="Woman smiling outside" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Woman smiling outside |
Path | #modal_beauty > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Beauty.jpg" alt="Two women smiling and riding bikes at the beach" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Two women smiling and riding bikes at the beach |
Path | #modal_therapeutic > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Therapeutic.jpg" alt="A mother giving her daughter a piggyback ride at the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | A mother giving her daughter a piggyback ride at the beach at sunset |
Path | #modal_prescription > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Prescription.jpg" alt="An older couple with surfboards walking along the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | An older couple with surfboards walking along the beach at sunset |
Path | img[data-wow-offset="\32 "] |
---|---|
Snippet | <img class="img-fluid img-lazy wow fadeInZoomOut animated" data-wow-duration="1.2s" data-wow-offset="2" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/lab-drops.jpg" alt="Close-up image of a pipette dropping liquid into a vial." style="visibility: visible; animation-duration: 1.2s; animation-name: fadeInZoomOut;"> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Close-up image of a pipette dropping liquid into a vial. |
Path | .background-lightblue |
---|---|
Snippet | <div class="section section-contentSection overHidden background-lightblue section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/ocean-bg.jpg)"> |
Image type | CSS background-image |
Coded as | Meaningful |
Accessible name | Our Responsibility We're working to take better care of the environment. We care. It’s what we do. It’s who we are. That’s why we’re striving to create an eco-friendly future for our company. We reformulated Blue Lizard Australian Sunscreen to make it reef-safe and we are making changes to improve the sustainability of our environment. That’s caring completely. That’s Crown. |
Path | .section-no-mobile-bg |
---|---|
Snippet | <div class="section section-contentSection overHidden section-no-mobile-bg background-grey section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/05/woman-in-chair.jpg)"> |
Image type | CSS background-image |
Coded as | Meaningful |
Accessible name | Careers Do you share our passion for helping others achieve a better quality of life? |
Text alternative:10 passed
A meaningful image must have a text alternative that serves the equivalent purpose-WCAG 1.1.110 passedPath | img[height="\39 9"] |
---|---|
Snippet | <img class="img-fluid img-logo" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/03/crown-logo@2x.png" alt="Crown logo." height="99" width="311"> |
Image type | <img> |
Accessible name | Crown logo. |
Accessible description | (no value) |
Path | #index1 |
---|---|
Snippet | <div id="index1" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-services-hero.jpg');" role="img" aria-label="Scientists researching in a lab" aria-roledescription="slide"> |
Image type | Role="img" |
Accessible name | Scientists researching in a lab |
Accessible description | (no value) |
Path | #index2 |
---|---|
Snippet | <div id="index2" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-products-hero.jpg');" role="img" aria-label="A mother and daughter at the beach at sunset" aria-roledescription="slide"> |
Image type | Role="img" |
Accessible name | A mother and daughter at the beach at sunset |
Accessible description | (no value) |
Path | img[alt="Woman\ smiling\ outside"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/crown-menu-thumbnail-aesthetics.jpg" alt="Woman smiling outside" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | Woman smiling outside |
Accessible description | (no value) |
Path | #modal_beauty > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Beauty.jpg" alt="Two women smiling and riding bikes at the beach" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | Two women smiling and riding bikes at the beach |
Accessible description | (no value) |
Path | #modal_therapeutic > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Therapeutic.jpg" alt="A mother giving her daughter a piggyback ride at the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | A mother giving her daughter a piggyback ride at the beach at sunset |
Accessible description | (no value) |
Path | #modal_prescription > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Prescription.jpg" alt="An older couple with surfboards walking along the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | An older couple with surfboards walking along the beach at sunset |
Accessible description | (no value) |
Path | img[data-wow-offset="\32 "] |
---|---|
Snippet | <img class="img-fluid img-lazy wow fadeInZoomOut animated" data-wow-duration="1.2s" data-wow-offset="2" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/lab-drops.jpg" alt="Close-up image of a pipette dropping liquid into a vial." style="visibility: visible; animation-duration: 1.2s; animation-name: fadeInZoomOut;"> |
Image type | <img> |
Accessible name | Close-up image of a pipette dropping liquid into a vial. |
Accessible description | (no value) |
Path | .background-lightblue |
---|---|
Snippet | <div class="section section-contentSection overHidden background-lightblue section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/ocean-bg.jpg)"> |
Image type | CSS background-image |
Accessible name | Our Responsibility We're working to take better care of the environment. We care. It’s what we do. It’s who we are. That’s why we’re striving to create an eco-friendly future for our company. We reformulated Blue Lizard Australian Sunscreen to make it reef-safe and we are making changes to improve the sustainability of our environment. That’s caring completely. That’s Crown. |
Accessible description | (no value) |
Path | .section-no-mobile-bg |
---|---|
Snippet | <div class="section section-contentSection overHidden section-no-mobile-bg background-grey section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/05/woman-in-chair.jpg)"> |
Image type | CSS background-image |
Accessible name | Careers Do you share our passion for helping others achieve a better quality of life? |
Accessible description | (no value) |
Images of text:10 passed
Images of text are allowed only where a specific appearance is required (e.g., logotypes)-WCAG 1.4.510 passedPath | img[height="\39 9"] |
---|---|
Snippet | <img class="img-fluid img-logo" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/03/crown-logo@2x.png" alt="Crown logo." height="99" width="311"> |
Image type | <img> |
Accessible name | Crown logo. |
Path | #index1 |
---|---|
Snippet | <div id="index1" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-services-hero.jpg');" role="img" aria-label="Scientists researching in a lab" aria-roledescription="slide"> |
Image type | Role="img" |
Accessible name | Scientists researching in a lab |
Path | #index2 |
---|---|
Snippet | <div id="index2" class="owl-slide d-flex align-items-center cover homepage-hero__image" style="background-image: url('http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/homepage-products-hero.jpg');" role="img" aria-label="A mother and daughter at the beach at sunset" aria-roledescription="slide"> |
Image type | Role="img" |
Accessible name | A mother and daughter at the beach at sunset |
Path | img[alt="Woman\ smiling\ outside"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/crown-menu-thumbnail-aesthetics.jpg" alt="Woman smiling outside" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | Woman smiling outside |
Path | #modal_beauty > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Beauty.jpg" alt="Two women smiling and riding bikes at the beach" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | Two women smiling and riding bikes at the beach |
Path | #modal_therapeutic > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Therapeutic.jpg" alt="A mother giving her daughter a piggyback ride at the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | A mother giving her daughter a piggyback ride at the beach at sunset |
Path | #modal_prescription > .product-card__link.d-inline-block[title="Learn\ More"] > .product-card > .img-fluid[height="\34 00"][width="\35 40"] |
---|---|
Snippet | <img src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/Prescription.jpg" alt="An older couple with surfboards walking along the beach at sunset" class="img-fluid img-lazy" width="540" height="400" style=""> |
Image type | <img> |
Accessible name | An older couple with surfboards walking along the beach at sunset |
Path | img[data-wow-offset="\32 "] |
---|---|
Snippet | <img class="img-fluid img-lazy wow fadeInZoomOut animated" data-wow-duration="1.2s" data-wow-offset="2" src="http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/lab-drops.jpg" alt="Close-up image of a pipette dropping liquid into a vial." style="visibility: visible; animation-duration: 1.2s; animation-name: fadeInZoomOut;"> |
Image type | <img> |
Accessible name | Close-up image of a pipette dropping liquid into a vial. |
Path | .background-lightblue |
---|---|
Snippet | <div class="section section-contentSection overHidden background-lightblue section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/04/ocean-bg.jpg)"> |
Image type | CSS background-image |
Accessible name | Our Responsibility We're working to take better care of the environment. We care. It’s what we do. It’s who we are. That’s why we’re striving to create an eco-friendly future for our company. We reformulated Blue Lizard Australian Sunscreen to make it reef-safe and we are making changes to improve the sustainability of our environment. That’s caring completely. That’s Crown. |
Path | .section-no-mobile-bg |
---|---|
Snippet | <div class="section section-contentSection overHidden section-no-mobile-bg background-grey section-contentSection--fullBackground" style="background-image: url(http://staging-pifeqidu.kinsta.cloud/wp-content/uploads/2019/05/woman-in-chair.jpg)"> |
Image type | CSS background-image |
Accessible name | Careers Do you share our passion for helping others achieve a better quality of life? |
CAPTCHAs:0 passed
If a CAPTCHA is used, alternative methods must be provided for both users without vision and users without hearing-WCAG 1.1.10 passedLanguage3 passed
Language of parts:0 passed
If the language of a passage differs from the default language of the page, the passage must have its own language attribute-WCAG 3.1.20 passedText direction:0 passed
If a page or a passage uses a script that is read right-to-left, it must have the correct text direction-WCAG 1.3.20 passedSensory4 passed
Color as meaning:1 passed
Color must not be used as the only visual means for conveying meaning-WCAG 1.4.11 passedInstructions:0 passed
Instructions must not rely solely on color or other sensory characteristics-WCAG 1.3.30 passedFlashing:0 passed
Web pages must not have content that flashes more than three times per second-WCAG 2.3.10 passedText legibility3 passed
High contrast mode:0 passed
Websites and web apps must honor high contrast appearance settings and functions-SECTION 508 - 502.2.20 passedResize text:0 passed
Users must be able to resize text, without using assistive technology, up to 200% with no loss of content or functionality-WCAG 1.4.40 passedPath | #menu-item-381 > a[aria-haspopup="true"][href="\#"][role="button"] |
---|---|
Snippet | <a href="#" role="button" aria-haspopup="true" aria-expanded="false">Products<span class="caret"></span></a> |
Text string | PRODUCTS |
Size | regular |
Path | #menu-item-375 > a[role="menuitem"] |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/about/" role="menuitem">About</a> |
Text string | ABOUT |
Size | regular |
Path | #menu-item-374 > a[role="menuitem"] |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/services/" role="menuitem">Services</a> |
Text string | SERVICES |
Size | regular |
Path | #menu-item-373 > a[role="menuitem"] |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/research-and-development/" role="menuitem">R & D</a> |
Text string | R & D |
Size | regular |
Path | #menu-item-720 > a[role="menuitem"] |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/news/" role="menuitem">News</a> |
Text string | NEWS |
Size | regular |
Path | #menu-item-371 > a[role="menuitem"] |
---|---|
Snippet | <a href="http://staging-pifeqidu.kinsta.cloud/careers/" role="menuitem">Careers</a> |
Text string | CAREERS |
Size | regular |
Path | .is-transitioned.owl-slide-title.homepage-hero__title |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated is-transitioned" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Text string | Skin Science for Life |
Size | large |
Path | #index1 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Text string | Your Product. Our Passion. |
Size | large |
Path | #index1 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .button--inverted.owl-slide-cta[data-wow-delay="\31 \.2s"] |
---|---|
Snippet | <a class="button button--inverted owl-slide-animated owl-slide-cta wow fadeInZoomOut animated" href="http://staging-pifeqidu.kinsta.cloud/services/" data-wow-delay="1.2s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1.2s; animation-name: fadeInZoomOut;"> |
Text string | SERVICES |
Size | regular |
Path | #index2 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .owl-slide-title.homepage-hero__title[data-wow-delay="\31 s"] |
---|---|
Snippet | <h2 class="owl-slide-animated owl-slide-title homepage-hero__title wow fadeInZoomOut animated" data-wow-delay="1s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1s; animation-name: fadeInZoomOut;"> |
Text string | Cutting-edge Skin Care |
Size | large |
Path | #index2 > .homepage-hero__content.container > .justify-content-md-start.row.justify-content-center > .static > .owl-slide-text > .button--inverted.owl-slide-cta[data-wow-delay="\31 \.2s"] |
---|---|
Snippet | <a class="button button--inverted owl-slide-animated owl-slide-cta wow fadeInZoomOut animated" href="http://staging-pifeqidu.kinsta.cloud/therapeutic/" data-wow-delay="1.2s" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-delay: 1.2s; animation-name: fadeInZoomOut;"> |
Text string | PRODUCTS |
Size | regular |
Path | #slide0 > .homepage-hero__control > .strong.homepage-hero__nav-text |
---|---|
Snippet | <p class="strong homepage-hero__nav-text">About</p> |
Text string | About |
Size | regular |
Path | #slide0 > .homepage-hero__control > .homepage-hero__nav-text:nth-child(2) |
---|---|
Snippet | <p class="homepage-hero__nav-text">Beautifully comprehensive skin care takes a deeper commitment.</p> |
Text string | Beautifully comprehensive skin care takes a deeper commitment. |
Size | regular |
Path | #slide1 > .homepage-hero__control > .strong.homepage-hero__nav-text |
---|---|
Snippet | <p class="strong homepage-hero__nav-text">Services</p> |
Text string | Services |
Size | regular |
Path | #slide1 > .homepage-hero__control > .homepage-hero__nav-text:nth-child(2) |
---|---|
Snippet | <p class="homepage-hero__nav-text">From lab work to packaging, we can make it happen.</p> |
Text string | From lab work to packaging, we can make it happen. |
Size | regular |
Path | #slide2 > .homepage-hero__control > .strong.homepage-hero__nav-text |
---|---|
Snippet | <p class="strong homepage-hero__nav-text">Products</p> |
Text string | Products |
Size | regular |
Path | #slide2 > .homepage-hero__control > .homepage-hero__nav-text:nth-child(2) |
---|---|
Snippet | <p class="homepage-hero__nav-text">Innovation starts with sound science and an uncompromising pursuit of new ideas.</p> |
Text string | Innovation starts with sound science and an uncompromising pursuit of new ideas. |
Size | regular |
Path | .homepage-hero__nav-item--see-more |
---|---|
Snippet | <a href="#page-jump" class="homepage-hero__nav-item homepage-hero__nav-item--see-more col col-2 wow fadeInZoomOut animated" data-wow-delay="2.5s" style="visibility: visible; animation-delay: 2.5s; animation-name: fadeInZoomOut;"> |
Text string | SEE MORE |
Size | regular |
Path | .offset-lg-1 > .section__content.text-left.mt-0 > p |
---|---|
Snippet | <p> |
Text string | Cutting-edge skin care starts with sound science and an uncompromising pursuit of new ideas, better techniques and improved formulations. From advanced aesthetic medicine and beauty solutions to a wide range of therapeutic and prescription skin care products, we are dedicated to leading the way in that search for better results. That’s improving lives. That’s Crown. |
Size | regular |
Path | .white.fadeInUp[data-wow-delay="\30 \.3s"]:nth-child(1) |
---|---|
Snippet | <div class="subtitle white text-center wow fadeInUp animated" data-wow-duration="1.2s" data-wow-delay="0.3s" data-wow-offset="1" style="visibility: visible; animation-duration: 1.2s; animation-delay: 0.3s; animation-name: fadeInUp;"> Our Responsibility</div> |
Text string | OUR RESPONSIBILITY |
Size | regular |
Path | .white.fadeInUp[data-wow-delay="\30 \.3s"]:nth-child(2) |
---|---|
Snippet | <h2 class="white text-center wow fadeInUp animated" data-wow-duration="1.2s" data-wow-delay="0.3s" data-wow-offset="1" style="visibility: visible; animation-duration: 1.2s; animation-delay: 0.3s; animation-name: fadeInUp;"> We're working to take better care of the environment.</h2> |
Text string | We're working to take better care of the environment. |
Size | large |
Path | .white.section__content.fadeInUp > p |
---|---|
Snippet | <p> |
Text string | We care. It’s what we do. It’s who we are. That’s why we’re striving to create an eco-friendly future for our company. We reformulated Blue Lizard Australian Sunscreen to make it reef-safe and we are making changes to improve the sustainability of our environment. That’s caring completely. That’s Crown. |
Size | regular |
Path | .white.section__content.fadeInUp > p > strong |
---|---|
Snippet | <strong style="white-space: nowrap;">That’s Crown</strong> |
Text string | That’s Crown |
Size | regular |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > .pink.text-left.subtitle |
---|---|
Snippet | <div class="mobile-center subtitle pink text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Careers</div> |
Text string | CAREERS |
Size | regular |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > h2 |
---|---|
Snippet | <h2 class="mobile-center navy text-left wow fadeIn animated" data-wow-duration="1.2s" style="visibility: visible; animation-duration: 1.2s; animation-name: fadeIn;"> Do you share our passion for helping others achieve a better quality of life? </h2> |
Text string | Do you share our passion for helping others achieve a better quality of life? |
Size | large |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > .section__content.text-left.mt-0 > p |
---|---|
Snippet | <p>We seek to create the best work environment for our employees, taking a healthy approach to balancing the needs of home, work and self. That’s coming together with a common purpose. <strong style="white-space: nowrap;">That’s Crown</strong>.</p> |
Text string | We seek to create the best work environment for our employees, taking a healthy approach to balancing the needs of home, work and self. That’s coming together with a common purpose. That’s Crown. |
Size | regular |
Path | .section-no-mobile-bg > .container-ContentSection.container > .align-items-center.row.justify-content-center > .col-lg-5.col-xl-5.col-sm-12 > .section__content.text-left.mt-0 > p > strong |
---|---|
Snippet | <strong style="white-space: nowrap;">That’s Crown</strong> |
Text string | That’s Crown |
Size | regular |