Soli
<section class="super-body">
<nav class="navbar navbar-default navbar-fixed-top">
</nav>
Office of Public Service Accessibility (OPSA)
The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for departments and agencies. The hub will be developed over time with the engagement of persons with disabilities and other public servants.
<a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a>
In the Spotlight:
<img src="bootstrap/img/exclamation-sign-warning-interface-symbol.png"
style="width:50px;height:50px;margin-top: 10px;">
Lend a hand!
How you can contribute to improving accessibility in the public service!
We would appreciate your feedback on: whether the resources presented below are clear; what other resources would be helpful for you or your colleagues; what promising practices should be shared.
Please send comments to
<a class="btn btn-success btn-xs" href="https://www.youtube.com/watch?v=14RwBQQcQoc" role="button" style="background-color: #337ab7; border-color: darkgray"> accessibility.accessibilite@tbs-sct.gc.ca </a>
<img src="bootstrap/img/home-interface-symbol-with-a-window-of-squares.png"
style="width:50px;height:50px;margin-top: 10px;">
Accessibility statement
Need something different?
We know that some parts of this website are not fully accessible. If you need information on this website in a different format, please contact us at
<a class="btn btn-success btn-xs" href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Open_Houses" role="button" target="_blank" style="background-color: #337ab7; border-color: darkgray">accessibility.accessibilite@tbs-sct.gc.ca. </a>
<main role="main">
Information on accessibility:
<a href="#">
<img src="bootstrap/img/JORD1318_WM-1.jpg"
alt="Someone writing in a note book"
style="height:250px;"></a>
Accessibility-confident organizations
Learn how your department and agency can prepare to meet or exceed the requirements of the Accessible Canada Act.
<a href="#">
<img src="bootstrap/img/JORD2278_WM-1.jpg"
alt="Modern glass buildings"
style="height:250px;"></a>
Recruitment, retention, and promotion of persons with disabilities
Discover the benefit of recruiting, retaining, and promoting persons with disabilities and what resources are available to your organization to recruit, retain, and promote persons with disabilities
<a href="#">
<img src="bootstrap/img/pexels-photo-3184418.jpeg"
alt="Diverse hands placed together in a circle"
style="height:250px;"></a>
Workplace Accommodation
Learn about workplace accommodations and work that is underway to improve them.
<a href="#">
<img src="bootstrap/img/JORD1318_WM-1.jpg"
alt="Someone writing in a note book"
style="height:250px;"></a>
Accessible communications and technology
Discover how to communicate and create content that is accessible and inclusive.
<a href="#">
<img src="bootstrap/img/JORD2278_WM-1.jpg"
alt="Modern glass buildings"
style="height:250px;"></a>
Designing and delivering accessible services and programs
Learn how to design and deliver accessible programs and services.
<a href="#">
<img src="bootstrap/img/pexels-photo-3184418.jpeg"
alt="Diverse hands placed together in a circle"
style="height:250px;"></a>
Accessible built environment
Read about how to embed accessibility into the built environment.
<a href="#">
<img src="bootstrap/img/JORD1318_WM-1.jpg"
alt="Someone writing in a note book"
style="height:250px;"></a>
Accessible procurement
Read about how to embed accessibility into procurement.
<a href="#">
<img src="bootstrap/img/JORD2278_WM-1.jpg"
alt="Modern glass buildings"
style="height:250px;"></a>
Learning from others
Find out what other jurisdictions and the private sector are doing to improve accessibility.
What are we doing?:
Accessibility Strategy for the Public Service
Read the Accessibility Strategy for the Public Service and learn about how it is being implemented.
Centralized Enabling Workplace Fund
Need something different?
Discover how the Government of Canada is investing in innovative projects and initiatives to improve workplace accommodation practices.
</main>
<footer class="container py-5">
OPSA's Toolkit
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
Changes in the OPSA
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
OPSA Resources
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
- <a href="#" target="_blank">Link</a>
</footer>
Other Links
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
<a href="#" target="_blank">Link</a>
Connect
<a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_About_Us"> About us</a> <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Meet_the_Team"> Meet the Team</a> <a href="mailto:inclusiveservicesinclusifs@tbs-sct.gc.ca"> Contact us</a> <a href="http://www.gcpedia.gc.ca/wiki/Gender_Diversity_and_Inclusive_Services:_Champions">Departmental Champions</a>
</section>
</body>
</html> <html> <style>
html,
body {
height: 100%;
-webkit-animation: fadein .5s;
animation: fadein .5s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700,900');
* {
margin: 0;
padding: 0;
}
/* THIS IS THE SECRET SAUCE for GCpedia, BODY AND SUPER-BODY classes */
body {
overflow-y: hidden;
background-color: #f8f8f8;
}
.super-body {
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-x: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
background-color: #fff;
-webkit-transition: all .2s ease-in;
transition: all .5s ease-in;
font-family: 'Roboto', sans-serif;
font-size: 14px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
div#mw-head {
position: absolute;
top: 145px;
right: 0;
width: 100%;
display: none;
}
div#mw-panel {
font-size: inherit;
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
left: 0;
display: none;
}
#footer {
display: none;
}
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
margin: 0;
}
.mw-body .mw-body-content h1 {
margin-top: 0;
}
.mw-body h1,
.mw-body h2 {
font-family: sans-serif;
line-height: 1.3;
margin-bottom: .25em;
padding: 0;
border-bottom: 1px solid transparent;
}
/*new css*/
h4 {
padding-top: 0;
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
line-height: 1.2;
margin-top: .1em;
margin-bottom: .1em;
padding-bottom: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px;
border: 1px solid transparent;
}
.navbar-default {
background-color: #fff;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #222;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #222;
}
.navbar-default .navbar-nav>li>a {
color: #222;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #111;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-brand {
font-weight: bolder;
}
.logo {
height: 21px;
}
.btn {
min-height: 34px;
}
.navbar-default .navbar-nav>li>a:visited {
color: #222;
}
ul.dropdown-menu {
padding: 0;
}
.dropdown-menu>li>a {
display: block;
padding: 15px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
border-bottom: 1px solid #e8e8e8;
}
.home {
padding: 20px;
background-color: #fff;
}
.home p {
font-size: 20px;
font-weight: 400;
}
.home h2 {
font-size: 3em;
font-weight: bolder;
margin-bottom: 20px;
}
.home h3 {
font-weight: bolder;
margin-top: 40px;
}
.home {
padding: 0 0 30px;
}
.home .filter-button-group {
padding: 15px 0;
}
.jumbotron--background-image {
color: #222;
min-height: 20vh;
justify-content: center;
background-position: 50% 100%;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
text-align: center;
}
.jumbotron--background-image h1 {
font-weight: bolder;
}
.jumbotron--background-image h3 {
line-height: 1.4em;
font-size: 24px;
font-weight: bold;
}
div[class^="col-"] {
margin-bottom: 20px;
}
div[class^="col-"] img {
margin: 30px auto;
}
.footer {
padding: 30px 0;
background-color: #232323;
color: #e8e8e8;
}
.footer a {
color: #e8e8e8;
}
.navbar-inverse {
background: rgba(0, 0, 0, 0.8);
}
.align-top {
-ms-flex-item-align: start;
align-self: flex-start;
}
</style> </html>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
$wgAllowSiteCSSOnRestrictedPages
hi bye Soli/bye aurevoir
Office of Public Service Accessibility (OPSA)
The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for departments and agencies. The hub will be developed over time with the engagement of persons with disabilities and other public servants.
<a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a>
User:Soli/bye User:Soli/bye