Components and Callouts
Default Header
Programs
<div class="page-container page-container--standard">
<div class="page-layout">
<div class="column column--main column--main--off-centered">
<nav class="breadcrumbs">
<ul>
<li><a href=".">Home</a></li>
</ul>
</nav>
</div>
</div>
<div class="page-layout">
<div class="column column--main column--main--off-centered">
<h1>Programs</h1>
</div>
</div>
</div>
<div class="break"></div>
Copied!
Photo Header
Programs
<div class="page-container page-container--standard">
<div class="page-layout">
<div class="column column--main column--main--off-centered">
<h1>Programs</h1>
</div>
</div>
<div class="photo-header">
<img src="assets/knowbility-photos/programs-header.jpg" alt="">
</div>
</div>
<div class="break"></div>
Copied!
Knockout Header
Accessibility Auditing & Testing
<div class="knockout-header">
<div class="page-container page-container--standard">
<div class="row">
<nav class="breadcrumbs breadcrumbs--inverted">
<ul>
<li><a href=".">Home 0.0</a></li>
<li><a href=".">Landing Page x.0</a></li>
<li><a href=".">Current page x.x</a></li>
</ul>
</nav>
<div class="row">
<h1>Accessibility Auditing & Testing</h1>
<img src="assets/knowbility-photos/knockout-header.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="break"></div>
Copied!
About Callout
About Knowbility
Equal Access to Technology for People with Disabilities
Knowbility is a 501(c)(3) nonprofit organization with the mission of improving technology access for millions of youth and adults with disabilities all over the world. Our programs reflect our core values and the strong belief that accessible technology is a key to providing equal access to educational, employment, and social opportunities for people with disabilities. Whether you want to learn about accessibility, participate in the community or get help from our experts; Knowbility has the experience you need. As a worldwide leader in accessible information technology since 1998 we’ve worked with hundreds of business, education, government and nonprofit organizations to train staff, implement effective accessibility strategies, and monitor long term goals to reach millions of new users.
<div class="about-block">
<h2 class="format-level-5">About Knowbility</h2>
<p class="intro">Equal Access to Technology for People with Disabilities</p>
<p>Knowbility is a 501(c)(3) nonprofit organization with the mission of improving technology access for millions of youth and adults with disabilities all over the world. Our programs reflect our core values and the strong belief that accessible technology is a key to providing equal access to educational, employment, and social opportunities for people with disabilities. Whether you want to learn about accessibility, participate in the community or get help from our experts; Knowbility has the experience you need. As a worldwide leader in accessible information technology since 1998 we’ve worked with hundreds of business, education, government and nonprofit organizations to train staff, implement effective accessibility strategies, and monitor long term goals to reach millions of new users.</p>
</div>
<div class="break"></div>
Copied!
Mission Callout
Our mission is to support the independence of children and adults with disabilities by promoting the use and improving the availability of accessible information technology.
<div class="mission-callout">
<div class="page-container page-container--standard">
<div class="row">
<p class="intro">Our mission is to support the independence of children and adults with disabilities by promoting the use and improving the availability of accessible information technology.</p>
<img src="assets/knowbility-photos/mission-callout.jpg" alt="">
</div>
</div>
</div>
<div class="break"></div>
Copied!
Promo Callout
Attend OpenAIR
A competition based in Austin, Texas that pairs teams of web developers and students with nonprofits to create or improve their websites.
Register Now
<div class="page-container page-container--standard">
<div class="promo-callout">
<div class="column">
<h2 class="format-level-3">Attend OpenAIR</h2>
<p class="intro">A competition based in Austin, Texas that pairs teams of web developers and students with nonprofits to create or improve their websites.</p>
<a href="." class="button button--donate">Register Now</a>
</div>
<img src="assets/knowbility-photos/promo-callout.jpg" alt="">
</div>
</div>
<div class="break"></div>
Copied!
Board List
{% set objectList = [
{title: 'Rich Schwerdtfeger', position: 'Board Chair', image: 'assets/knowbility-photos/bios/sample-1.jpg'},
{title: 'Martin Kareithi', position: 'Board Member', image: 'assets/knowbility-photos/bios/sample-2.jpg'},
{title: 'Varsha Dadlani', position: 'Board Member', image: 'assets/knowbility-photos/bios/sample-3.jpg'},
{title: 'Katie Haritos-Shea', position: 'Board Member', image: 'assets/knowbility-photos/bios/sample-4.jpg'},
{title: 'Paul Luther', position: 'Board Member', image: 'assets/knowbility-photos/bios/sample-5.jpg'}
]
%}
<ul class="figure-list">
{% for item in objectList %}
{% include 'figure-list-item.twig' with item %}
{% endfor %}
</ul>
{% if not page %}
<div class="break"></div>
{% endif %}Copied!
Default Lists
- Default unordered list item 1
- Default unordered list item 2
- Default unordered list item 3
- Default ordered list item 1
- Default ordered list item 2
- Default ordered list item 3
<div class="formatted">
<ul>
<li>Default unordered list item 1</li>
<li>Default unordered list item 2</li>
<li>Default unordered list item 3</li>
</ul>
<ol>
<li>Default ordered list item 1</li>
<li>Default ordered list item 2</li>
<li>Default ordered list item 3</li>
</ol>
</div>
<div class="break"></div>
Copied!
Sponsor List
{% set objectList = [
{title: 'Adobe Systems', image: 'assets/knowbility-photos/logos/adobe-logo.jpg'},
{title: 'California State University', image: 'assets/knowbility-photos/logos/csu-logo.jpg'},
{title: 'City of Austin Cultural Arts Division', image: 'assets/knowbility-photos/logos/austin-culture-logo.jpg'},
{title: 'City of Austin’s Grant for Technology Opportunities', image: 'assets/knowbility-photos/logos/austin-tech-logo.jpg'},
{title: 'Dell Foundation', image: 'assets/knowbility-photos/logos/dell-foundation-logo.jpg'},
{title: 'Fahrenheit Marketing', image: 'assets/knowbility-photos/logos/fahrenheit-marketing-logo.jpg'},
{title: 'Meadows Foundation', image: 'assets/knowbility-photos/logos/meadows-foundation-logo.jpg'},
{title: 'Texas Center for Disability Studies (TCDS)', image: 'assets/knowbility-photos/logos/tcds-logo.jpg'}
]
%}
<ul class="figure-list">
{% for item in objectList %}
{% include '../board-list/figure-list-item.twig' with item %}
{% endfor %}
</ul>
{% if not page %}
<div class="break"></div>
{% endif %}Copied!
Team List
<ul class="link-list link-list--darkened link-list--columns">
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Akash Singh</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Anthony Vasquez</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Bobby Brooks</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Buddy Branan</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Eric Eggert</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Jayne Schurick</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Jessica Looney</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Kim Leno</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Marine Menier</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Molly More</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Robert Jolly</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Ron Hicks</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Sharron Rush</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Tom Jewett</span>
</a>
</li>
</ul>
Copied!
Blog Summary
Our Featured Volunteer: Katie Haritos-Shea
Katie Haritos-Shea is an information and communications technology architect with Deque Systems, an accessibility products and services company. Since 2015 she has been on the board of Knowbility. She is fascinated with science and emerging technologies and with their potential to improve the lives of all, particularly people with disabilities, the under-served, and the elderly.
<div class="blog-summary">
<div class="row">
<time datetime="2017-08" class="format-small-time">August 2017</time>
</div>
<div class="row row--flex">
<header class="column">
<h2 class="format-level-3"><a href=".">Our Featured Volunteer: Katie Haritos-Shea</a></h2>
<div class="author">by Jessica Looney</div>
</header>
<div class="column">
<div class="excerpt">
<p>Katie Haritos-Shea is an information and communications technology architect with Deque Systems, an accessibility products and services company. Since 2015 she has been on the board of Knowbility. She is fascinated with science and emerging technologies and with their potential to improve the lives of all, particularly people with disabilities, the under-served, and the elderly.</p>
</div>
<a href="." class="cta format-small-cta hover-filled" aria-label="Continue reading the article Our Featured Volunteer: Katie Haritos-Shea">Read Article</a>
</div>
</div>
</div>
<div class="break"></div>
Copied!
Partner Summary
Knowbility partners with VSA Texas in the provision of audio described and captioned video content for corporate business, academia, and government agencies. Contact us for accessible media support.
<div class="page-container">
<div class="page-layout">
<div class="column column--main">
<div class="entry-summary">
<div class="column">
<img src="assets/knowbility-photos/logos/vsa-texas-logo.png" alt="VSA Texas">
</div>
<div class="column">
<p>Knowbility partners with VSA Texas in the provision of audio described and captioned video content for corporate business, academia, and government agencies. Contact us for accessible media support.</p>
<ul>
<li><a href="." class="cta format-small-cta hover-filled">Visit VSA Texas</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="break"></div>
Copied!
Program Summary
OpenAIR
The Accessibility Internet Rally is a global competition based in Austin, Texas that pairs teams of top web developers and web design students with nonprofit organizations to create or improve their websites. The competition is hosted by Knowbility. It costs $100 for nonprofits to create or re-do their websites.
<div class="page-container">
<div class="page-layout">
<div class="column column--main">
<div class="entry-summary">
<div class="column">
<h3>OpenAIR</h3>
</div>
<div class="column">
<p>The Accessibility Internet Rally is a global competition based in Austin, Texas that pairs teams of top web developers and web design students with nonprofit organizations to create or improve their websites. The competition is hosted by Knowbility. It costs $100 for nonprofits to create or re-do their websites.</p>
<ul>
<li><a href="." class="cta format-small-cta hover-filled">Learn More</a></li>
<li><a href="." class="cta format-small-cta hover-filled">Schedule</a></li>
<li><a href="." class="cta format-small-cta hover-filled">Register Now</a></li>
<li><a href="." class="cta format-small-cta hover-filled">Sponsorship Information</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="break"></div>
Copied!
Home Programs Module
Accessibility is fun, find out how to learn with Knowbility!
Find A Program<div class="home-programs">
<img src="assets/knowbility-photos/home-programs.jpg" alt="">
<div class="column">
<h3 class="format-level-4">Accessibility is fun, find out how to learn with Knowbility!</h3>
<ul class="link-list link-list--darkened">
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>OpenAIR</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Access U</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>AccessWorks</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>ATSTAR</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>KALS</span>
</a>
</li>
</ul>
<a href="." class="button">Find A Program</a>
</div>
</div>
<div class="break"></div>
Copied!
Home Services Module
How can Knowbility help you?
Accessibility questions or problems?
Knowbility can help!
Knowbility has a wide range of services to help meet your accessibility needs.
Start a Project Inquiry<div class="home-services">
<div class="top-group">
<div class="row">
<div class="column">
<h2 class="format-level-1">How can Knowbility help you?</h2>
<p class="intro">Accessibility questions or problems?<br>Knowbility can help!</p>
</div>
<div class="column">
<img src="assets/knowbility-photos/home-services.jpg" alt="">
</div>
</div>
</div>
<div class="bottom-group">
<div class="row">
<div class="column">
<h3 class="format-level-4">Knowbility has a wide range of services to help meet your accessibility needs.</h3>
<a href="." class="button">Start a Project Inquiry</a>
</div>
<div class="column">
<h4 class="format-level-5">Our Services include:</h4>
<ul class="link-list link-list--darkened">
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Accessibility Auditing & Testing</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Leadership & Strategic Consulting</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Usability Testing</span>
</a>
</li>
<li>
<a href=".">
<svg width="12px" height="20px" viewBox="0 0 12 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Knowbility-Home" transform="translate(-131.000000, -635.000000)" fill-rule="nonzero" fill="currentColor">
<g id="Service-Links" transform="translate(131.000000, 400.000000)">
<g id="Buttets" transform="translate(0.000000, 102.000000)">
<path d="M10.9227985,144.201507 L2.56492941,152.559376 C1.97743137,153.146875 1.02812156,153.146875 0.440623526,152.559376 C-0.146874509,151.971878 -0.146874509,151.022569 0.440623526,150.435071 L7.87569412,143 L0.440623526,135.564929 C-0.146874509,134.977431 -0.146874509,134.028122 0.440623526,133.440624 C1.02812156,132.853125 1.97743137,132.853125 2.56492941,133.440624 L10.9227985,141.798493 C11.5866441,142.462338 11.5866441,143.537789 10.9227985,144.201592 L10.9227985,144.201507 Z" id="Shape-Copy-3"></path>
</g>
</g>
</g>
</g>
</svg>
<span>Document Accessibility</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="break"></div>
Copied!