Skip to content

Instantly share code, notes, and snippets.

@pdr
Last active April 29, 2019 15:09
Show Gist options
  • Save pdr/73069ca9292bb7e3597cdd5bdc36d586 to your computer and use it in GitHub Desktop.
Save pdr/73069ca9292bb7e3597cdd5bdc36d586 to your computer and use it in GitHub Desktop.
pierre@Pierres-MacBook-Pro-2 ~ $ pa11y www.seamores.com
Welcome to Pa11y
> Running Pa11y on URL http://www.seamores.com
Results for URL: https://www.seamores.com/
• 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 4.38:1. Recommendation: change background to #1b1b1b.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── html > body > header > div:nth-child(2) > div > div > nav > ul > li:nth-child(6) > button
└── <button data-popup-src="#popup-reservations-form" type="button" class="btn btn-brand-alt" data-popup="inline" data-bb-track-label="Callout, Header" data-bb-track="button" data-bb-track-on="click" data-bb-track-action="Click" data-bb-track-category="R...
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #hero > div > div > ul
└── <ul role="presentation" class="slick-track" style="opacity: 1; width: 3780px;"><li class="gallery__item galler...</ul>
2 Errors
pierre@Pierres-MacBook-Pro-2 ~ $ pa11y www.thedutchnyc.com
Welcome to Pa11y
> Running Pa11y on URL http://www.thedutchnyc.com
No issues found!
pierre@Pierres-MacBook-Pro-2 ~ $ pa11y https://www.shakeshack.com/
Welcome to Pa11y
Welcome to Pa11y
> Running Pa11y on URL https://www.shakeshack.com
Results for URL: https://www.shakeshack.com/
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #hero
└── <section id="hero" role="presentation" style="height: 399.992px;"> <div class="slideshow-wrap...</section>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #main > div:nth-child(8) > div > div > div > div > div > ul:nth-child(2) > li:nth-child(1)
└── <li class="good-ingredients" role="presentation" style="display: list-item;"> <div role="tabpanel"...</li>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #main > div:nth-child(8) > div > div > div > div > div > ul:nth-child(2) > li:nth-child(2)
└── <li class="good-n-green" role="presentation"> <div role="tabpanel"...</li>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #main > div:nth-child(8) > div > div > div > div > div > ul:nth-child(2) > li:nth-child(3)
└── <li class="good-bones" role="presentation"> <div role="tabpanel"...</li>
• Error: This element's role is "presentation" but contains child elements with semantic meaning.
├── WCAG2AA.Principle1.Guideline1_3.1_3_1.F92,ARIA4
├── #main > div:nth-child(8) > div > div > div > div > div > ul:nth-child(2) > li:nth-child(4)
└── <li class="good-neighbors" role="presentation"> <div role="tabpanel"...</li>
5 Errors
> Running Pa11y on URL http://becobar.com/
Results for URL: http://becobar.com/
• 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.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_left-menu > li:nth-child(1) > a > span > span
└── <span class="menu-text">ABOUT</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 2.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_left-menu > li:nth-child(2) > a > span > span
└── <span class="menu-text">RESERVATIONS</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 2.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_left-menu > li:nth-child(3) > a > span > span
└── <span class="menu-text">MENU</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 2.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_right-menu > li:nth-child(1) > a > span > span
└── <span class="menu-text">PRESS</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 2.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_right-menu > li:nth-child(2) > a > span > span
└── <span class="menu-text">LARGE GROUPS</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 2.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #split_right-menu > li:nth-child(3) > a > span > span
└── <span class="menu-text">CONTACT</span>
• Error: Anchor element found with a valid href attribute, but no link content has been supplied.
├── WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
├── #page > div:nth-child(3) > div > div:nth-child(1) > a
└── <a href="#" class="dt-mobile-menu-icon"><span class="lines"></span></a>
• Error: Anchor element found with a valid href attribute, but no link content has been supplied.
├── WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.A.NoContent
├── #page > div:nth-child(3) > a
└── <a href="#" class="dt-mobile-menu-icon floating-btn"><span class="lines"></span></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.41:1. Recommendation: change background to #e42b12.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #slide-1-layer-3 > span > iframe
└── <iframe src="https://widgets.resy.com/images/resy-book-now-en-c08b17a52e.svg" style="border: 0px none; height: 50px; width: 200px; visibility: inherit; opacity: 1; display: block; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; ma...
• Error: Iframe element requires a non-empty title attribute that identifies the frame.
├── WCAG2AA.Principle2.Guideline2_4.2_4_1.H64.1
├── #slide-1-layer-3 > span > iframe
└── <iframe src="https://widgets.resy.com/images/resy-book-now-en-c08b17a52e.svg" style="border: 0px none; height: 50px; width: 200px; visibility: inherit; opacity: 1; display: block; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; ma...
• Error: 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.92:1. Recommendation: change text colour to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #about > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > h1
└── <h1 style="font-size: 35px;color: #ff6633;line-height: 1.5;text-align: center;font-family:Oswald;font-weight:700;font-style:normal" class="vc_custom_heading">OUR STORY</h1>
• Error: 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.92:1. Recommendation: change text colour to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #about > div > div > div > div:nth-child(2) > div:nth-child(2) > div > div > div > div > h2 > span
└── <span style="color: #ff6633;">QUESTIONS? COMMENTS?</span>
• Error: 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.92:1. Recommendation: change text colour to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #menu > div > div > div > div:nth-child(2) > div > div > div > h1
└── <h1 style="font-size: 35px;color: #ff6633;line-height: 1.5;text-align: center;font-family:Oswald;font-weight:700;font-style:normal" class="vc_custom_heading">MENUS</h1>
• 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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(1) > span:nth-child(1)
└── <span style="font-weight: 400;">Sausage&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(1) > span:nth-child(2)
└── <span style="font-weight: 400;">•&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(1) > span:nth-child(3)
└── <span style="font-weight: 400;">Bacon&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(1) > span:nth-child(4)
└── <span style="font-weight: 400;">•&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(1) > span:nth-child(5)
└── <span style="font-weight: 400;">Beans</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(2) > span:nth-child(1)
└── <span style="font-weight: 400;">Turkey Bacon&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(2) > span:nth-child(2)
└── <span style="font-weight: 400;">•&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(2) > span:nth-child(3)
└── <span style="font-weight: 400;">Toast w/ butter</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(3) > span:nth-child(1)
└── <span style="font-weight: 400;">Fruit Salad </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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(3) > span:nth-child(2)
└── <span style="font-weight: 400;">•&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(3) > span:nth-child(3)
└── <span style="font-weight: 400;">Rice&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(3) > span:nth-child(4)
└── <span style="font-weight: 400;">•&nbsp;</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(3) > span:nth-child(5)
└── <span style="font-weight: 400;">Beans</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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #breakfast > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > ul > li:nth-child(4)
└── <li>Collard greens • Fried eggs • D...</li>
• Error: 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.92:1. Recommendation: change background to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #private > div > div > div > div:nth-child(2) > div > div > div > h1
└── <h1 style="font-size: 35px;color: #ffffff;line-height: 1.5;text-align: center;font-family:Oswald;font-weight:700;font-style:normal" class="vc_custom_heading">PRIVATE EVENTS</h1>
• 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.63:1. Recommendation: change text colour to #75767c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #content > div:nth-child(9) > div > div > div > div:nth-child(2) > div
└── <div class="wpb_wrapper"> Cannot get other user media. A...</div>
• Error: 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.92:1. Recommendation: change text colour to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #contact > div > div > div > div:nth-child(2) > div > div > div > h1
└── <h1 style="font-size: 35px;color: #ff6633;line-height: 1.5;text-align: center;font-family:Oswald;font-weight:700;font-style:normal" class="vc_custom_heading">CONTACT US</h1>
• 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.92:1. Recommendation: change text colour to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #contact > div > div > div > div:nth-child(6) > div:nth-child(1) > div > div > div > div > p:nth-child(2) > a
└── <a href="tel:718-599-1645" target="_blank" rel="noopener">718-599-1645</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.92:1. Recommendation: change text colour to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #contact > div > div > div > div:nth-child(6) > div:nth-child(1) > div > div > div > div > p:nth-child(7) > a
└── <a href="mailto:info@becobar.com" target="_blank" rel="noopener">info@becobar.com</a>
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(4) > button > img
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M19%206.41L17.59%205%2012...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > button > img:nth-child(1)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%20018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2h4v...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > button > img:nth-child(2)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > button > img:nth-child(3)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%2C0v2v4h2V2h4V0H2H0z%20M16%2C0h-4v2...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(1) > img:nth-child(1)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2010c0...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(1) > img:nth-child(2)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2010c0...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(1) > img:nth-child(3)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2222%22%20viewBox%3D%220%200%2024%2022%22%3E%0A%20%20%3Cpath%20fill%3D%22%23111%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2010c0...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(2) > img:nth-child(1)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2018%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23666%22%20d%3D%22M0%2C16h8V9H0V16z%20M10%2C16h8V9h-...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(2) > img:nth-child(2)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2018%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23333%22%20d%3D%22M0%2C16h8V9H0V16z%20M10%2C16h8V9h-...
• Error: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
├── WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
├── #map_5cc5d6a27bc42 > div:nth-child(1) > div > div:nth-child(10) > div > div > button:nth-child(2) > img:nth-child(3)
└── <img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2018%2016%22%3E%0A%20%20%3Cpath%20fill%3D%22%23111%22%20d%3D%22M0%2C16h8V9H0V16z%20M10%2C16h8V9h-...
• 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.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #ubtn-6998 > span:nth-child(2)
└── <span class="ubtn-data ubtn-text ">GET DIRECTIONS</span>
• Error: 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.92:1. Recommendation: change background to #fc6330.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G145.Fail
├── #press > div > div > div > div:nth-child(2) > div > div > div > h1
└── <h1 style="font-size: 35px;color: #ffffff;line-height: 1.5;text-align: center;font-family:Oswald;font-weight:700;font-style:normal" class="vc_custom_heading">PRESS</h1>
• 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.92:1. Recommendation: change background to #d83f0c.
├── WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
├── #bottom-bar > div > div > div > div:nth-child(2) > div
└── <div class="wf-float-left"> BECO © 2017</div>
45 Errors
pierre@Pierres-MacBook-Pro-2 ~ $
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment