Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Working edits to test cases #21

Merged
merged 5 commits into from
Jun 19, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
181 changes: 92 additions & 89 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,100 +3,103 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>ICT Testing Baseline Alignment Home</title>

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/baseline-align.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/baseline-align.css">

</head>
<body class="h-100">
<header class="navbar navbar-dark bg-dark flex">
<a href="#main-content" id="skipNavLink" class="visually-hidden visible-when-focused bypass-block-link" tabindex="1">Skip to Content</a>
<a href="#secnav" id="skipNavLink" class="visually-hidden visible-when-focused bypass-block-link" tabindex="1">Skip to Page Table of Contents</a>
<a class="navbar-brand d-md-none btn btn-dark mr-1" href="javascript:void(0)" onclick="sidebarOpenClose()" aria-label="Open/Close Nav Menu" id="openCloseMenu" aria-expanded="false" aria-haspopup="true" aria-controls="site-nav"><i class="fa fa-bars"></i></a>
<a href="https://github.com/Section508Coordinators/BaselineTestPages" class="navbar-brand ml-auto order-1 order-md-2 btn btn-dark m-0"><i class="fa fa-github" aria-label="Open Repository in GitHub"></i></a>
<span class="navbar-link text-white" id="nav-title"><span class="d-none d-md-inline">ICT Accessibility Testing </span>Baseline Alignment</span>
</header>


<!-- Primary site nav manu -->
<nav class="col d-none d-md-block bg-light col-md-3 col-xl-2 base-nav order-0 px-0 shadow fixed-sidebar" id="site-nav" aria-label="primary navigation">
<div class="px-2 row">
<h4 class="text-dark bg-light d-inline-block ml-2 my-auto p-2">Menu</h4>
<a href="javascript:void(0)" onclick="sidebarOpenClose()" class="d-none btn btn-light my-1 mr-2 ml-auto text-danger" aria-label="Close Nave Menu" id="closeSidebar"><i class="fa fa-remove"></i></a>
</div>
<ul class="list-group-flush bg-light px-0">
<li><a href="index.html" class="list-group-item list-group-item-action active">Home</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Contributing</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Validating Alignment</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Test Cases</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Glossary</a></li>
</ul>
<ul class="list-group-flush bg-light px-0 border-top mt-5">
<li><a href="https://section508coordinators.github.io/ICTTestingBaseline/" class="list-group-item list-group-item-action bg-light">ICT Baseline (external)</a></li>
</ul>

</nav>

<!-- Overlay effect when opening sidebar on small screens -->
<div onclick="sidebarOpenClose()" style="cursor:pointer" class="d-none overlay" title="Close Nav Menu" id="myOverlay"></div>


<!-- Scondary navigation for page-specific TOC. Remove if not necessary -->
<nav class="col d-none d-xl-block col-xl-2 pr-0 order-2 sec-nav" aria-label="secondary navigation" id="secnav">
<h4 class="bg-light border-left mb-0 p-2">Table of Contents</h4>
<ul class="pl-2 border-left toc bg-light">
<li class="toc-item"><a class="bg-light" href="#framework-intro">Baseline Framework</a>
<ul>
<li class="toc-item"><a class="bg-light" href="#purpose">Purpose and Objectives</a></li>
<li class="toc-item"><a class="bg-light" href="#contribute">How to Contribute</a></li>
<li class="toc-item"><a class="bg-light" href="#align">Validating Alignment</a></li>
</ul>
</li>
</ul>
</nav>

<!-- Main page content -->
<main class="container-fluid mb-auto flex-shrink-0" id="main-content">
<div class="row">
<div class="col-md-9 col-xl-8 py-1 px-1 py-md-2 pl-md-3 offset-md-3 offset-xl-2 order-1">
<div class="card shadow">
<div class="card-body">
<h1 class="card-title" id="framework-intro">ICT Baseline Alignment Framework</h1>
<h2 id="purpose">Purpose and Objectives</h2>
<p class="card-text">GSA's Government-wide IT Accessibility program is encouraging adoption of the Baseline more broadly across government. To facilitate adoption of the Baseline, we must create a process and framework for validating alignment of individual test processes (including testing tools) to the Baseline. The Trusted Tester process is one prime example of a test process that aligns to the Baseline. A Baseline Alignment Validation Framework will make it possible for more agencies to demonstrate alignment of their test processes (whether they subscribe to Trusted Tester or other methods) while providing broader flexibility in the selection of testing tools and contributing test methods. In the end, the more agencies that demonstrate alignment to the Baseline, the more we can share testing results and reduce redundancy in our accessibility testing and market research efforts. </p>
</div>
</div>
<div class="card shadow my-3">
<div class="card-body">
<h2 id="contribute">How to contribute</h2>
<p>Some basic info, then link to the "Contributing" detailed guidance.</p>
</div>
</div>
<div class="card shadow my-3">
<div class="card-body">
<h2 id="align">How to validate alignment to the ICT Baseline</h2>
<p>Some basic info, then link to the "Validating Alignment" detailed guidance.</p>
</div>
</div>
</div>
</div>
</main>

<!-- Footer content -->
<footer class="mt-auto py-2 bg-light">
<div class="footer-content offset-md-2 offset-xl-2 px-3 col-md-9 col-xl-8">
<span>copyright notice and link to license page</span>
</div>
</footer>

<!-- jQuery, Bootstrap JS (bundled with Popper) -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/baseline-align.js"></script>
<!-- Header with skip links and GitHub repository link-->
<header class="navbar navbar-dark bg-dark flex">
<a href="#main-content" id="skipNavLink" class="visually-hidden visible-when-focused bypass-block-link" tabindex="1">Skip to Content</a>
<a href="#secnav" id="skipNavLink" class="visually-hidden visible-when-focused bypass-block-link" tabindex="1">Skip to Page Table of Contents</a>
<a class="navbar-brand d-md-none btn btn-dark mr-1" href="javascript:void(0)" onclick="sidebarOpenClose()" aria-label="Open/Close Nav Menu" id="openCloseMenu" aria-expanded="false" aria-haspopup="true" aria-controls="site-nav"><i class="fa fa-bars"></i></a>
<a href="https://github.com/Section508Coordinators/BaselineTestPages" class="navbar-brand ml-auto order-1 order-md-2 btn btn-dark m-0"><i class="fa fa-github" aria-label="Open Repository in GitHub"></i></a>
<span class="navbar-link text-white" id="nav-title"><span class="d-none d-md-inline">ICT Accessibility Testing </span>Baseline Alignment</span>
</header>


<!-- Primary site nav manu -->
<nav class="col d-none d-md-block bg-light col-md-3 col-xl-2 base-nav order-0 px-0 shadow fixed-sidebar" id="site-nav" aria-label="primary navigation">
<div class="px-2 row">
<h4 class="text-dark bg-light d-inline-block ml-2 my-auto p-2">Menu</h4>
<a href="javascript:void(0)" onclick="sidebarOpenClose()" class="d-none btn btn-light my-1 mr-2 ml-auto text-danger" aria-label="Close Nave Menu" id="closeSidebar"><i class="fa fa-remove"></i></a>
</div>
<ul class="list-group-flush bg-light px-0">
<li><a href="index.html" class="list-group-item list-group-item-action active">Home</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Contributing</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Validating Alignment</a></li>
<li><a href="testcases.html" class="list-group-item list-group-item-action bg-light">Test Cases</a></li>
<li><a href="#" class="list-group-item list-group-item-action bg-light">Glossary</a></li>
</ul>
<ul class="list-group-flush bg-light px-0 border-top mt-5">
<li><a href="https://section508coordinators.github.io/ICTTestingBaseline/" class="list-group-item list-group-item-action bg-light">ICT Baseline (external)</a></li>
</ul>

</nav>

<!-- Overlay effect when opening sidebar on small screens -->
<div onclick="sidebarOpenClose()" style="cursor:pointer" class="d-none overlay" title="Close Nav Menu" id="myOverlay"></div>


<!-- Scondary navigation for page-specific TOC. Remove if not necessary -->
<nav class="col d-none d-xl-block col-xl-2 pr-0 order-2 sec-nav" aria-label="secondary navigation" id="secnav">
<h4 class="bg-light border-left mb-0 p-2">Table of Contents</h4>
<ul class="pl-2 border-left toc bg-light">
<li class="toc-item"><a class="bg-light" href="#framework-intro">Baseline Framework</a>
<ul>
<li class="toc-item"><a class="bg-light" href="#purpose">Purpose and Objectives</a></li>
<li class="toc-item"><a class="bg-light" href="#contribute">How to Contribute</a></li>
<li class="toc-item"><a class="bg-light" href="#align">Validating Alignment</a></li>
</ul>
</li>
</ul>
</nav>

<!-- Main page content -->
<main class="container-fluid mb-auto flex-shrink-0" id="main-content">
<div class="row">
<div class="col-md-9 col-xl-8 py-1 px-1 py-md-2 pl-md-3 offset-md-3 offset-xl-2 order-1">
<div class="card shadow">
<div class="card-body">
<h1 class="card-title" id="framework-intro">ICT Baseline Alignment Framework</h1>
<h2 id="purpose">Purpose and Objectives</h2>
<p class="card-text">GSA's Government-wide IT Accessibility program is encouraging adoption of the Baseline more broadly across government. To facilitate adoption of the Baseline, we must create a process and framework for validating alignment of individual test processes (including testing tools) to the Baseline. A Baseline Alignment Validation Framework will make it possible for more agencies to demonstrate alignment of their test processes while providing broader flexibility in the selection of testing tools and contributing test methods. In the end, the more agencies that demonstrate alignment to the Baseline, the more we can share testing results and reduce redundancy in our accessibility testing and market research efforts. </p>
</div>
</div>
<div class="card shadow my-3">
<div class="card-body">
<h2 id="contribute">How to contribute</h2>
<p>Some basic info, then link to the "Contributing" detailed guidance.</p>
</div>
</div>
<div class="card shadow my-3">
<div class="card-body">
<h2 id="align">How to validate alignment to the ICT Baseline</h2>
<p>Some basic info, then link to the "Validating Alignment" detailed guidance.</p>
</div>
</div>
</div>
</div>
</main>

<!-- Footer content -->
<footer class="mt-auto py-2 bg-light">
<div class="footer-content offset-md-2 offset-xl-2 px-3 col-md-9 col-xl-8">
<span>copyright notice and link to license page</span>
</div>
</footer>

<!-- jQuery, Bootstrap JS (bundled with Popper) -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/baseline-align.js"></script>
</body>
</html>
</html>
28 changes: 14 additions & 14 deletions docs/testCaseTemplate.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>ICT Testing Baseline Alignment - Test Case Template</title>

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- FontAwesome CSS -->
Expand All @@ -21,8 +21,8 @@
<a href="https://github.com/Section508Coordinators/BaselineTestPages" class="navbar-brand ml-auto order-1 order-md-2 btn btn-dark m-0"><i class="fa fa-github" aria-label="Open Repository in GitHub"></i></a>
<span class="navbar-link text-white" id="nav-title"><span class="d-none d-md-inline">ICT Accessibility Testing </span>Baseline Alignment</span>
</header>


<!-- Primary site nav manu -->
<nav class="col d-none d-md-block bg-light col-md-3 col-xl-2 base-nav order-0 px-0 shadow fixed-sidebar" id="site-nav" aria-label="primary navigation">
<div class="px-2 row">
Expand All @@ -39,13 +39,13 @@ <h4 class="text-dark bg-light d-inline-block ml-2 my-auto p-2">Menu</h4>
<ul class="list-group-flush bg-light px-0 border-top mt-5">
<li><a href="https://section508coordinators.github.io/ICTTestingBaseline/" class="list-group-item list-group-item-action bg-light">ICT Baseline (external)</a></li>
</ul>

</nav>

<!-- Overlay effect when opening sidebar on small screens -->
<div onclick="sidebarOpenClose()" style="cursor:pointer" class="d-none overlay" title="Close Nav Menu" id="myOverlay"></div>


<!-- Scondary navigation for page-specific TOC. Remove if not necessary -->
<nav class="col d-none d-xl-block col-xl-2 pr-0 order-2 sec-nav" aria-label="secondary navigation" id="secnav">
<h4 class="bg-light border-left mb-0 p-2">Table of Contents</h4>
Expand All @@ -68,10 +68,10 @@ <h4 class="bg-light border-left mb-0 p-2">Table of Contents</h4>
</li>
</ul>
</nav>

<!-- Main page content -->
<main class="container-fluid mb-auto flex-shrink-0" id="main-content">
<div class="row">
<main class="container-fluid mb-auto flex-shrink-0" id="main-content">
<div class="row">
<div class="col-md-9 col-xl-8 py-1 px-1 py-md-2 pl-md-3 offset-md-3 offset-xl-2 order-1">
<div class="card shadow">
<div class="card-body">
Expand Down Expand Up @@ -102,7 +102,7 @@ <h4 id="TCcode">Code</h4>
<pre><code>include the code here</code></pre>
<h4 id="TCurl">Single-Page URL</h4>
<p>[URL to page hosted within this repository]</p>
<h4 id="TCframe">Embeded Code</h4>
<h4 id="TCframe">Embedded Code</h4>
<p>[embed page within iframe]</p>
<iframe></iframe>
<h2 id="TCsteps">Test Steps</h2>
Expand Down Expand Up @@ -130,9 +130,9 @@ <h2 id="TCsteps">Test Steps</h2>
</div>
</div>
</div>
</div>
</div>
</main>

<!-- Footer content -->
<footer class="mt-auto py-2 bg-light">
<div class="footer-content offset-md-2 offset-xl-2 px-3 col-md-9 col-xl-8">
Expand All @@ -142,7 +142,7 @@ <h2 id="TCsteps">Test Steps</h2>

<!-- jQuery, Bootstrap JS (bundled with Popper) -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/baseline-align.js"></script>
</body>
</html>
Loading