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
49 Passed
Keyboard
Focus
Landmarks
Headings
Repetitive content
Links
Native widgets
Custom widgets
Timed events
Errors / status
Page navigation
Parsing
Images
Language
Sensory
Text legibility
Audio / video
Multimedia
Live multimedia
Sequence
Semantics
Pointer / motion
Contrast
Scan details
https://okravetz.github.io/portfolio/ |
2019-12-26 8:16 PM EST |
Failed tests0 Failed
Incomplete tests0 Incomplete
Passed tests135 Passed
Automated checks49 Passed
aria-allowed-attr:14 Passed
Elements must only use allowed ARIA attributes-WCAG 4.1.1, WCAG 4.1.214 Passedaria-hidden-body:1 Passed
aria-hidden='true' must not be present on the document body-WCAG 4.1.21 Passedaria-hidden-focus:0 Passed
ARIA hidden element must not contain focusable elements-WCAG 4.1.2, WCAG 1.3.10 Passedaria-required-children:0 Passed
Certain ARIA roles must contain particular children-WCAG 1.3.10 Passedaria-required-parent:0 Passed
Certain ARIA roles must be contained by particular parents-WCAG 1.3.10 Passedaria-roles:0 Passed
ARIA roles used must conform to valid values-WCAG 1.3.1, WCAG 4.1.1, WCAG 4.1.20 Passedaria-valid-attr-value:14 Passed
ARIA attributes must conform to valid values-WCAG 4.1.1, WCAG 4.1.214 Passedavoid-inline-spacing:0 Passed
Inline text spacing must be adjustable with custom stylesheets-WCAG 1.4.120 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:2 Passed
<ul> and <ol> must only directly contain <li>, <script> or <template> elements-WCAG 1.3.12 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 PassedKeyboard6 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 PassedCharacter key shortcuts:0 Passed
Users must be able to turn off or remap character key shortcuts-WCAG 2.1.40 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:6 Passed
A landmark region must have the role that best describes its content-WCAG 1.3.16 PassedPath | header |
---|---|
Snippet | <header> |
Role | banner |
Path | nav |
---|---|
Snippet | <nav aria-label="Main Navigation"> <ul><li><a href="/portfolio/#work" aria-current="page">Work</a></li><li><a href="/portfolio/#resume" aria-current="page">Résumé</a></li><li><a href="/portfolio/#contact" aria-current="page">Contact</a></li></ul> </nav> |
Role | navigation: main navigation |
Path | main |
---|---|
Snippet | <main> |
Role | main |
Path | section[aria-labelledby="resume"] |
---|---|
Snippet | <section aria-labelledby="resume"> |
Role | region: résumé |
Path | section[aria-labelledby="contact"] |
---|---|
Snippet | <section aria-labelledby="contact"> |
Role | region: contact |
Path | footer |
---|---|
Snippet | <footer><p class="copyright">© 5780 Oren Kravetz. All Rights Reserved.</p></footer> |
Role | contentinfo |
Primary content:1 Passed
The main landmark must contain all of the page's primary content-WCAG 1.3.1, WCAG 2.4.11 PassedNo repeating content:1 Passed
The main landmark must not contain any blocks of content that repeat across pages-WCAG 1.3.1, WCAG 2.4.11 PassedHeadings3 Passed
Heading function:8 Passed
An element coded as a heading must function as a heading-WCAG 1.3.1, WCAG 2.4.68 PassedPath | h1 |
---|---|
Snippet | <h1>Oren Kravetz</h1> |
Heading text | Oren Kravetz |
Path | a[href$="Cisco\.html"] > h3 |
---|---|
Snippet | <h3>Cisco</h3> |
Heading text | Cisco |
Path | a[href$="BakerHughes\.html"] > h3 |
---|---|
Snippet | <h3>Baker Hughes</h3> |
Heading text | Baker Hughes |
Path | a[href$="Flexport\.html"] > h3 |
---|---|
Snippet | <h3>Flexport</h3> |
Heading text | Flexport |
Path | a[href$="USAirForce\.html"] > h3 |
---|---|
Snippet | <h3>U.S. Air Force</h3> |
Heading text | U.S. Air Force |
Path | a[href$="IntegraMed\.html"] > h3 |
---|---|
Snippet | <h3>IntegraMed</h3> |
Heading text | IntegraMed |
Path | #resume |
---|---|
Snippet | <h2 id="resume">Résumé</h2> |
Heading text | Résumé |
Path | #contact |
---|---|
Snippet | <h2 id="contact">Contact</h2> |
Heading text | Contact |
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 PassedHeading level:8 Passed
A heading's programmatic level must match the level that's presented visually-WCAG 1.3.18 PassedPath | h1 |
---|---|
Snippet | <h1>Oren Kravetz</h1> |
Heading text | Oren Kravetz |
Path | a[href$="Cisco\.html"] > h3 |
---|---|
Snippet | <h3>Cisco</h3> |
Heading text | Cisco |
Path | a[href$="BakerHughes\.html"] > h3 |
---|---|
Snippet | <h3>Baker Hughes</h3> |
Heading text | Baker Hughes |
Path | a[href$="Flexport\.html"] > h3 |
---|---|
Snippet | <h3>Flexport</h3> |
Heading text | Flexport |
Path | a[href$="USAirForce\.html"] > h3 |
---|---|
Snippet | <h3>U.S. Air Force</h3> |
Heading text | U.S. Air Force |
Path | a[href$="IntegraMed\.html"] > h3 |
---|---|
Snippet | <h3>IntegraMed</h3> |
Heading text | IntegraMed |
Path | #resume |
---|---|
Snippet | <h2 id="resume">Résumé</h2> |
Heading text | Résumé |
Path | #contact |
---|---|
Snippet | <h2 id="contact">Contact</h2> |
Heading text | Contact |
Repetitive 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 PassedLinks2 Passed
Link function:9 Passed
If an anchor element functions as a custom widget, it must have the appropriate ARIA widget role-WCAG 4.1.29 PassedPath | a[href$="portfolio\/"] |
---|---|
Snippet | <a href="/portfolio/" aria-current="page"> <h1>Oren Kravetz</h1> </a> |
Accessible name | Oren Kravetz |
URL | /portfolio/ |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-current | page |
Path | a[href$="portfolio\/\#work"] |
---|---|
Snippet | <a href="/portfolio/#work" aria-current="page">Work</a> |
Accessible name | Work |
URL | /portfolio/#work |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-current | page |
Path | a[href$="portfolio\/\#resume"] |
---|---|
Snippet | <a href="/portfolio/#resume" aria-current="page">Résumé</a> |
Accessible name | Résumé |
URL | /portfolio/#resume |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-current | page |
Path | a[href$="portfolio\/\#contact"] |
---|---|
Snippet | <a href="/portfolio/#contact" aria-current="page">Contact</a> |
Accessible name | Contact |
URL | /portfolio/#contact |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-current | page |
Path | li:nth-child(2) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.linkedin.com/in/okravetz" title="opens in a new window" aria-label="Oren Kravetz's LinkedIn profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt=""> <p>LinkedIn</p> </a> |
Accessible name | Oren Kravetz's LinkedIn profile |
URL | https://www.linkedin.com/in/okravetz |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-label | Oren Kravetz's LinkedIn profile |
Path | li:nth-child(3) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.instagram.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Instagram profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt=""> <p>Instagram</p> </a> |
Accessible name | Oren Kravetz's Instagram profile |
URL | https://www.instagram.com/okravetz |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-label | Oren Kravetz's Instagram profile |
Path | li:nth-child(4) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.facebook.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Facebook profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt=""> <p>Facebook</p> </a> |
Accessible name | Oren Kravetz's Facebook profile |
URL | https://www.facebook.com/okravetz |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-label | Oren Kravetz's Facebook profile |
Path | a[aria-label="Oren\ Kravetz\'s\ GitHub\ profile"] |
---|---|
Snippet | <a href="https://www.github.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's GitHub profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt=""> <p>GitHub</p> </a> |
Accessible name | Oren Kravetz's GitHub profile |
URL | https://www.github.com/okravetz |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-label | Oren Kravetz's GitHub profile |
Path | a[aria-label="Oren\ Kravetz\'s\ Twitter\ profile"] |
---|---|
Snippet | <a href="https://www.twitter.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Twitter profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt=""> <p>Twitter</p> </a> |
Accessible name | Oren Kravetz's Twitter profile |
URL | https://www.twitter.com/okravetz |
Role | (no value) |
Tab Index | (no value) |
Aria attributes: | |
aria-label | Oren Kravetz's Twitter profile |
Link purpose:19 Passed
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.419 PassedPath | a[href$="portfolio\/"] |
---|---|
Snippet | <a href="/portfolio/" aria-current="page"> <h1>Oren Kravetz</h1> </a> |
Accessible name | Oren Kravetz |
Accessible description | (no value) |
URL | /portfolio/ |
Path | a[href$="portfolio\/\#work"] |
---|---|
Snippet | <a href="/portfolio/#work" aria-current="page">Work</a> |
Accessible name | Work |
Accessible description | (no value) |
URL | /portfolio/#work |
Path | a[href$="portfolio\/\#resume"] |
---|---|
Snippet | <a href="/portfolio/#resume" aria-current="page">Résumé</a> |
Accessible name | Résumé |
Accessible description | (no value) |
URL | /portfolio/#resume |
Path | a[href$="portfolio\/\#contact"] |
---|---|
Snippet | <a href="/portfolio/#contact" aria-current="page">Contact</a> |
Accessible name | Contact |
Accessible description | (no value) |
URL | /portfolio/#contact |
Path | li:nth-child(2) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.linkedin.com/in/okravetz" title="opens in a new window" aria-label="Oren Kravetz's LinkedIn profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt=""> <p>LinkedIn</p> </a> |
Accessible name | Oren Kravetz's LinkedIn profile |
Accessible description | (no value) |
URL | https://www.linkedin.com/in/okravetz |
Path | li:nth-child(3) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.instagram.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Instagram profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt=""> <p>Instagram</p> </a> |
Accessible name | Oren Kravetz's Instagram profile |
Accessible description | (no value) |
URL | https://www.instagram.com/okravetz |
Path | li:nth-child(4) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] |
---|---|
Snippet | <a href="https://www.facebook.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Facebook profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt=""> <p>Facebook</p> </a> |
Accessible name | Oren Kravetz's Facebook profile |
Accessible description | (no value) |
URL | https://www.facebook.com/okravetz |
Path | a[aria-label="Oren\ Kravetz\'s\ GitHub\ profile"] |
---|---|
Snippet | <a href="https://www.github.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's GitHub profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt=""> <p>GitHub</p> </a> |
Accessible name | Oren Kravetz's GitHub profile |
Accessible description | (no value) |
URL | https://www.github.com/okravetz |
Path | a[aria-label="Oren\ Kravetz\'s\ Twitter\ profile"] |
---|---|
Snippet | <a href="https://www.twitter.com/okravetz" title="opens in a new window" aria-label="Oren Kravetz's Twitter profile" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt=""> <p>Twitter</p> </a> |
Accessible name | Oren Kravetz's Twitter profile |
Accessible description | (no value) |
URL | https://www.twitter.com/okravetz |
Path | .skip |
---|---|
Snippet | <a href="#cont" class="skip">Skip to Main Content.</a> |
Accessible name | Skip to Main Content. |
Accessible description | (no value) |
URL | #cont |
Path | a[href$="Cisco\.html"] |
---|---|
Snippet | <a href="./casestudies/Cisco.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/cisco-logo.png" alt="" class="cs-logo"> <div class="overlay"></div> </div> <h3>Cisco</h3> </a> |
Accessible name | Cisco |
Accessible description | (no value) |
URL | ./casestudies/Cisco.html |
Path | a[href$="BakerHughes\.html"] |
---|---|
Snippet | <a href="./casestudies/BakerHughes.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/baker-hughes-logo.png" alt="" class="cs-logo"> <div class="overlay"></div> </div> <h3>Baker Hughes</h3> </a> |
Accessible name | Baker Hughes |
Accessible description | (no value) |
URL | ./casestudies/BakerHughes.html |
Path | a[href$="Flexport\.html"] |
---|---|
Snippet | <a href="./casestudies/Flexport.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/flexport-logo.png" alt="" class="cs-logo"> <div class="overlay"></div> </div> <h3>Flexport</h3> </a> |
Accessible name | Flexport |
Accessible description | (no value) |
URL | ./casestudies/Flexport.html |
Path | a[href$="USAirForce\.html"] |
---|---|
Snippet | <a href="./casestudies/USAirForce.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/u-s-air-force-logo.png" alt="" class="cs-logo"> <div class="overlay"></div> </div> <h3>U.S. Air Force</h3> </a> |
Accessible name | U.S. Air Force |
Accessible description | (no value) |
URL | ./casestudies/USAirForce.html |
Path | a[href$="IntegraMed\.html"] |
---|---|
Snippet | <a href="./casestudies/IntegraMed.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/integramed-logo.png" alt="" class="cs-logo"> <div class="overlay"></div> </div> <h3>IntegraMed</h3> </a> |
Accessible name | IntegraMed |
Accessible description | (no value) |
URL | ./casestudies/IntegraMed.html |
Path | a[download="Oren\ Kravetz\ Resume\.pdf"] |
---|---|
Snippet | <a href="/portfolio/assets/files/R%C3%A9sum%C3%A9.pdf" download="Oren Kravetz Resume.pdf"> |
Accessible name | Download Oren Kravetz's Résumé [PDF] Oren Kravetz's résumé Download Oren Kravetz's Résumé [PDF] |
Accessible description | (no value) |
URL | /portfolio/assets/files/R%C3%A9sum%C3%A9.pdf |
Path | a[href="mailto\:contact\@orenkravetz\.com"] |
---|---|
Snippet | <a href="mailto:contact@orenkravetz.com"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/microsoftoutlook.svg" alt=""> <p>Email</p> </a> |
Accessible name | |
Accessible description | (no value) |
URL | mailto:contact@orenkravetz.com |
Path | a[href$="sitemap\.html"] |
---|---|
Snippet | <a href="/portfolio/sitemap.html">Sitemap</a> |
Accessible name | Sitemap |
Accessible description | (no value) |
URL | /portfolio/sitemap.html |
Path | .accessibility > a |
---|---|
Snippet | <a href="/portfolio/accessibility-statement_2019-11-26.html">Accessibility Statement</a> |
Accessible name | Accessibility Statement |
Accessible description | (no value) |
URL | /portfolio/accessibility-statement_2019-11-26.html |
Native widgets5 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 a visible label or instructions, they must be programmatically related to it-WCAG 1.3.1, WCAG 2.5.30 PassedExpected input: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 PassedAutocomplete:0 Passed
Text fields that serve certain purposes must have the correct HTML5 autocomplete attribute-WCAG 1.3.50 PassedCustom widgets6 Passed
Design pattern:0 Passed
A custom widget must have the appropriate ARIA widget role for its design pattern-WCAG 4.1.20 PassedInstructions:0 Passed
If a custom widget has visible instructions, they must be programmatically related to it-WCAG 1.3.1, WCAG 2.5.30 PassedExpected input:0 Passed
A custom widget must have a label and/or instructions that identify the expected input-WCAG 3.3.20 PassedRole, state, property:0 Passed
A custom widget must support the ARIA roles, states, and properties specified by its design pattern-WCAG 4.1.20 PassedCues:0 Passed
If a custom widget adopts certain interactive states, it must communicate those states programmatically-WCAG 1.3.1, WCAG 4.1.20 PassedKeyboard interaction:0 Passed
A custom widget must support the keyboard interaction specified by its design pattern-WCAG 2.1.10 PassedTimed 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 PassedErrors / status4 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 PassedStatus messages:0 Passed
If an input error is automatically detected, the item in error must be identified, and the error described, in text-WCAG 4.1.30 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"> |
Page title | Oren Kravetz's Portfolio |
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:13 Passed
Every image must be coded as either meaningful or decorative-WCAG 1.1.113 PassedPath | img[alt="Headshot\ of\ Oren\ Kravetz"] |
---|---|
Snippet | <img src="/portfolio/assets/images/headshot.jpg" alt="Headshot of Oren Kravetz"> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Headshot of Oren Kravetz |
Path | a[href$="Cisco\.html"] > .overlay-container > .cs-logo[alt=""] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/cisco-logo.png" alt="" class="cs-logo"> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[href$="BakerHughes\.html"] > .overlay-container > .cs-logo[alt=""] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/baker-hughes-logo.png" alt="" class="cs-logo"> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[href$="Flexport\.html"] > .overlay-container > .cs-logo[alt=""] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/flexport-logo.png" alt="" class="cs-logo"> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[href$="USAirForce\.html"] > .overlay-container > .cs-logo[alt=""] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/u-s-air-force-logo.png" alt="" class="cs-logo"> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[href$="IntegraMed\.html"] > .overlay-container > .cs-logo[alt=""] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/integramed-logo.png" alt="" class="cs-logo"> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | .resume-image |
---|---|
Snippet | <img src="/portfolio/assets/images/R%C3%A9sum%C3%A9.png" alt="Oren Kravetz's résumé" class="resume-image"> |
Image type | <img> |
Coded as | Meaningful |
Accessible name | Oren Kravetz's résumé |
Path | a[href="mailto\:contact\@orenkravetz\.com"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/microsoftoutlook.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | li:nth-child(2) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | li:nth-child(3) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | li:nth-child(4) > a[title="opens\ in\ a\ new\ window"][target="_blank"][rel="noopener"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[aria-label="Oren\ Kravetz\'s\ GitHub\ profile"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Path | a[aria-label="Oren\ Kravetz\'s\ Twitter\ profile"] > img[alt=""] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt=""> |
Image type | <img> |
Coded as | Decorative |
Accessible name | (no value) |
Text alternative:2 Passed
A meaningful image must have a text alternative that serves the equivalent purpose-WCAG 1.1.12 PassedPath | img[alt="Headshot\ of\ Oren\ Kravetz"] |
---|---|
Snippet | <img src="/portfolio/assets/images/headshot.jpg" alt="Headshot of Oren Kravetz"> |
Image type | <img> |
Accessible name | Headshot of Oren Kravetz |
Accessible description | (no value) |
Path | .resume-image |
---|---|
Snippet | <img src="/portfolio/assets/images/R%C3%A9sum%C3%A9.png" alt="Oren Kravetz's résumé" class="resume-image"> |
Image type | <img> |
Accessible name | Oren Kravetz's résumé |
Accessible description | (no value) |
Images of text:2 Passed
Images of text are allowed only where a specific appearance is required (e.g., logotypes)-WCAG 1.4.52 PassedPath | img[alt="Headshot\ of\ Oren\ Kravetz"] |
---|---|
Snippet | <img src="/portfolio/assets/images/headshot.jpg" alt="Headshot of Oren Kravetz"> |
Image type | <img> |
Accessible name | Headshot of Oren Kravetz |
Path | .resume-image |
---|---|
Snippet | <img src="/portfolio/assets/images/R%C3%A9sum%C3%A9.png" alt="Oren Kravetz's résumé" class="resume-image"> |
Image type | <img> |
Accessible name | Oren Kravetz's résumé |
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 legibility7 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 | .overlay-text |
---|---|
Snippet | <div class="overlay-text">Download Oren Kravetz's Résumé [PDF]</div> |
Text string | Download Oren Kravetz's Résumé [PDF] |
Size | large |
Orientation:0 Passed
Web content must not be locked to a particular screen orientation-WCAG 1.3.40 PassedReflow:0 Passed
Text content must be visible without having to scroll in two dimensions-WCAG 1.4.100 PassedText spacing:0 Passed
Users must be able to adjust text spacing with no loss of content or functionality-WCAG 1.4.120 PassedHover / focus content:0 Passed
Content that appears on focus or hover must be dismissible, hoverable, and persistent-WCAG 1.4.130 PassedAudio / video2 Passed
Audio-only equivalent:0 Passed
Pre-recorded audio-only content must be accompanied by an equivalent text alternative-WCAG 1.2.10 PassedVideo-only equivalent:0 Passed
Pre-recorded video-only content must be accompanied by an equivalent text or audio alternative-WCAG 1.2.10 PassedMultimedia5 Passed
No obstruction:0 Passed
Captions must not obscure or obstruct relevant information in the video-WCAG 1.2.20 PassedAudio description:0 Passed
Pre-recorded video with audio must have an audio description-WCAG 1.2.50 PassedSynchronization:0 Passed
An audio description must be synchronized with the video content-WCAG 1.2.50 PassedNo conflict:0 Passed
An audio description must not conflict with audible information in the sound track-WCAG 1.2.50 PassedLive multimedia1 Passed
Sequence3 Passed
CSS positioning:1 Passed
Meaningful content positioned on the page using CSS must retain its meaning when CSS is disabled-WCAG 1.3.21 PassedLayout tables:0 Passed
The content in an HTML layout table must make sense when the table is linearized-WCAG 1.3.20 PassedColumns:0 Passed
White space characters must not be used to create the appearance of columns-WCAG 1.3.1, WCAG 1.3.20 PassedSemantics6 Passed
CSS content:0 Passed
Meaningful content must not be implemented using only CSS :before or :after-WCAG 1.3.10 PassedData tables:0 Passed
Semantic elements in a data table must not be coded as decorative-WCAG 1.3.10 PassedEmphasis:0 Passed
Words and phrases that are visually emphasized must be contained within semantically correct containers-WCAG 1.3.10 PassedLetter spacing:0 Passed
Spacing characters must not be used to increase the space between letters in a word-WCAG 1.3.10 PassedPointer / motion3 Passed
Pointer gestures:0 Passed
Functions must be operable without requiring multipoint or path-based gestures-WCAG 2.5.10 PassedPointer cancellation:0 Passed
Users must be able to cancel functions that can be operated using a single pointer-WCAG 2.5.20 PassedMotion operation:0 Passed
If a function can be operated through motion, it must also be operable through user interface components-WCAG 2.5.40 PassedContrast3 Passed
UI components:17 Passed
Visual information used to indicate states and boundaries of active interface components must have sufficient contrast-WCAG 1.4.1117 PassedPath | .skip |
---|---|
Snippet | <a href="#cont" class="skip">Skip to Main Content.</a> |
Accessible name | Skip to Main Content. |
Element | link |
Path | a[href$="portfolio\/"] |
---|---|
Snippet | <a href="/portfolio/" aria-current="page"> <h1>Oren Kravetz</h1> </a> |
Accessible name | Oren Kravetz |
Element | link |
Path | a[href$="portfolio\/\#work"] |
---|---|
Snippet | <a href="/portfolio/#work" aria-current="page">Work</a> |
Accessible name | Work |
Element | link |
Path | a[href$="portfolio\/\#resume"] |
---|---|
Snippet | <a href="/portfolio/#resume" aria-current="page">Résumé</a> |
Accessible name | Résumé |
Element | link |
Path | a[href$="portfolio\/\#contact"] |
---|---|
Snippet | <a href="/portfolio/#contact" aria-current="page">Contact</a> |
Accessible name | Contact |
Element | link |
Path | a[href$="Cisco\.html"] |
---|---|
Snippet | <a href="./casestudies/Cisco.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/cisco-logo.png" alt="Cisco" class="cs-logo"> <div class="overlay"></div> </div> <h3>Cisco</h3> </a> |
Accessible name | Cisco Cisco |
Element | link |
Path | a[href$="BakerHughes\.html"] |
---|---|
Snippet | <a href="./casestudies/BakerHughes.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/baker-hughes-logo.png" alt="Baker Hughes" class="cs-logo"> <div class="overlay"></div> </div> <h3>Baker Hughes</h3> </a> |
Accessible name | Baker Hughes Baker Hughes |
Element | link |
Path | a[href$="Flexport\.html"] |
---|---|
Snippet | <a href="./casestudies/Flexport.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/flexport-logo.png" alt="Flexport" class="cs-logo"> <div class="overlay"></div> </div> <h3>Flexport</h3> </a> |
Accessible name | Flexport Flexport |
Element | link |
Path | a[href$="USAirForce\.html"] |
---|---|
Snippet | <a href="./casestudies/USAirForce.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/u-s-air-force-logo.png" alt="U.S. Air Force" class="cs-logo"> <div class="overlay"></div> </div> <h3>U.S. Air Force</h3> </a> |
Accessible name | U.S. Air Force U.S. Air Force |
Element | link |
Path | a[href$="IntegraMed\.html"] |
---|---|
Snippet | <a href="./casestudies/IntegraMed.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/integramed-logo.png" alt="IntegraMed" class="cs-logo"> <div class="overlay"></div> </div> <h3>IntegraMed</h3> </a> |
Accessible name | IntegraMed IntegraMed |
Element | link |
Path | a[download="Oren\ Kravetz\ Resume\.pdf"] |
---|---|
Snippet | <a href="/portfolio/assets/files/R%C3%A9sum%C3%A9.pdf" download="Oren Kravetz Resume.pdf"> |
Accessible name | Download Oren Kravetz's Résumé [PDF] Oren Kravetz's résumé Download Oren Kravetz's Résumé [PDF] |
Element | link |
Path | a[href="mailto\:contact\@orenkravetz\.com"] |
---|---|
Snippet | <a href="mailto:contact@orenkravetz.com"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/microsoftoutlook.svg" alt="Email"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="LinkedIn"] |
---|---|
Snippet | <a href="https://www.linkedin.com/in/okravetz" title="opens in a new window" aria-label="LinkedIn" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt="LinkedIn"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="Instagram"] |
---|---|
Snippet | <a href="https://www.instagram.com/okravetz" title="opens in a new window" aria-label="Instagram" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt="Instagram"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="Facebook"] |
---|---|
Snippet | <a href="https://www.facebook.com/okravetz" title="opens in a new window" aria-label="Facebook" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt="Facebook"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="GitHub"] |
---|---|
Snippet | <a href="https://www.github.com/okravetz" title="opens in a new window" aria-label="GitHub" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt="GitHub"> </a> |
Accessible name | GitHub |
Element | link |
Path | a[aria-label="Twitter"] |
---|---|
Snippet | <a href="https://www.twitter.com/okravetz" title="opens in a new window" aria-label="Twitter" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt="Twitter"> </a> |
Accessible name | |
Element | link |
State changes:17 Passed
Any visual effect that indicates a component's state must have sufficient contrast-WCAG 1.4.1117 PassedPath | .skip |
---|---|
Snippet | <a href="#cont" class="skip">Skip to Main Content.</a> |
Accessible name | Skip to Main Content. |
Element | link |
Path | a[href$="portfolio\/"] |
---|---|
Snippet | <a href="/portfolio/" aria-current="page"> <h1>Oren Kravetz</h1> </a> |
Accessible name | Oren Kravetz |
Element | link |
Path | a[href$="portfolio\/\#work"] |
---|---|
Snippet | <a href="/portfolio/#work" aria-current="page">Work</a> |
Accessible name | Work |
Element | link |
Path | a[href$="portfolio\/\#resume"] |
---|---|
Snippet | <a href="/portfolio/#resume" aria-current="page">Résumé</a> |
Accessible name | Résumé |
Element | link |
Path | a[href$="portfolio\/\#contact"] |
---|---|
Snippet | <a href="/portfolio/#contact" aria-current="page">Contact</a> |
Accessible name | Contact |
Element | link |
Path | a[href$="Cisco\.html"] |
---|---|
Snippet | <a href="./casestudies/Cisco.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/cisco-logo.png" alt="Cisco" class="cs-logo"> <div class="overlay"></div> </div> <h3>Cisco</h3> </a> |
Accessible name | Cisco Cisco |
Element | link |
Path | a[href$="BakerHughes\.html"] |
---|---|
Snippet | <a href="./casestudies/BakerHughes.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/baker-hughes-logo.png" alt="Baker Hughes" class="cs-logo"> <div class="overlay"></div> </div> <h3>Baker Hughes</h3> </a> |
Accessible name | Baker Hughes Baker Hughes |
Element | link |
Path | a[href$="Flexport\.html"] |
---|---|
Snippet | <a href="./casestudies/Flexport.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/flexport-logo.png" alt="Flexport" class="cs-logo"> <div class="overlay"></div> </div> <h3>Flexport</h3> </a> |
Accessible name | Flexport Flexport |
Element | link |
Path | a[href$="USAirForce\.html"] |
---|---|
Snippet | <a href="./casestudies/USAirForce.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/u-s-air-force-logo.png" alt="U.S. Air Force" class="cs-logo"> <div class="overlay"></div> </div> <h3>U.S. Air Force</h3> </a> |
Accessible name | U.S. Air Force U.S. Air Force |
Element | link |
Path | a[href$="IntegraMed\.html"] |
---|---|
Snippet | <a href="./casestudies/IntegraMed.html"> <div class="overlay-container"> <img src="/portfolio/assets/images/logo/integramed-logo.png" alt="IntegraMed" class="cs-logo"> <div class="overlay"></div> </div> <h3>IntegraMed</h3> </a> |
Accessible name | IntegraMed IntegraMed |
Element | link |
Path | a[download="Oren\ Kravetz\ Resume\.pdf"] |
---|---|
Snippet | <a href="/portfolio/assets/files/R%C3%A9sum%C3%A9.pdf" download="Oren Kravetz Resume.pdf"> |
Accessible name | Download Oren Kravetz's Résumé [PDF] Oren Kravetz's résumé Download Oren Kravetz's Résumé [PDF] |
Element | link |
Path | a[href="mailto\:contact\@orenkravetz\.com"] |
---|---|
Snippet | <a href="mailto:contact@orenkravetz.com"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/microsoftoutlook.svg" alt="Email"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="LinkedIn"] |
---|---|
Snippet | <a href="https://www.linkedin.com/in/okravetz" title="opens in a new window" aria-label="LinkedIn" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt="LinkedIn"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="Instagram"] |
---|---|
Snippet | <a href="https://www.instagram.com/okravetz" title="opens in a new window" aria-label="Instagram" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt="Instagram"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="Facebook"] |
---|---|
Snippet | <a href="https://www.facebook.com/okravetz" title="opens in a new window" aria-label="Facebook" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt="Facebook"> </a> |
Accessible name | |
Element | link |
Path | a[aria-label="GitHub"] |
---|---|
Snippet | <a href="https://www.github.com/okravetz" title="opens in a new window" aria-label="GitHub" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt="GitHub"> </a> |
Accessible name | GitHub |
Element | link |
Path | a[aria-label="Twitter"] |
---|---|
Snippet | <a href="https://www.twitter.com/okravetz" title="opens in a new window" aria-label="Twitter" target="_blank" rel="noopener"> <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt="Twitter"> </a> |
Accessible name | |
Element | link |
Path | img[alt="Headshot\ of\ Oren\ Kravetz"] |
---|---|
Snippet | <img src="/portfolio/assets/images/headshot.jpg" alt="Headshot of Oren Kravetz"> |
Image type | <img> |
Accessible name | Headshot of Oren Kravetz |
Path | img[alt="Cisco"] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/cisco-logo.png" alt="Cisco" class="cs-logo"> |
Image type | <img> |
Accessible name | Cisco |
Path | img[alt="Baker\ Hughes"] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/baker-hughes-logo.png" alt="Baker Hughes" class="cs-logo"> |
Image type | <img> |
Accessible name | Baker Hughes |
Path | img[alt="Flexport"] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/flexport-logo.png" alt="Flexport" class="cs-logo"> |
Image type | <img> |
Accessible name | Flexport |
Path | img[alt="U\.S\.\ Air\ Force"] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/u-s-air-force-logo.png" alt="U.S. Air Force" class="cs-logo"> |
Image type | <img> |
Accessible name | U.S. Air Force |
Path | img[alt="IntegraMed"] |
---|---|
Snippet | <img src="/portfolio/assets/images/logo/integramed-logo.png" alt="IntegraMed" class="cs-logo"> |
Image type | <img> |
Accessible name | IntegraMed |
Path | .resume-image |
---|---|
Snippet | <img src="/portfolio/assets/images/R%C3%A9sum%C3%A9.png" alt="Oren Kravetz's résumé" class="resume-image"> |
Image type | <img> |
Accessible name | Oren Kravetz's résumé |
Path | img[alt="Email"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/microsoftoutlook.svg" alt="Email"> |
Image type | <img> |
Accessible name |
Path | img[alt="LinkedIn"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/linkedin.svg" alt="LinkedIn"> |
Image type | <img> |
Accessible name |
Path | img[alt="Instagram"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/instagram.svg" alt="Instagram"> |
Image type | <img> |
Accessible name |
Path | img[alt="Facebook"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/facebook.svg" alt="Facebook"> |
Image type | <img> |
Accessible name |
Path | img[alt="GitHub"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg" alt="GitHub"> |
Image type | <img> |
Accessible name | GitHub |
Path | img[alt="Twitter"] |
---|---|
Snippet | <img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg" alt="Twitter"> |
Image type | <img> |
Accessible name |