Issues:
If you want to check spelling, set the language using the Choose Rules command in the Desktop edition or the Edit Scan command in the OnDemand edition.
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en-us"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-US">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>A Test Site</title>
<!--mobile first-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript at bottom of page to load faster -->
<meta name="description" content="Testing">
<meta name="Keywords" content="Test">
<link rel="stylesheet" href="../T3/bootstrap-3.3.2-dist/css/bootstrap.css">
<link rel="stylesheet" href="../T3/bootstrap-3.3.2-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../T3/bootstrap-3.3.2-dist/css/bootstrap-black.css">
<!--for customized integration of Google Search with Bootstrap 3-->
<!--<link rel="stylesheet" href="../googlesearch/cse-search.css">-->
<!-- new Universal Analytics account-->
<script
JavaScript added element:
<script src="//www.google-analytics.com/analytics.js" async="1"></script>
JavaScript added element:
<script src="//www.googletagmanager.com/gtm.js?id=GTM-WRRHWF" async="-1"></script>
JavaScript added element:
<script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script>
JavaScript added element:
<script src="//www.google.com/adsense/search/async-ads.js" async="1"></script>
> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-50383095-1', 'cook-my-catch.com');
ga('send', 'pageview');
</script>
<!-- new Universal Analytics account-->
<!-- new Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-WRRHWF"
height="0" width="0" style="display:none;visibility:hidden"
>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
JavaScript added element:
<style type="text/css"></style>
JavaScript added element:
<script></script>
></iframe></noscript Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WRRHWF');</script>
<!-- End new Google Tag Manager -->
</head
>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
<body
>
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
<header
JavaScript added element:
<div class="container-fluid"><nav class="navbar navbar-default navbar-inverse"></nav><div class="navbar-header"><button class="navbar-toggle collapsed" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" href="http://cook-my-catch.com/">A Test Site</a> </div><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav"><li><a href="http://www.cook-my-catch.com/">Home<span class="sr-only">(current)</span></a> </li><li><a href="http://validator.w3.org/">W3C Validator</a> </li><li><a href="http://www.dirtymarkup.com//">Dirty Markup</a> </li><li><a href="http://caniuse.com/#feat=css-mediaqueries">Can I Use?</a> </li><li><a href="https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc">Ripple Emulator</a> </li></ul><ul class="nav navbar-nav navbar-left"><li><a href="http://www.cook-my-catch.com/wp4pt2s/wordpress/">Scratch Demo</a> </li></ul></div></div>
><div class="container-fluid"><!--container-fluid for navigation section-->
<nav class="navbar navbar-default navbar-inverse"
JavaScript changes: changed to class=''
> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="http://cook-my-catch.com">A Test Site</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="http://www.cook-my-catch.com/">Home<span class="sr-only">(current)</span></a></li>
<li><a href="http://validator.w3.org/">W3C Validator</a></li>
<li><a href="http://www.dirtymarkup.com//">Dirty Markup</a></li>
<li><a href="http://caniuse.com/#feat=css-mediaqueries">Can I Use?</a></li>
<li><a href="https://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc">Ripple Emulator</a></li>
</ul>
<ul class="nav navbar-nav navbar-left">
<li><a href="http://www.cook-my-catch.com/wp4pt2s/wordpress/">Scratch Demo</a></li>
<!--<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>-->
</ul>
<!--<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>-->
</div><!-- /.navbar-collapse -->
</div
><!-- /.container-fluid --><!--container fluid for nav area-->
This page has markup errors, causing screen readers to miss content.
Line 109 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
><!-- /.container-fluid --><!--container fluid for nav area-->
</nav
><!--HTML5 nav section-->
This page has markup errors, causing screen readers to miss content.
Line 110 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
><!--HTML5 nav section-->
</header><!-- end HTML5 header-->
<!--end of top portion with header and nav sections--->
<!-- begin HTML5 Main section -->
<main>
<div class="container-fluid">
<style
>
>
.header-unit {
height: 250px;
border: 2px solid #000;
border-right:none;
border-left: none;
position: relative;
padding: 20px;
}
#video-container {
position: absolute;
}
#video-container {
top:0%;
left:0%;
height:100%;
width:100%;
overflow: hidden;
}
video {
position:absolute;
z-index:0;
}
video.fillWidth {
width: 100%;
}
</style>
<!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]-->
<div class="header-unit"><!--for video inside container-fluid-->
<div id="video-container"><!--for video inside container-fluid-->
<video preload="auto" autoplay="autoplay" loop="loop" muted="muted" class="fillWidth"><source src="../videos/svb.webm" type="video/webm"><source src="../videos/
svb.children playing.211214-SD.mp4" type="video/mp4"
> </video></div>
> </video></div>
<div class="col-md-8">
<h1 aria-label="Test Site" style="font-size:2em;">Test Site</h1>
<h2 class="sr-only">Test Heading ARIA Level Two</h2>
<!--Reminder Need to add a poster for first frame of video-->
</div><!--closes col-md-8 inside container fluid and video area-->
<div class="col-md-4"><!--inside container fluid and video area-->
<div id='cse' role="presentation">Loading Search</div>
<script src='//www.google.com/jsapi' type='text/javascript'></script>
<script type='text/javascript'>
google.load('search', '1', {language: 'en', style: google.loader.themes.V2_DEFAULT});
google.setOnLoadCallback(function() {
var customSearchOptions = {};
var orderByOptions = {};
orderByOptions['keys'] = [{label: 'Relevance', key: ''} , {label: 'Date', key: 'date'}];
customSearchOptions['enableOrderBy'] = true;
customSearchOptions['orderByOptions'] = orderByOptions;
customSearchOptions['overlayResults'] = true;
var customSearchControl = new google.search.CustomSearchControl('004026360356616889041:uer42rz8y7u', customSearchOptions);
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
var options = new google.search.DrawOptions();
options.setAutoComplete(true);
customSearchControl.draw('cse', options);
}, true);
</script>
<style type='text/css'
>
>
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
padding: 0.50em;
width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
width: auto;
}
.cse .gsc-branding,
.gsc-branding {
display: none;
}
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: transparent;
background-color: transparent;
}
.gsc-control-cse .gsc-table-result {
font-family: Arial, sans-serif;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
border-color: #25a6e6;
height:45px;
background-color: #ffffff;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #eee;
background-color: #1584ec;
height:45px;
margin-bottom:-5px;
background-image:url('../T2/images/search-ver3.png');
background-repeat:no-repeat;
Property filter doesn't exist in the CSS 2.1 or CSS 3 recommendations.
Line 224 CSS Validation
The property name may be mis-spelled, vendor specific, or a CSS 3 property which has not yet reached recommendation status.
filter: none;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #FF9900;
background-color: #FFFFFF;
}
.gsc-tabHeader.gsc-tabhActive {
border-color: #E9E9E9;
background-color: #E9E9E9;
border-bottom-color: #FF9900
}
.gsc-tabsArea {
border-color: #FF9900;
}
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
color: #000000;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #336699;
background-color: #FFFFFF;
}
.gsc-completion-title {
color: #0000CC;
}
.gsc-completion-snippet {
color: #000000;
}
.gs-promotion a.gs-title:link,.gs-promotion a.gs-title:link *,.gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.gs-promotion a.gs-title:visited,.gs-promotion a.gs-title:visited *,.gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.gs-promotion a.gs-title:hover,.gs-promotion a.gs-title:hover *,.gs-promotion .gs-snippet a:hover {
color: #0000CC;
}
.gs-promotion a.gs-title:active,.gs-promotion a.gs-title:active *,.gs-promotion .gs-snippet a:active {
color: #0000CC;
}
.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {
color: #000000;
}
.gs-promotion .gs-visibleUrl,.gs-promotion .gs-visibleUrl-short {
color: #008000;
}
</style>
</div><!--closes col-md-4 inside container fluid for video area-->
</div><!--closes header-unit for the video works with video container-->
</div><!--closes video-container works with header unit-->
</div
><!--closes container-fluid for this test three-->
This page has markup errors, causing screen readers to miss content.
Line 338 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
><!--closes container-fluid for this test three-->
<!--credit: http://benkaminski.com/2013/05/26/responsive-html5-css3-video-background-in-div-no-javascript/ -->
</div
><!--closes test background for container fluid-->
><!--closes test background for container fluid-->
<!--Twitter Feed group starts here--->
<div class="container-fluid" style="margin-bottom:25px;">
<div class="col-md-12">
<h3>Feed Me Some News...</3>
</div
><!--closes col-md-12-->
This page has markup errors, causing screen readers to miss content.
Line 349 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
><!--closes col-md-12-->
<div class="col-md-4">
<h4>Disability.gov</h4>
<a class="twitter-timeline" href="https://twitter.com/Disabilitygov" data-widget-id="540533599729381376">Tweets by @Disabilitygov</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div><!--closes disability column col-md-4-->
<div class="col-md-4">
<h4>The Library of Congress</h4>
<a class="twitter-timeline" href="https://twitter.com/librarycongress" data-widget-id="438388021767831552">Tweets by @librarycongress</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div><!--closes first col-md-4-->
<div class="col-md-4">
<h4>Search Term "Library" in Arabic</h4>
<a class="twitter-timeline" lang="ar" dir="rtl" href="https://twitter.com/hashtag/%D9%85%D9%83%D8%AA%D8%A8%D8%A9" data-widget-id="520236535438778368">#مكتبة Tweets</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div><!--closes second column-->
</div><!--closes container fluid for group twitter feed-->
<!--ends Twitter Feed Group-->
<div class="container-fluid" style="padding-bottom:25px;background:#000;color:#fff;"><!--Robert section-->
<h3>Current Projects</h3>
<div class="col-md-4">
<h4>Telling Stories</h4>
<img src="T3/images/robert_1200.jpg" class="img-responsive" alt="Screenshot showing a campfire burning">
<h5><a href="https://wiredforcoffee.wordpress.com/">Link to Stories From the Campfire</a></h5>
</div><!--closes first col-md-4-->
<div class="col-md-4"><!--second column-->
<h4>Working with Robert</h4>
<h5>I am very fortunate to be working with Robert right now, a friend with multiple disabilities who is teaching me much. Together, we work to ensure websites are accessible, at least in terms of using Dragon Naturally Speaking. It's the assistive technology he relies on to get through his day. I find using and understanding the Dragon actually more difficult than using screenreaders, as a user is subject to both visual cues as well as HTML hierarchy on the website.</h5>
<h5><a href="https://github.com/cook-my-catch/pbj5">PBJ Plugin Test (A plugin for Robert)</a></h5>
<h5><a href="http://www.cook-my-catch.com/robert1/wordpress/">PBJ Test Site</a></h5>
<h5 aria-label="password protected link"><a href="http://cook-my-catch.com/robert">Notes and Observations (Password Protected)</a></h5>
<h5>We are extremely grateful to Robert Beasey, and the accessibility testing he provides for the website. To the right, Robert is testing a form for possible use as a survey to USFSP students</h5>
</div><!--closes second col-md-4-->
<div class="col-md-4"><!--third column-->
<h4>Training the Dragon</h4>
<img src="T3/images/Robert-03-12-15.jpg" class="img-responsive" alt="Robert Beasey testing a form for USFSP">
<h5><a href="https://rbeasey.wordpress.com/">Link to Robert's site</a></h5>
</div><!--closes third col-md-4-->
</div><!--closes container fluid for Portal Project-->
<!--Robert Plugin Section--->
<div class="container-fluid" style="padding-bottom:25px;background:#000;color:#fff"><!--Robert Plugin section-->
<h4>A Plugin for a friend</h4>
<div class="col-md-4"><!--first column-->
<img src="http://www.cook-my-catch.com/T3/images/testDFW-1200b1.jpg" class="img-responsive" alt="Screenshot of DFW plugin for TinyMCE editor in WordPress" onMouseOver="fade(this,1)" onMouseOut="fade(this,0.7)">
</div><!--closes first col-md-4-->
<div class="col-md-4"><!-- second md-4 column-->
<h4>The Problem:</h4>
<h5>A person who relies on the visual map presented by this interface is set adrift.</h5>
<h5>This is not a dialog that enables easy closure. <a href="http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html">An excerpt from Shneiderman's "Eight Golden Rules of Interface Design" follows:</a></h5>
<h5> Design dialog to yield closure.
Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.</h5>
<p> </p>
</div><!--closes second col-md-4-->
<div class="col-md-4"><!-- third md-4 column-->
<h4>References:</h4>
<h5><a href="http://www.freedomscientific.com/Support/VisionLoss">Vision Loss Facts and Resources</a></h5>
<h5><a href="http://webaim.org/projects/lowvisionsurvey/">WebAim Low Vision Survey 2013</a></h5>
<h5>Excerpt: 40% of respondents use Zoom Text</h5>
<h5><a href="http://webaim.org/projects/motordisabilitysurvey/">WebAim Survey on Motor Disabilities 2013</a></h5>
<h5>"Excerpt: It is of interest that so many users enlarge web content, but primarily for readability when readability is not generally impacted by a motor disability."</h5>
<h5><a href="http://www.hpl.hp.com/hpjournal/dtj/vol8num2/vol8num2art9.pdf">The Design of User Interfaces for Digital Speech Recognition Software(.pdf)</a></h5>
<h5>Excerpt: "Reduced amount of eye movement needed...."</h5>
<h5><a href="http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html">Shneiderman's "Eight Golden Rules of Interface Design"</a></h5>
<h5>"Excerpt: Sequences of actions should be organized into groups with a beginning, middle, and end."</h5>
</div><!--closes third col-md-4-->
</div><!--closes div class container fluid for Robert Plugin section-->
<!--end Robert Plugin section--->
<!--section for grass by beach-->
<div class="container-fluid" style="background:url('../T3/images/Waving_reeds_cinemagraph.gif') no-repeat center center;height:500px;background-size:cover;"> </div>
<!--end section for grass by beach-->
<!--Seflin Workshop 2014 group starts here--->
<div class="container-fluid" style="padding-top:25px;padding-bottom:25px;background:#000030;color:#fff;"><!--Seflin Workshop Group 2014 broken into two containers so that visual flow matches responsive order-->
<div class="col-md-12">
<h4>Seflin Workshops 2014-2015</h4>
<h5>(Notes from the live online sessions)</h5>
</div><!--closes col-md-12-->
<div class="col-md-2">
<img src="T3/images/WPSeflin1s.jpg" class="img-responsive" alt="">
<h5><a href="http://www.cook-my-catch.com/WPseflin1/wordpress/">Introduction to WordPress</a></h5>
</div><!--closes first col-md-2-->
<div class="col-md-2">
<img src="T3/images/WPSeflin2s.jpg" class="img-responsive" alt="">
<h5><a href="http://www.cook-my-catch.com/WPseflin2/wordpress/">WordPress and Library Data</a></h5>
</div><!--closes second col-md-2-->
<div class="col-md-2">
<img src="T3/images/WPSeflin3s.jpg" class="img-responsive" alt="">
<h5><a href="http://www.cook-my-catch.com/WPseflin3/wordpress/">Themes in WordPress</a></h5>
</div><!--closes third col-md-2-->
<div class="col-md-2">
<img src="T3/images/help_1200.jpg" class="img-responsive" alt="">
<h5><a href="https://seflinworkshop.wordpress.com/">Help! I Inherited a Blog!</a></h5>
</div><!--closes fourth col-md-4-->
<div class="col-md-2">
<img src="T3/images/widgetheader-web.jpg" class="img-responsive" alt="">
<h5><a href="https://widgetwork.wordpress.com/">Widgets (Under Construction)</a></h5>
</div><!--closes fifth col-md-4-->
<div class="col-md-2">
<p> </p>
</div><!--closes sixth column col-md-2-->
</div><!--closes container fluid Seflin 2015 Group-->
<!--Seflin Workshop 2015 group ends here-->
<!--start of ARIA testing area--->
<div class="container-fluid" style="padding-top:25px;background:#000;color:#fff;"><!--Projects introduction section-->
<h4>Odds and Ends</h4>
<div class="col-md-2"><!--second column-->
<img src="T3/images/testDFW-1200a1.jpg" class="img-responsive" alt="Screenshot showing default interface." onMouseOver="show_grey(this)" onMouseOut="show_original(this)">
<h5>Screen Shot as Default</h5>
</div><!--closes col-md-2-->
<div class="col-md-2"><!--third column-->
<img src="T3/images/testDFW-1200b1.jpg" class="img-responsive" alt="Screenshot showing WordPress interface with plugin for Robert activated. A Publish button is now visible." onMouseOver="show_grey(this)" onMouseOut="show_original(this)">
<h5>Screen Shot with Plugin</h5>
</div><!--closes col-md-2-->
<div class="col-md-2"><!--fifth column-->
<img src="T3/images/NVDAtest1.jpg" class="img-responsive" alt="Screenshot showing WordPress interface testing with NVDA. The pointer does not receive focus." onMouseOver="show_grey(this)" onMouseOut="show_original(this)">
<h5>Screen Shot Pointer</h5>
</div><!--closes col-md-2--><!--fifth column-->
<div class="col-md-2">
<img src="T3/images/initialportalWPbootstrap.jpg" class="img-responsive" alt="Screenshot showing initial portal using Bootstrap for WordPress." onMouseOver="show_grey(this)" onMouseOut="show_original(this)">
<h5>Initial portal using Bootstrap for WordPress</h5>
</div><!--closes col-md-2-->
<div class="col-md-2">
<img src="T3/images/portaldspacerecord.jpg" class="img-responsive" alt="Screenshot showing record for student portal on the USFSP Digital Archive." onMouseOver="show_grey(this)" onMouseOut="show_original(this)">
<h5>USFSP Digital Archive</h5>
</div><!--closes col-md-2-->
<div class="col-md-2"><!--fourth column-->
<ul>
<li id="larger1" style="list-style: none;">
<img src="T3/images/testDFW-1200b1.jpg"
class="img-responsive"
role="button"
tabindex="0"
aria-pressed="false"
aria-controls="text1"
aria-labelledby="larger_label"
alt="Screenshot showing WordPress interface with plugin for Robert activated. A Publish button is now visible">
<h5><strong>ARIA test</strong></h5>
<h5>Accessibility Warning Generated by use of role="button"</h5>
</li>
</ul>
</div><!--closes col-md-2--><!--fourth column-->
</div><!--closes container fluid for ARIA testing-->
<!--JAWS language group starts here---><div class="container-fluid" style="background:#000;color:#fff;">
<div class="col-md-12">
<h4>Notes Setting Up WordPress with JAWS and NVDA</h4>
<h5>Screenshots of languages below were not announced by JAWS (Version 16, Tested on IE, using Desktop). The languages with the Chinese characters, i.e., Japanese, Chinese long-form and short-form were announced by NVDA (2014.3), but only as "Chinese Characters" (Please note the testing was done with English selected as the language to run. Will retest with other settings). NVDA read the Korean language correctly. In the case of my_MM, it read the first two numbers correctly and then added a third number that did not match the display.</h5>
</div><!--closes col-md-12-->
<!--JAWS language group starts here--->
<div class="container-fluid" style="background:#000;color:#fff;padding-top:25px;">
<style>
.grey-scale{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);}
Properties prefixed by a dash or underscore are vendor specific and only work on one browser engine.
-webkit-filter: grayscale(100%);
Property filter doesn't exist in the CSS 2.1 or CSS 3 recommendations.
Line 557 CSS Validation
The property name may be mis-spelled, vendor specific, or a CSS 3 property which has not yet reached recommendation status.
filter: grayscale(100%);}
</style>
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws-version.jpg" class=" img-responsive" alt="Screenshot showing version of JAWS in testing" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
This page has markup errors, causing screen readers to miss content.
Line 561 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes first col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws-settings.jpg" class="img-responsive" alt="Screenshot showing setting of JAWS in testing" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws1.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws2.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="bg_BG" lang="bg" data-continue="Продължение">Български</h5
>
This page has markup errors, causing screen readers to miss content.
Line 571 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws3.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselectvalue="ja" lang="ja" data-continue="続ける">日本語</h5
>
This page has markup errors, causing screen readers to miss content.
Line 575 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws4.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselectvalue-value="ko_KR" lang="ko" data-continue="계속">한국어</h5
>
This page has markup errors, causing screen readers to miss content.
Line 579 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws5.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="my_MM" lang="my" data-continue="ဆက်လက်လုပ်ေဆာင်ပါ။">ဗမာစာ</h5
>
This page has markup errors, causing screen readers to miss content.
Line 584 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws6.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="ru_RU" lang="ru" data-continue="Продолжить">Русский</h5
>
This page has markup errors, causing screen readers to miss content.
Line 588 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws7.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="sr_RS" lang="sr" data-continue="Настави">Српски језик</h5
>
This page has markup errors, causing screen readers to miss content.
Line 592 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws8.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="th" lang="th" data-continue="ต่อไป">ไทย</h5
>
This page has markup errors, causing screen readers to miss content.
Line 596 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws9.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="zh_TW" lang="zh" data-continue="繼續">繁體中文</h5
>
This page has markup errors, causing screen readers to miss content.
Line 600 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
<div class="col-md-1">
<p align="center"><img src="T3/images/wp-languages-jaws10.jpg" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" onMouseOver="show_grey(this)" onMouseOut="show_original(this)"></a
>
>
<h5><data-langselect-value="zh_CN" lang="zh" data-continue="继续">简体中文</h5
>
This page has markup errors, causing screen readers to miss content.
Line 604 WCAG 2.0 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
>
</div><!--closes col-md-1-->
</div><!--closes twelve columns-->
</div><!--closes container fluid JAWS Group-->
<!--JAWS language group ends here-->
<!--Current Background Work group starts here--->
<div class="container-fluid" style="padding-top:25px;padding-bottom:25px;">
<div class="col-md-4">
<h4>Earlier Tests</h4>
<h5><a href="indexbootstrapv2.html">Old site layout</a></h5>
<h5><a href="http://cook-my-catch.com/training/">Old 3.5 Mock Site One</a></h5>
<h5><a href="http://cook-my-catch.com/352b/">Old 3.5 Mock Site Two</a></h5>
<h5><a href="http://www.cook-my-catch.com/RC1/wordpress/">Portal Test One.</a></h5>
<h5><a href="http://www.cook-my-catch.com/40/wordpress/">Portal Test Two.</a></h5>
<h5><a href="http://www.cook-my-catch.com/Portal41a/trunk/src/">Portal Test 41a</a></h5>
<h5><a href="http://www.cook-my-catch.com/Portal41b/trunk/src/">Portal Test 41b</a></h5>
<h5><a href="http://www.cook-my-catch.com/t29917/trunk/src/">Multisite Testing 4.1</a></h5>
<h5><a href="http://www.cook-my-catch.com/wp4pt2/wordpress/">Multisite Testing 4.2 (Debug True)</a></h5>
<h5><a href="https://secure.BlueHost.com/~cookmyca/Portal41a/trunk/src/">Early Portal Test 41a Certificate</a></h5>
<h5><a href="https://secure.BlueHost.com/~cookmyca/Portal41b/trunk/src/">Early Portal Test 41b Certificate</a></h5>
</div><!--closes first col-md-4-->
<div class="col-md-4">
<h4>Some Current Work</h4>
<h5><a href="https://github.com/cook-my-catch/usfsp-library-test/blob/gh-pages/index.html">dploy.io Test Project One</a></h5>
<h5><a href="http://www.cook-my-catch.com/wp4pt2s/wordpress/">Single Site 4.2 with WP Bootstrap Theme (Debug True)</a></h5>
<h5><a href="http://www.cook-my-catch.com/wp411s/wordpress/">Single Site 4.1.1 with Security Plugin</a></h5>
<h5><a href="http://www.cook-my-catch.com/4berrie/wordpress/">BW Test Page</a></h5>
<h5><a href="https://cook-my-catch.github.io/">Bootstrap V3 Accessibility (Github)</a></h5>
<h5><a href="/videotests/aGIFtest1.html">Animated GIF Test One</a></h5>
<h5><a href="/videotests/ACpantest1.html">Panamora Test One</a></h5>
<h5><a href="http://www.cook-my-catch.com/glatest/wordpress/">3.5 Mock Site Three</a></h5>
<h5><a href="http://www.cook-my-catch.com/glatest/wordpress/?page_id=12">3.5 Mock Site Three Student Journal Page</a></h5>
<h5><a href="http://cook-my-catch.com/352b/test-page-with-co-author-plus/">4.1.1 Mock Site Three Co-Author Plugin </a></h5>
</div><!--closes col-md-3-->
<div class="col-md-4">
<h4>Background Reading</h4>
<h5><a href="https://html.spec.whatwg.org/multipage/">Reference for Markup</a></h5>
<h5><a href="https://developer.wordpress.com/2014/10/23/oauth2-global-scope-tokens/">WordPress OAuth2</a></h5>
<h5><a href="https://developer.wordpress.com/2014/07/04/authentication-improvements-for-testing-your-apps/">Testing WP apps</a></h5>
<h5><a href="https://dequeuniversity.com/assets/html/jquery-summit/html5/slides/html5.html">HTML5 Accessibility</a></h5>
<h5><a href="http://www.danbishop.org/2013/10/14/using-wordpress-behind-a-proxy/">Using WordPress Behind a Proxy</a></h5>
<h5><a href="http://copyright.columbia.edu/copyright/">Columbia University Copyright Office</a></h5>
<h5><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">Viewport Meta Tag</a></h5>
<h5><a href="http://crl.acrl.org/content/early/2012/07/23/crl12-382.short">Supporting Public Access to Research Results</a></h5>
<h5><a href="https://hmscholar.countway.harvard.edu/tutorials/NIH_MyNCBI_NIHMS_2014_PI_Presentation-1.pdf">NIH Public Access Policy
Compliance requirements and workflow management for NIH Principal
Investigators and authors acknowledging NIH grant support by P. Scott Lapinski(.pdf)</a></h5>
</div><!--closes third column col-md-4-->
</div><!--closes container fluid for group b-->
<!--ends Background Work Group-->
</main>
<footer role="contentinfo">
<div class="container-fluid">
<div class="col-md-12 text-center">
<h6>Just a scratch site. sharonaustin@mail.usf.edu</h6>
</div><!-- col-md-12-->
</div><!--container-fluid-->
</footer>
<!--below from bootstrap-->
<script>
$(function () {
var nua = navigator.userAgent
var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1)
if (isAndroid) {
$('select.form-control').removeClass('form-control').css('width', '100%')
}
})
</script>
<script src="jsaustin/austin.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/npm.js"></script>
</body>
INPUT TYPE=IMAGE tags must have an ALT attribute.
Add an ALT attribute describing the button action, which screen readers read aloud.
INPUT TYPE=IMAGE elements labelled with the TITLE attribute don't work in:
- SaToGo 3.4 with Internet Explorer 11 (reads title when tabbing, but not when reading)
Remove the nested headings, or replace them with SPAN elements.
Identify row and column headers in data tables using TH elements, and mark layout tables with role='presentation'.
Data tables allow screen reader users to understand column and row relationships.
Layout tables read cells as a series of unrelated paragraphs with no tabular structure.
Without TH or ROLE, screen readers apply heuristics to decide whether a table is a layout table or data table.
These heuristics vary greatly between screen readers, and are affected by browser being used, window size,
and font size (so the outcome is very unpredictable without TH or ROLE).
If a data table has headers marked up using TD, then change these to TH.
If a data table has no headers, add TH elements describing each row and/or column.
If the table is only used for layout add role='presentation' to the TABLE element.
All ONMOUSEOVER handlers should have an equivalent ONFOCUS handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
All ONMOUSEOUT handlers should have an equivalent ONBLUR handler.
Some users are unable to use a mouse, so use the keyboard instead. Add an equivalent keyboard event handler to help these users.
The VIDEO element is not supported in IE8 and BlackBerry 6 or earlier.
This page has links to a PDF file, but does not provide a link to download Acrobat Reader.
Line 708 Section 508 1194.22 (m)
You should include a link to download Acrobat Reader.
When a web page requires that an applet, plug-in or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with S1194.21(a) through (l).
Without a skip link, screen readers read out the navigation links on every page before reading the page content.
Headings can be a substitute in limited circumstances, but they're not used by all screen reader users,
and many other assistive technology users have no way to navigate via headings.
Add a "Skip to Content" link at the start of the document hidden offscreen by CSS, and made visible on focus, so it's available to keyboard and screen reader users:
<a class="accessible" href="#main">[Skip to Content]</a>
Use link text between 3 and 80 characters so it's long enough to be understood, but avoids line wrapping.
Line 708 Usability.gov 10:11
A single word text link may not give enough information about the link's destination. A link that is a full sentence is difficult to read quickly, particularly if it wraps to another line.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 708 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
JavaScript added element:
<table class="gstl_50 gssb_c" style="" cellSpacing="0" cellPadding="0"><tbody><tr><td class="gssb_f"></td><td class="gssb_e" style=""></td></tr></tbody></table>
JavaScript added element:
<div class="container-fluid" style=""><div class="col-md-12"><h3>Feed Me Some News... <div class="col-md-4"><h4>Disability.gov</h4><a class="twitter-timeline" href="https://twitter.com/Disabilitygov" data-widget-id="540533599729381376">Tweets by @Disabilitygov</a><script></script> </div><div class="col-md-4"><h4>The Library of Congress</h4><a class="twitter-timeline" href="https://twitter.com/librarycongress" data-widget-id="438388021767831552">Tweets by @librarycongress</a><script></script> </div><div class="col-md-4"><h4>Search Term "Library" in Arabic</h4><a lang="ar" class="twitter-timeline" dir="rtl" href="https://twitter.com/hashtag/%D9%85%D9%83%D8%AA%D8%A8%D8%A9" data-widget-id="520236535438778368">#مكتبة Tweets</a><script></script> </div><div class="container-fluid" style=""><h3>Current Projects</h3><div class="col-md-4"><h4>Telling Stories</h4><img class="img-responsive" alt="Screenshot showing a campfire burning" src="http://cook-my-catch.com/T3/images/robert_1200.jpg"> <h5><a href="https://wiredforcoffee.wordpress.com/">Link to Stories From the Campfire</a></h5></div><div class="col-md-4"><h4>Working with Robert</h4><h5>I am very fortunate to be working with Robert right now, a friend with multiple disabilities who is teaching me much. Together, we work to ensure websites are accessible, at least in terms of using Dragon Naturally Speaking. It's the assistive technology he relies on to get through his day. I find using and understanding the Dragon actually more difficult than using screenreaders, as a user is subject to both visual cues as well as HTML hierarchy on the website.</h5><h5><a href="https://github.com/cook-my-catch/pbj5">PBJ Plugin Test (A plugin for Robert)</a></h5><h5><a href="http://www.cook-my-catch.com/robert1/wordpress/">PBJ Test Site</a></h5><h5 aria-label="password protected link"><a href="http://cook-my-catch.com/robert">Notes and Observations (Password Protected)</a></h5><h5>We are extremely grateful to Robert Beasey, and the accessibility testing he provides for the website. To the right, Robert is testing a form for possible use as a survey to USFSP students</h5></div><div class="col-md-4"><h4>Training the Dragon</h4><img class="img-responsive" alt="Robert Beasey testing a form for USFSP" src="http://cook-my-catch.com/T3/images/Robert-03-12-15.jpg"> <h5><a href="https://rbeasey.wordpress.com/">Link to Robert's site</a></h5></div></div><div class="container-fluid" style=""><h4>A Plugin for a friend</h4><div class="col-md-4"><img onmouseover="fade(this,1)" onmouseout="fade(this,0.7)" class="img-responsive" alt="Screenshot of DFW plugin for TinyMCE editor in WordPress" src="http://www.cook-my-catch.com/T3/images/testDFW-1200b1.jpg"> </div><div class="col-md-4"><h4>The Problem:</h4><h5>A person who relies on the visual map presented by this interface is set adrift.</h5><h5>This is not a dialog that enables easy closure. <a href="http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html">An excerpt from Shneiderman's "Eight Golden Rules of Interface Design" follows:</a></h5><h5>Design dialog to yield closure. Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.</h5><p> </p></div><div class="col-md-4"><h4>References:</h4><h5><a href="http://www.freedomscientific.com/Support/VisionLoss">Vision Loss Facts and Resources</a></h5><h5><a href="http://webaim.org/projects/lowvisionsurvey/">WebAim Low Vision Survey 2013</a></h5><h5>Excerpt: 40% of respondents use Zoom Text</h5><h5><a href="http://webaim.org/projects/motordisabilitysurvey/">WebAim Survey on Motor Disabilities 2013</a></h5><h5>"Excerpt: It is of interest that so many users enlarge web content, but primarily for readability when readability is not generally impacted by a motor disability."</h5><h5><a href="http://www.hpl.hp.com/hpjournal/dtj/vol8num2/vol8num2art9.pdf">The Design of User Interfaces for Digital Speech Recognition Software(.pdf)</a></h5><h5>Excerpt: "Reduced amount of eye movement needed...."</h5><h5><a href="http://faculty.washington.edu/jtenenbg/courses/360/f04/sessions/schneidermanGoldenRules.html">Shneiderman's "Eight Golden Rules of Interface Design"</a></h5><h5>"Excerpt: Sequences of actions should be organized into groups with a beginning, middle, and end."</h5></div></div><div class="container-fluid" style=""> </div><div class="container-fluid" style=""><div class="col-md-12"><h4>Seflin Workshops 2014-2015</h4><h5>(Notes from the live online sessions)</h5></div><div class="col-md-2"><img class="img-responsive" alt="" src="http://cook-my-catch.com/T3/images/WPSeflin1s.jpg"> <h5><a href="http://www.cook-my-catch.com/WPseflin1/wordpress/">Introduction to WordPress</a></h5></div><div class="col-md-2"><img class="img-responsive" alt="" src="http://cook-my-catch.com/T3/images/WPSeflin2s.jpg"> <h5><a href="http://www.cook-my-catch.com/WPseflin2/wordpress/">WordPress and Library Data</a></h5></div><div class="col-md-2"><img class="img-responsive" alt="" src="http://cook-my-catch.com/T3/images/WPSeflin3s.jpg"> <h5><a href="http://www.cook-my-catch.com/WPseflin3/wordpress/">Themes in WordPress</a></h5></div><div class="col-md-2"><img class="img-responsive" alt="" src="http://cook-my-catch.com/T3/images/help_1200.jpg"> <h5><a href="https://seflinworkshop.wordpress.com/">Help! I Inherited a Blog!</a></h5></div><div class="col-md-2"><img class="img-responsive" alt="" src="http://cook-my-catch.com/T3/images/widgetheader-web.jpg"> <h5><a href="https://widgetwork.wordpress.com/">Widgets (Under Construction)</a></h5></div><div class="col-md-2"><p> </p></div></div><div class="container-fluid" style=""><h4>Odds and Ends</h4><div class="col-md-2"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing default interface." src="http://cook-my-catch.com/T3/images/testDFW-1200a1.jpg"> <h5>Screen Shot as Default</h5></div><div class="col-md-2"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing WordPress interface with plugin for Robert activated. A Publish button is now visible." src="http://cook-my-catch.com/T3/images/testDFW-1200b1.jpg"> <h5>Screen Shot with Plugin</h5></div><div class="col-md-2"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing WordPress interface testing with NVDA. The pointer does not receive focus." src="http://cook-my-catch.com/T3/images/NVDAtest1.jpg"> <h5>Screen Shot Pointer</h5></div><div class="col-md-2"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing initial portal using Bootstrap for WordPress." src="http://cook-my-catch.com/T3/images/initialportalWPbootstrap.jpg"> <h5>Initial portal using Bootstrap for WordPress</h5></div><div class="col-md-2"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing record for student portal on the USFSP Digital Archive." src="http://cook-my-catch.com/T3/images/portaldspacerecord.jpg"> <h5>USFSP Digital Archive</h5></div><div class="col-md-2"><ul><li id="larger1" style=""><img role="button" tabIndex="0" aria-pressed="false" aria-controls="text1" class="img-responsive" aria-labelledby="larger_label" alt="Screenshot showing WordPress interface with plugin for Robert activated. A Publish button is now visible" src="http://cook-my-catch.com/T3/images/testDFW-1200b1.jpg"> <h5><strong>ARIA test</strong></h5><h5>Accessibility Warning Generated by use of role="button"</h5></li></ul></div></div><div class="container-fluid" style=""><div class="col-md-12"><h4>Notes Setting Up WordPress with JAWS and NVDA</h4><h5>Screenshots of languages below were not announced by JAWS (Version 16, Tested on IE, using Desktop). The languages with the Chinese characters, i.e., Japanese, Chinese long-form and short-form were announced by NVDA (2014.3), but only as "Chinese Characters" (Please note the testing was done with English selected as the language to run. Will retest with other settings). NVDA read the Korean language correctly. In the case of my_MM, it read the first two numbers correctly and then added a third number that did not match the display.</h5></div><div class="container-fluid" style=""><style></style><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class=" img-responsive" alt="Screenshot showing version of JAWS in testing" src="http://cook-my-catch.com/T3/images/wp-languages-jaws-version.jpg"> </p></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing setting of JAWS in testing" src="http://cook-my-catch.com/T3/images/wp-languages-jaws-settings.jpg"> </p></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws1.jpg"> </p></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws2.jpg"> </p><h5><data-langselect-value__bg_bg_ lang="bg" data-continue="Продължение"></data-langselect-value__bg_bg_>БългарÑки</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws3.jpg"> </p><h5><data-langselectvalue__ja_ lang="ja" data-continue="続ã‘ã‚‹"></data-langselectvalue__ja_>日本語</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws4.jpg"> </p><h5><data-langselectvalue-value__ko_kr_ lang="ko" data-continue="계ì†"></data-langselectvalue-value__ko_kr_>í•œêµì–´</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws5.jpg"> </p><h5><data-langselect-value__my_mm_ lang="my" data-continue="ဆက်လက်လုပ်ေဆာင်ပါá‹"></data-langselect-value__my_mm_>ဗမာစာ</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws6.jpg"> </p><h5><data-langselect-value__ru_ru_ lang="ru" data-continue="Продолжить"></data-langselect-value__ru_ru_>РуÑÑкий</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws7.jpg"> </p><h5><data-langselect-value__sr_rs_ lang="sr" data-continue="ÐаÑтави"></data-langselect-value__sr_rs_>СрпÑки језик</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws8.jpg"> </p><h5><data-langselect-value__th_ lang="th" data-continue="ต่à¸à¹„ป"></data-langselect-value__th_>ไทย</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws9.jpg"> </p><h5><data-langselect-value__zh_tw_ lang="zh" data-continue="繼續"></data-langselect-value__zh_tw_>ç¹é«”ä¸æ–‡</h5></div><div class="col-md-1"><p align="center"><img onmouseover="show_grey(this)" onmouseout="show_original(this)" class="img-responsive" alt="Screenshot showing language selected in options screen for setting up WordPress" src="http://cook-my-catch.com/T3/images/wp-languages-jaws10.jpg"> </p><h5><data-langselect-value__zh_cn_ lang="zh" data-continue="继ç»"></data-langselect-value__zh_cn_>简体ä¸æ–‡</h5></div></div></div><div class="container-fluid" style=""><div class="col-md-4"><h4>Earlier Tests</h4><h5><a href="http://cook-my-catch.com/indexbootstrapv2.html">Old site layout</a></h5><h5><a href="http://cook-my-catch.com/training/">Old 3.5 Mock Site One</a></h5><h5><a href="http://cook-my-catch.com/352b/">Old 3.5 Mock Site Two</a></h5><h5><a href="http://www.cook-my-catch.com/RC1/wordpress/">Portal Test One.</a></h5><h5><a href="http://www.cook-my-catch.com/40/wordpress/">Portal Test Two.</a></h5><h5><a href="http://www.cook-my-catch.com/Portal41a/trunk/src/">Portal Test 41a</a></h5><h5><a href="http://www.cook-my-catch.com/Portal41b/trunk/src/">Portal Test 41b</a></h5><h5><a href="http://www.cook-my-catch.com/t29917/trunk/src/">Multisite Testing 4.1</a></h5><h5><a href="http://www.cook-my-catch.com/wp4pt2/wordpress/">Multisite Testing 4.2 (Debug True)</a></h5><h5><a href="https://secure.bluehost.com/~cookmyca/Portal41a/trunk/src/">Early Portal Test 41a Certificate</a></h5><h5><a href="https://secure.bluehost.com/~cookmyca/Portal41b/trunk/src/">Early Portal Test 41b Certificate</a></h5></div><div class="col-md-4"><h4>Some Current Work</h4><h5><a href="https://github.com/cook-my-catch/usfsp-library-test/blob/gh-pages/index.html">dploy.io Test Project One</a></h5><h5><a href="http://www.cook-my-catch.com/wp4pt2s/wordpress/">Single Site 4.2 with WP Bootstrap Theme (Debug True)</a></h5><h5><a href="http://www.cook-my-catch.com/wp411s/wordpress/">Single Site 4.1.1 with Security Plugin</a></h5><h5><a href="http://www.cook-my-catch.com/4berrie/wordpress/">BW Test Page</a></h5><h5><a href="https://cook-my-catch.github.io/">Bootstrap V3 Accessibility (Github)</a></h5><h5><a href="http://cook-my-catch.com/videotests/aGIFtest1.html">Animated GIF Test One</a></h5><h5><a href="http://cook-my-catch.com/videotests/ACpantest1.html">Panamora Test One</a></h5><h5><a href="http://www.cook-my-catch.com/glatest/wordpress/">3.5 Mock Site Three</a></h5><h5><a href="http://www.cook-my-catch.com/glatest/wordpress/?page_id=12">3.5 Mock Site Three Student Journal Page</a></h5><h5><a href="http://cook-my-catch.com/352b/test-page-with-co-author-plus/">4.1.1 Mock Site Three Co-Author Plugin </a></h5></div><div class="col-md-4"><h4>Background Reading</h4><h5><a href="https://html.spec.whatwg.org/multipage/">Reference for Markup</a></h5><h5><a href="https://developer.wordpress.com/2014/10/23/oauth2-global-scope-tokens/">WordPress OAuth2</a></h5><h5><a href="https://developer.wordpress.com/2014/07/04/authentication-improvements-for-testing-your-apps/">Testing WP apps</a></h5><h5><a href="https://dequeuniversity.com/assets/html/jquery-summit/html5/slides/html5.html">HTML5 Accessibility</a></h5><h5><a href="http://www.danbishop.org/2013/10/14/using-wordpress-behind-a-proxy/">Using WordPress Behind a Proxy</a></h5><h5><a href="http://copyright.columbia.edu/copyright/">Columbia University Copyright Office</a></h5><h5><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag">Viewport Meta Tag</a></h5><h5><a href="http://crl.acrl.org/content/early/2012/07/23/crl12-382.short">Supporting Public Access to Research Results</a></h5><h5><a href="https://hmscholar.countway.harvard.edu/tutorials/NIH_MyNCBI_NIHMS_2014_PI_Presentation-1.pdf">NIH Public Access Policy Compliance requirements and workflow management for NIH Principal Investigators and authors acknowledging NIH grant support by P. Scott Lapinski(.pdf)</a></h5></div></div><footer role="contentinfo"></footer><div class="container-fluid"><div class="col-md-12 text-center"><h6>Just a scratch site. sharonaustin@mail.usf.edu</h6></div></div><script></script><script src="jsaustin/austin.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script src="js/bootstrap.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script><script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/bootstrap.js"></script><script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script><script type="text/javascript" src="../T3/bootstrap-3.3.2-dist/js/npm.js"></script></h3></div><div class="col-md-4"><h4>Disability.gov</h4><a class="twitter-timeline" href="https://twitter.com/Disabilitygov" data-widget-id="540533599729381376">Tweets by @Disabilitygov</a><script></script> </div><div class="col-md-4"><h4>The Library of Congress</h4><a class="twitter-timeline" href="https://twitter.com/librarycongress" data-widget-id="438388021767831552">Tweets by @librarycongress</a><script></script> </div><div class="col-md-4"><h4>Search Term "Library" in Arabic</h4><a lang="ar" class="twitter-timeline" dir="rtl" href="https://twitter.com/hashtag/%D9%85%D9%83%D8%AA%D8%A8%D8%A9" data-widget-id="520236535438778368">#مكتبة Tweets</a><script></script> </div></div>
JavaScript added element:
<div></div>
JavaScript added element:
<div></div>
JavaScript added element:
<div class="container-fluid"><style></style><script></script><div class="header-unit"><div id="video-container"><video class="fillWidth" muted="muted" loop="loop" autoplay="autoplay" preload="auto"><source type="video/webm" src="../videos/svb.webm"></source><source type="video/mp4" src="../videos/
svb.children playing.211214-SD.mp4"></source></video></div><div class="col-md-8"><h1 aria-label="Test Site" style="">Test Site</h1><h2 class="sr-only">Test Heading ARIA Level Two</h2></div><div class="col-md-4"><div role="presentation" id="cse"><div class="gsc-control-cse gsc-control-cse-en"><div class="gsc-control-wrapper-cse" dir="ltr"><form class="gsc-search-box gsc-search-box-tools" accept-charset="utf-8"><table class="gsc-search-box" cellSpacing="0" cellPadding="0"><tbody><tr><td class="gsc-input"><div id="gsc-iw-id1" class="gsc-input-box"><table id="gs_id50" class="gstl_50 " style="" cellSpacing="0" cellPadding="0"><tbody><tr><td id="gs_tti50" class="gsib_a"><input spellcheck="0" id="gsc-i-id1" title="search" class="gsc-input" style="" dir="ltr" size="10" autoComplete="off" oninput="function(e,f){if(d[F]){var g;if(!(g=e)){g={};var k=b[Sd];k&&(k[Nb]&&(g.keyCode=k[Nb]),g.sw=!0)}g.Kh=f||a;for(var k=
g,l,n,q=0,u;u=d[q++];)u.Wl?n=!0:l||(u.vw?x(u,k):l=u.mf(k));if(n)for(q=0;u=d[q];)u.Wl?d[Pd](q,1):++q;if(g.Ui)return delete g.Ui,g.sw&&(g=b[Sd]||g),Wf(g),g.returnValue=!1}}" oncompositionstart="function(e,f){if(d[F]){var g;if(!(g=e)){g={};var k=b[Sd];k&&(k[Nb]&&(g.keyCode=k[Nb]),g.sw=!0)}g.Kh=f||a;for(var k=
g,l,n,q=0,u;u=d[q++];)u.Wl?n=!0:l||(u.vw?x(u,k):l=u.mf(k));if(n)for(q=0;u=d[q];)u.Wl?d[Pd](q,1):++q;if(g.Ui)return delete g.Ui,g.sw&&(g=b[Sd]||g),Wf(g),g.returnValue=!1}}" oncompositionend="function(e,f){if(d[F]){var g;if(!(g=e)){g={};var k=b[Sd];k&&(k[Nb]&&(g.keyCode=k[Nb]),g.sw=!0)}g.Kh=f||a;for(var k=
g,l,n,q=0,u;u=d[q++];)u.Wl?n=!0:l||(u.vw?x(u,k):l=u.mf(k));if(n)for(q=0;u=d[q];)u.Wl?d[Pd](q,1):++q;if(g.Ui)return delete g.Ui,g.sw&&(g=b[Sd]||g),Wf(g),g.returnValue=!1}}" autocomplete="off"></td><td class="gsib_b"><div id="gs_st50" class="gsst_b" dir="ltr"><a class="gsst_a" style="" href="javascript:void(0)"><span id="gs_cb50" class="gscb_a">×</span></a></div></td></tr></tbody></table></div><input id="bgresponse" type="hidden"></td><td class="gsc-search-button"><input title="search" class="gsc-search-button gsc-search-button-v2" src="http://www.google.com/uds/css/v2/search_box_icon.png" type="image"></td><td class="gsc-clear-button"><div title="clear results" class="gsc-clear-button"> </div></td></tr></tbody></table><table class="gsc-branding" cellSpacing="0" cellPadding="0"><tbody><tr><td class="gsc-branding-user-defined"></td><td class="gsc-branding-text"><div class="gsc-branding-text">powered by</div></td><td class="gsc-branding-img"><div class="gsc-branding-img" style=""></div></td></tr></tbody></table></form><div class="gsc-results-wrapper-overlay"><div tabIndex="0" class="gsc-results-close-btn"></div><div class="gsc-tabsAreaInvisible"><div class="gsc-tabHeader gsc-inline-block gsc-tabhActive">Custom Search</div><span class="gs-spacer"> </span></div><div class="gsc-tabsAreaInvisible"></div><div class="gsc-above-wrapper-area-invisible"><table class="gsc-above-wrapper-area-container" cellSpacing="0" cellPadding="0"><tbody><tr><td class="gsc-result-info-container"><div class="gsc-result-info-invisible"></div></td><td class="gsc-orderby-container"><div class="gsc-orderby-invisible"><div class="gsc-orderby-label gsc-inline-block">Sort by:</div><div class="gsc-option-menu-container gsc-inline-block"><div class="gsc-selected-option-container gsc-inline-block"><div class="gsc-selected-option">Relevance</div><div class="gsc-option-selector"></div></div><div class="gsc-option-menu-invisible"><div class="gsc-option-menu-item gsc-option-menu-item-highlighted"><div class="gsc-option">Relevance</div></div><div class="gsc-option-menu-item"><div class="gsc-option">Date</div></div></div></div></div></td></tr></tbody></table></div><div class="gsc-adBlockInvisible"></div><div class="gsc-wrapper"><div class="gsc-adBlockInvisible"></div><div class="gsc-resultsbox-invisible"><div class="gsc-resultsRoot gsc-tabData gsc-tabdActive"><table class="gsc-resultsHeader" cellSpacing="0" cellPadding="0"><tbody><tr><td class="gsc-twiddleRegionCell"><div class="gsc-twiddle"><div class="gsc-title">Web</div></div><div class="gsc-stats"></div><div class="gsc-results-selector gsc-all-results-active"><div title="show one result" class="gsc-result-selector gsc-one-result"> </div><div title="show more results" class="gsc-result-selector gsc-more-results"> </div><div title="show all results" class="gsc-result-selector gsc-all-results"> </div></div></td><td class="gsc-configLabelCell"></td></tr></tbody></table><div><div class="gsc-expansionArea"></div></div></div></div></div></div><div tabIndex="0" class="gsc-modal-background-image"></div></div></div></div><script type="text/javascript" src="//www.google.com/jsapi"></script><script type="text/javascript"></script><script type="text/javascript" src="http://www.google.com/uds/?file=search&v=1&hl=en&style=%2F%2Fwww.google.com%2Fcse%2Fstyle%2Flook%2Fv2%2Fdefault.css"></script><link rel="stylesheet" type="text/css" href="http://www.google.com/uds/api/search/1.0/cb6ef4de1f03dde8c26c6d526f8a1f35/default+en.css"><link rel="stylesheet" type="text/css" href="//www.google.com/cse/style/look/v2/default.css"><script type="text/javascript" src="http://www.google.com/uds/api/search/1.0/cb6ef4de1f03dde8c26c6d526f8a1f35/default+en.I.js"></script><style type="text/css"></style></div></div></div>
</html>