acessibilidade.html

<!-- //cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css -->

<!-- Acessibilidade -->
<div id="acessibilidade" class="acessibilidade">

	<div class="a-buttons">
		<button accesskey="6" id="aContraste" title="Alto contraste (Alt+6)">
			<i class="fa fa-adjust"></i>
		</button>
		<button accesskey="7" id="aFonteMaior" title="Aumentar texto (Alt+7)">
			<i class="fa fa-font"></i>+
		</button>
		<button accesskey="8" id="aFonteMenor" title="Diminuir texto (Alt+8)">
			<i class="fa fa-font"></i>-
		</button>
		<button id="aLibras" title="Traduzir em Libras">
			<i class="fa fa-sign-language"></i>
		</button>
		<div class="a-libras">
		<img src="https://www.tcm.go.gov.br/site/wp-content/uploads/2017/05/vlibras.gif" alt="Animação alusiva ao tradutor VLibras">
		<p>O conte&uacute;do deste portal é acessível em Libras usando o <a href="http://www.vlibras.gov.br/" target="_blank"><u>VLibras</u></a></p>
		</div>
	</div>

	<ul class="a-links">
		<li>
			<a accesskey="1" href="javascript:void(0)" id="aConteudo" title="Ir para o conte&uacute;do principal (Alt+1)">Conte&uacute;do</a>
		</li>
		<li>
			<a accesskey="2" href="javascript:void(0)" id="aMenu" title="Ir para o menu de navega&ccedil;&atilde;o (Alt+2)">Menu</a>
		</li>
		<li>
			<a accesskey="3" href="javascript:void(0)" id="aBusca"title="Ir para a busca (Alt+3)">Busca</a>
		</li>
		<li>
			<a accesskey="4" href="javascript:void(0)" id="aRodape" title="Ir para o rodap&eacute; (Alt+4)">Rodap&eacute;</a>
		</li>
		<li>
			<a accesskey="5" href="/acessibilidade" id="aAcessibilidade" title="Ir para a p&aacute;gina de acessibilidade (Alt+5)">Acessibilidade</a>
		</li>
	</ul>