(X)HTML5 validation results for http://gphemsley.org/

Validator Input

The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

Image report

The img elements of the page are shown below categorized by their type of textual alternative. Please review that the images in each group match that group’s definition.

Images with textual alternative

The following images have textual alternatives. Please review that the textual alternatives make sense considering the purpose of the image in the context of the page and that phrases like “Image of …” are avoided.

Note that iconic images that are redundant with text next to them or purely decorative should have alt="" instead.

ImageTextual alternativeLocation
MeFrom line 35, column 15; to line 35, column 77
FacebookFrom line 37, column 95; to line 37, column 209
Twitter UpdatesFrom line 40, column 49; to line 40, column 165

Source

  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>Home &ndash; Gordon P. Hemsley</title>
  6. <!--[if IE]>
  7. <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  8. <![endif]-->
  9. <link rel="stylesheet" type="text/css" href="./style/screen.css" media="screen" />
  10. <link rel="stylesheet" type="text/css" href="./style/print.css" media="print" />
  11. </head>
  12. <body>
  13. <header>
  14. <h1 id="title">Gordon P. Hemsley</h1>
  15. <nav>
  16. <ul>
  17. <li class="selected"><a href="./">Home</a></li>
  18. <li><a href="./blogs.php">Blogs</a></li>
  19. <li><a href="./papers.php">Papers</a></li>
  20. <li><a href="./linguistics.php">Linguistics</a></li>
  21. <li><a>Software</a></li>
  22. <li><a href="./sites.php">Sites</a></li>
  23. <li><a>Me</a></li>
  24. </ul>
  25. </nav>
  26. </header>
  27. <div id="page">
  28. <aside id="sidebar">
  29. <h2>Sidebar</h2>
  30. <p style="display: none;"><a href="#content">Skip to content&hellip;</a></p>
  31. <hr />
  32. <p id="me"><img src="./images/me.jpg" width="320" height="240" alt="Me" /></p>
  33. <hr />
  34. <p style="text-align: center;"><a href="http://www.facebook.com/gphemsley" target="_blank"><img src="http://badge.facebook.com/badge/1365030258.1068.1938653801.png" width="288" height="84" alt="Facebook" /></a></p>
  35. <hr />
  36. <div id="twitter_updates">
  37. <h3 style="height: 27px; margin: 0em auto;"><img src="http://assets0.twitter.com/images/twitter_logo_header.png" width="116" height="27" alt="Twitter Updates" /></h3>
  38. <ul id="twitter_update_list"><!-- Will be automatically populated --></ul>
  39. <p style="text-align: center; font-variant: small-caps; font-weight: bolder;"><a href="http://twitter.com/GPHemsley" target="_blank" style="background-color: khaki; padding: 0.5em; border: 1px solid;">Follow Me</a></p>
  40. </div>
  41. </aside>
  42. <div id="content">
  43. <section>
  44. <h1>Home</h1>
  45. <p>Hello.</p>
  46. <p>Welcome to my neck of the Internet.</p>
  47. <p>My name is Gordon P. Hemsley. Since the mid-1990s, I have been known online as GPHemsley.</p>
  48. <p>By day, I am a student of <a href="http://en.wikipedia.org/wiki/Linguistics">linguistics</a>. By night, I am a developer of <a href="http://en.wikipedia.org/wiki/Web_development">Web tools</a>. And every time in between, I am an aficionado of <a href="http://en.wikipedia.org/wiki/The_Beatles">The Beatles</a> and an expert on <a href="http://en.wikipedia.org/wiki/The_Wizard_of_Oz_%281939_film%29"><i>The Wizard of Oz</i></a>.</p>
  49. <p>This place is still fully under construction, so there are many things that are not yet available, but please come in and look around. You might find something interesting to read.</p>
  50. <hr />
  51. <blockquote cite="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-strong-element"><strong>Warning.</strong> This dungeon is dangerous.<br />
  52. <strong>Avoid the ducks.</strong> Take any gold you find.<br />
  53. <strong><strong>Do not take any of the diamonds</strong>,<br />
  54. they are explosive and <strong>will destroy anything within ten meters.</strong></strong><br />
  55. You have been warned. <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-strong-element" style="font-size: larger;">&#x261E;</a></blockquote>
  56. </section>
  57. </div>
  58. </div>
  59. <footer>
  60. <p id="copyright">Copyright &copy; 2007&ndash;2010 <a href="mailto:me%2Bfooter@gphemsley.org" target="_blank">Gordon P. Hemsley</a><br /><span style="font-size: smaller;">All rights reserved, unless otherwise specified.</span></p>
  61. <p id="valid"><a href="http://html5.validator.nu/?doc=http://gphemsley.org/&amp;showimagereport=yes&amp;showsource=yes" target="_blank">Valid HTML 5</a></p>
  62. </footer>
  63. <div id="scripts">
  64. <!-- Google Analytics -->
  65. <script type="text/javascript">
  66. var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  67. document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  68. </script>
  69. <script type="text/javascript">
  70. try {
  71. var pageTracker = _gat._getTracker("UA-10038446-1");
  72. pageTracker._trackPageview();
  73. } catch(err) {}
  74. </script>
  75. <!-- Twitter Updates -->
  76. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  77. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/GPHemsley.json?callback=twitterCallback2&amp;count=5"></script>
  78. </div>
  79. </body>
  80. </html>

Total execution time 485 milliseconds.


About this ServiceMore options