You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
230 lines
9.9 KiB
230 lines
9.9 KiB
3 years ago
|
<!DOCTYPE html>
|
||
|
|
<html data-theme="light" lang="en" itemscope itemtype="http://schema.org/WebPage">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||
|
|
<meta name="author"
|
||
|
|
content="" />
|
||
|
|
<meta name="description"
|
||
|
|
content="We consider accessibility a requirement and not a bonus. Getting a 100% rating on an automated …" />
|
||
|
|
<meta name="keywords"
|
||
|
|
content="design, ux, ui, public, developer, privacy, security, foss, floss" />
|
||
|
|
<meta name="robots" content="noodp" />
|
||
|
|
<meta name="theme-color" content="#1F78D1" />
|
||
|
|
<link rel="canonical" href="http://test.ura.design/services/accessibility/" />
|
||
|
|
|
||
|
|
|
||
|
|
<title>
|
||
|
|
Accessibility :: Ura Design
|
||
|
|
</title>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="http://test.ura.design/main.css" />
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<link rel="apple-touch-icon" href="http://test.ura.design/favicons/apple-touch-icon.webp">
|
||
|
|
<link rel="mask-icon" href="http://test.ura.design/favicons/favicon.svg" color="#1F78D1">
|
||
|
|
<link rel="icon" href="http://test.ura.design/favicons/favicon.svg">
|
||
|
|
<meta itemprop="name" content="Accessibility">
|
||
|
|
<meta itemprop="description" content="We consider accessibility a requirement and not a bonus. Getting a 100% rating on an automated accessibility checker is not enough. We provide manual and automated accessibility testing, including best practices in design and development to ensure that your project is compliant with ADA, Section 508 using WCAG 2.1 AA or higher.">
|
||
|
|
<meta itemprop="dateModified" content="2022-06-29T16:53:28+02:00" />
|
||
|
|
<meta itemprop="wordCount" content="52"><meta itemprop="image" content="http://test.ura.design"/>
|
||
|
|
<meta itemprop="keywords" content="" /><meta name="twitter:card" content="summary_large_image"/>
|
||
|
|
<meta name="twitter:image" content="http://test.ura.design"/>
|
||
|
|
|
||
|
|
<meta name="twitter:title" content="Accessibility"/>
|
||
|
|
<meta name="twitter:description" content="We consider accessibility a requirement and not a bonus. Getting a 100% rating on an automated accessibility checker is not enough. We provide manual and automated accessibility testing, including best practices in design and development to ensure that your project is compliant with ADA, Section 508 using WCAG 2.1 AA or higher."/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="d-flex flex-column min-vh-100">
|
||
|
|
<a class="screen-reader-text" href="#content">Skip to content</a>
|
||
|
|
|
||
|
|
<button id="theme-toggle" class="acctoggle"><i class="fa-solid fa-circle-half-stroke"></i></button>
|
||
|
|
|
||
|
|
<header class="background-blue-500">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<nav class="navbar navbar-expand-lg justify-content-between align-items-center" aria-label="Primary">
|
||
|
|
<a class="navbar-brand" href="http://test.ura.design">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<img src="http://test.ura.design/img/logo.svg" alt="Ura Design logo" width="100px">
|
||
|
|
</a>
|
||
|
|
<button class="navbar-toggler" type="button" aria-label="Toggle navigation" onclick="openNav()">
|
||
|
|
<i class="fa-solid fa-grip-lines color-blue-500"></i>
|
||
|
|
</button>
|
||
|
|
<div class="collapse navbar-collapse flex-grow-0">
|
||
|
|
<ul class="navbar-nav"><li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/about/">About</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item ms-4">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
<div id="navbar-mobile" class="overlay d-block d-lg-none" >
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<div class="navbar align-items-center justify-content-between">
|
||
|
|
<a class="brand" href="http://test.ura.design">
|
||
|
|
<img src="http://test.ura.design/img/logo-white.svg" alt="Ura Design logo" width="100px">
|
||
|
|
</a>
|
||
|
|
<button type="button" class="closebtn" aria-label="Toggle navigation" onclick="closeNav()"><i class="fa-solid fa-xmark "></i></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="overlay-content">
|
||
|
|
<div class="container pt-4"><a class=" " href="http://test.ura.design/about/">About</a>
|
||
|
|
<a class=" " href="http://test.ura.design/work/">Work</a>
|
||
|
|
<a class=" " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
<a class=" " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
function openNav() {
|
||
|
|
document.getElementById("navbar-mobile").style.height = "100%";
|
||
|
|
}
|
||
|
|
function closeNav() {
|
||
|
|
document.getElementById("navbar-mobile").style.height = "0%";
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div class="container text-white py-5">
|
||
|
|
<div class="row">
|
||
|
|
<div class="offset-xl-1 col-xl-7 col-lg-8 col-12">
|
||
|
|
<h1 class="mb-3">Accessibility</h1>
|
||
|
|
<p class="mb-0 subtitle"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<div id="content" class="content">
|
||
|
|
<main>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row justify-content-center">
|
||
|
|
<div class="col-xl-7 col-lg-7 col-md-12 col-12 py-5">
|
||
|
|
|
||
|
|
<article>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="post-content">
|
||
|
|
<p>We consider accessibility a requirement and not a bonus. Getting a 100% rating on an automated accessibility checker is not enough. We provide manual and automated accessibility testing, including best practices in design and development to ensure that your project is compliant with ADA, Section 508 using WCAG 2.1 AA or higher.</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<footer class="py-4 mt-auto">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row d-none d-lg-flex">
|
||
|
|
<nav class="navbar navbar-expand-lg">
|
||
|
|
<div class="navbar-collapse" id="footerNav">
|
||
|
|
<ul class="navbar-nav"><li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/about/">About</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="row py-5 pt-lg-5 cta">
|
||
|
|
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>Let's talk:</p>
|
||
|
|
<a class="arrow-link" href="http://test.ura.design/contact">Contact</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>Subscribe:</p>
|
||
|
|
<a class="arrow-link" href="https://tinyletter.com/uracreative" target="_blank"
|
||
|
|
rel="noopener noreferrer">Newsletter</a>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-2 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
|
||
|
|
<p>We are on:</p>
|
||
|
|
<div class="pt-2">
|
||
|
|
<a href="https://github.com/uracreative" target="_blank" rel="noopener" title="Github" aria-label="Ura Design on Github"><i class="me-3 fa-brands fa-2x fa-github"></i></a><a href="https://twitter.com/uracreative" target="_blank" rel="noopener" title="Twitter" aria-label="Ura Design on Twitter"><i class="me-3 fa-brands fa-2x fa-twitter"></i></a><a href="https://instagram.com/uradotdesign" target="_blank" rel="noopener" title="Instagram" aria-label="Ura Design on Instagram"><i class="me-3 fa-brands fa-2x fa-instagram"></i></a><a href="https://www.linkedin.com/company/ura/" target="_blank" rel="noopener" title="Linkedin" aria-label="Ura Design on Linkedin"><i class="me-3 fa-brands fa-2x fa-linkedin"></i></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr>
|
||
|
|
<div class="row justify-content-between align-items-center">
|
||
|
|
<div class="col-xxl-4 col-xl-12">
|
||
|
|
<nav class="navbar navbar-expand-lg" aria-label="Secondary">
|
||
|
|
<div class="navbar-collapse" id="footerLinks">
|
||
|
|
<ul class="navbar-nav flex-row"><li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/source">Source Code</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/privacy">Data Privacy</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link " href="http://test.ura.design/imprint">Imprint</a>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
<div class="col-xxl-8 col-xl-12 d-flex justify-content-xxl-end justify-content-start">
|
||
|
|
<p class="copyright mb-0">© Ura Design 2022. Some rights reserved. Unless otherwise noted, content on this page is under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener" title="License"> Creative Commons license</a>.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<script defer src="http://test.ura.design/bundle.min.js"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|