Skip to content

Accessibility errors found in your template #2

New issue
New issue
Open
Open
Accessibility errors found in your template#2
@wapyce-bot

Description

@wapyce-bot
wapyce-bot
opened on Oct 26, 2018

The user @carlsonsantana validate your site template "https://jwt625.github.io/" and found these accessibility errors:

  • Page https://jwt625.github.io/:
    • Issue 1868fdaf-020d-41e7-9281-e11c258ba7cd:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(6) > article:nth-child(3) > header > span > time
      • Context: <time>2014.7 to 2014.8</time>
    • Issue b2b98200-0c3a-4ba8-af20-cf3a1ec076ff:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(6) > article:nth-child(3) > header > span > address
      • Context: <address>Sichuan Province, China</address>
    • Issue ea95fe05-f570-439b-b445-99214f50bec2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(6) > article:nth-child(2) > header > span > time
      • Context: <time>2014.9 to 2015.9</time>
    • Issue eabbe6b3-7b54-4c68-a087-c94c2a31f191:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(6) > article:nth-child(2) > header > span > address
      • Context: <address>Tsinghua University, China</address>
    • Issue bd6acc8f-32c4-44cb-b2eb-23d80ccfb0f2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(5) > header > span > time
      • Context: <time>2015.7</time>
    • Issue 2a72a02b-ccfd-48ab-ac3d-53a71f992033:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(5) > header > span > address
      • Context: <address>Peking University, Beijing, Chi...</address>
    • Issue 90cd85bd-a6f7-4484-9c76-a315670975ca:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(4) > p:nth-child(4) > font
      • Context: <font style="font-style:italic">in situ</font>
    • Issue d53b65aa-54ef-4456-be0f-c78c365c7970:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(4) > header > span > time
      • Context: <time>2015.11 to 2016.7</time>
    • Issue fb6a9c1c-d41e-4025-9da6-856e65728461:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(4) > header > span > address
      • Context: <address>Tsinghua University, Beijing, C...</address>
    • Issue e1b74889-0604-4508-9c26-a6946f72ce21:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(3) > header > span > time
      • Context: <time>2015.6 to Present</time>
    • Issue df272c56-a4dc-4164-b663-e2b099435d5d:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(3) > header > span > address
      • Context: <address>Quantum Device Lab, Tsinghua Un...</address>
    • Issue 0203ca30-4fb8-493c-8426-0976e80299e6:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(2) > header > span > time
      • Context: <time>2016.7 to 2016.9</time>
    • Issue 00095a0d-f81a-4816-bd4a-3f00395d15de:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(2) > header > span > address > a
      • Context: <a href="http://www.stanford.edu/~safavi/">Laboratory for Integrated Nano-...</a>
    • Issue 30cf3476-c5ee-4d7a-9504-76147470e39f:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(3) > article:nth-child(2) > header > span > address
      • Context: <address><a href="http://www.stanford.ed...</address>
    • Issue db176560-bec6-4ee6-be39-af702ef435d9:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > section:nth-child(2) > p:nth-child(4) > font
      • Context: <font style="font-style:italic">Bound state properties of ABC-s...</font>
    • Issue 93d7916f-9f1b-4b00-87fe-70d7306a6245:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > section:nth-child(2) > p:nth-child(3) > font
      • Context: <font style="font-style:italic">Laser-induced Phonon-Phonon Int...</font>
    • Issue 97e83a72-6303-4ef0-a72a-8bc35d846e97:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_3.1_3_1.H49.Font
      • Message: Presentational markup used that has become obsolete in HTML5.
      • Selector: html > body > div > div > section:nth-child(2) > p:nth-child(2) > font
      • Context: <font style="font-style:italic">Coulomb Oscillations in a Gate-...</font>
    • Issue 187c8891-3a0b-45ae-9024-fde82aba18dc:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(3) > header > span:nth-child(3) > time
      • Context: <time>2014 to 2017</time>
    • Issue cff4baa3-796b-475b-bba3-fe2e0fbc8b43:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(3) > header > span:nth-child(3) > address
      • Context: <address>Beijing, China</address>
    • Issue fd0cece8-db2b-4bff-9cc7-40d461209a3e:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(3) > header > span:nth-child(2)
      • Context: <span>Tsinghua University</span>
    • Issue c3b51cb0-b8ca-41aa-aecd-59035c65fa23:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(2) > span:nth-child(3) > time
      • Context: <time>2013 to 2017</time>
    • Issue b3f4c1b4-dba5-4a94-afa0-2b485aca8b27:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(2) > span:nth-child(3) > address
      • Context: <address>Beijing, China</address>
    • Issue 90b42dfe-c2a9-43ae-ab90-a0ee00a4343d:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(2) > span:nth-child(2)
      • Context: <span>Tsinghua University</span>
    • Issue b67fc8dd-6783-41ba-b461-26b5c4d45ab9:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(1) > span:nth-child(3) > time
      • Context: <time>2017 to 2023 (expected)</time>
    • Issue 33f196ea-37c5-4a18-9df2-d3c3035d0849:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(1) > span:nth-child(3) > address
      • Context: <address>CA, US</address>
    • Issue e9e45322-805d-429d-b26f-534a8444c580:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail
      • Message: 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.95:1. Recommendation: change text colour to #767676.
      • Selector: html > body > div > div > section:nth-child(1) > article:nth-child(2) > header:nth-child(1) > span:nth-child(2)
      • Context: <span>Stanford University</span>
    • Issue 9fc9a577-e826-4618-9a47-6166124c6243:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div > header > img:nth-child(11)
      • Context: <img src="/vitae/static/img/MPL_STM.jpg" class="me">
    • Issue 324bd91b-e283-420c-8cb2-05bbaee79ce5:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2
      • Message: Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.
      • Selector: html > body > div > header > a
      • Context: <a href="/vitae/static/img/webpage-projects.png"><img src="/vitae/static/img/web...</a>
    • Issue f7fbeda1-fc84-4c9e-80a3-13783efa5125:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div > header > img:nth-child(9)
      • Context: <img src="/vitae/static/img/CPW_C_test.png" class="me">
    • Issue 9c60570c-1e07-483a-be78-680be24761d2:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div > header > img:nth-child(8)
      • Context: <img src="/vitae/static/img/nanolett_f1.jpg" class="me">
    • Issue 4f2aced4-d30c-4fc5-9006-fd65bfcacc9c:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div > header > img:nth-child(7)
      • Context: <img src="/vitae/static/img/summer2016_device.png" class="me">
    • Issue 9ee0a922-5653-4631-8af8-f9d3f6ffb96b:
      • Type: Error
      • Code: WCAG2AA.Principle1.Guideline1_1.1_1_1.H37
      • Message: Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.
      • Selector: html > body > div > header > img:nth-child(1)
      • Context: <img src="/vitae/static/img/wtjiang.jpg" class="me">
    • Issue 1dcce4c0-d23c-4054-be1f-cee8ebcded2b:
      • Type: Error
      • Code: WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2
      • Message: The html element should have a lang or xml:lang attribute which describes the language of the document.
      • Selector: html
      • Context: <html><head> <meta charset="utf-8...</html>

You can check these accessibility errors using pa11y.
You can view the full validation results in our website.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions