Skip to content

Commit

Permalink
Ajuste dos temas para melhoria na acessibilidade WCAG 2.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@caduvieira
caduvieira committed Oct 17, 2014
1 parent 47cd0c8 commit 4077c5a
Show file tree
Hide file tree
Showing 13 changed files with 219 additions and 198 deletions.
2 changes: 2 additions & 0 deletions CHANGES.rst
View file
Expand Up @@ -14,6 +14,8 @@ Histórico de Alterações
[dbarbato]
* Ajuste de id 'footer-brasil' para preparação para o rodapé dinâmico.
[caduvieira]
* Ajuste dos temas para seguir padrão WCAG 2.0 para o primeiro link pular para o conteúdo.
[caduvieira]

1.0.5 (2014-06-11)
^^^^^^^^^^^^^^^^^^
Expand Down
26 changes: 26 additions & 0 deletions src/brasil/gov/temas/themes/amarelo/css/style.css
View file
Expand Up @@ -45,9 +45,28 @@
filter:progid: DXImageTransform.Microsoft.gradient( startColorstr="#fbda43", endColorstr="#f8c60b",GradientType=1);
}

/* Menu da Barra
========================================================================== */

div#wrapper-barra-brasil {
clear: both;
top: -15px;
}

/* Menu de Acessibilidade
========================================================================== */

#accessibility-wrapper {
position: relative;
margin: 0 auto;
max-width: 960px;
}

#accessibility {
top: 43px;
position: absolute;
}

#accessibility a {
color: #03316f;
}
Expand All @@ -67,6 +86,11 @@
/* Menu site actions - Acessibilidade, Alto Contraste, Mapa do site
========================================================================== */

#portal-siteactions {
top: 43px;
position: relative;
}

#portal-siteactions,
#portal-language { border-bottom: 1px dotted #03316f; }

Expand All @@ -75,6 +99,8 @@
#portal-language a,
#portal-language a:hover { color: #03316f !important; }

#portal-title-1 { top: 20px; }

/* Menu sobre o portal
========================================================================== */

Expand Down
75 changes: 27 additions & 48 deletions src/brasil/gov/temas/themes/amarelo/index.html
View file
Expand Up @@ -16,6 +16,33 @@
</head>

<body>
<div id="accessibility-wrapper">
<ul id="accessibility">
<li>
<a accesskey="1" href="#acontent" id="link-conteudo">Ir para o conte&uacute;do<span>1</span></a>
</li>
<li>
<a accesskey="2" href="#anavigation" id="link-navegacao">Ir para o menu<span>2</span></a>
</li>
<li>
<a accesskey="3" href="#SearchableText" id="link-buscar">Ir para a busca<span>3</span></a>
</li>
<li>
<a accesskey="4" href="#afooter" id="link-rodape">Ir para o rodap&eacute;<span>4</span></a>
</li>
</ul>
<ul id="portal-siteactions">
<li>
<a href="#">Acessibilidade</a>
</li>
<li>
<a href="#">Alto Contraste</a>
</li>
<li>
<a href="#">Mapa do Site</a>
</li>
</ul>
</div>

<div id="user">
<ul>
Expand All @@ -33,54 +60,6 @@

<div>

<ul id="accessibility">
<li>
<a accesskey="1" href="#acontent" id="link-conteudo">
Ir para o conte&uacute;do
<span>1</span>
</a>
</li>
<li>
<a accesskey="2" href="#anavigation" id="link-navegacao">
Ir para o menu
<span>2</span>
</a>
</li>
<li>
<a accesskey="3" href="#SearchableText" id="link-buscar">
Ir para a busca
<span>3</span>
</a>
</li>
<li>
<a accesskey="4" href="#afooter" id="link-rodape">
Ir para o rodap&eacute;
<span>4</span>
</a>
</li>
</ul>
<!--
<ul id="language">
<li class="language-es">
<a href="#">Espa&#241;ol</a>
</li>
<li class="language-en">
<a href="#">English</a>
</li>
</ul>
-->
<ul id="portal-siteactions">
<li>
<a href="#">Acessibilidade</a>
</li>
<li>
<a href="#">Alto Contraste</a>
</li>
<li>
<a href="#">Mapa do Site</a>
</li>
</ul>

<div id="logo">
<a href="#" title="#">
<span id="portal-title">Portal Title</span>
Expand Down
2 changes: 1 addition & 1 deletion src/brasil/gov/temas/themes/amarelo/rules.xml
View file
Expand Up @@ -15,7 +15,7 @@
<xsl:output method="html"/>

<rules css:if-content="#visual-portal-wrapper">
<prepend css:content="div#barra-identidade" css:theme="body" />
<after css:content="div#barra-identidade" css:theme="#accessibility-wrapper" />
<!--Plone.app.toolbar-->
<append theme="/html/body" content="//div[@data-iframe='toolbar']" />

Expand Down
26 changes: 26 additions & 0 deletions src/brasil/gov/temas/themes/azul/css/style.css
View file
Expand Up @@ -30,9 +30,28 @@
color: #fff;
}

/* Menu da Barra
========================================================================== */

div#wrapper-barra-brasil {
clear: both;
top: -15px;
}

/* Menu de Acessibilidade
========================================================================== */

#accessibility-wrapper {
position: relative;
margin: 0 auto;
max-width: 960px;
}

#accessibility {
top: 43px;
position: absolute;
}

#accessibility a {
color: #dcecff;
}
Expand All @@ -51,6 +70,11 @@
/* Menu site actions - Acessibilidade, Alto Contraste, Mapa do site
========================================================================== */

#portal-siteactions {
top: 43px;
position: relative;
}

#portal-siteactions,
#portal-language { border-bottom: 1px dotted #6893cb; }

Expand All @@ -59,6 +83,8 @@
#portal-language a,
#portal-language a:hover { color: #dcecff !important; }

#portal-title-1 { top: 20px; }

/* Menu sobre o portal
========================================================================== */

Expand Down
76 changes: 28 additions & 48 deletions src/brasil/gov/temas/themes/azul/index.html
View file
Expand Up @@ -17,6 +17,34 @@

<body>

<div id="accessibility-wrapper">
<ul id="accessibility">
<li>
<a accesskey="1" href="#acontent" id="link-conteudo">Ir para o conte&uacute;do<span>1</span></a>
</li>
<li>
<a accesskey="2" href="#anavigation" id="link-navegacao">Ir para o menu<span>2</span></a>
</li>
<li>
<a accesskey="3" href="#SearchableText" id="link-buscar">Ir para a busca<span>3</span></a>
</li>
<li>
<a accesskey="4" href="#afooter" id="link-rodape">Ir para o rodap&eacute;<span>4</span></a>
</li>
</ul>
<ul id="portal-siteactions">
<li>
<a href="#">Acessibilidade</a>
</li>
<li>
<a href="#">Alto Contraste</a>
</li>
<li>
<a href="#">Mapa do Site</a>
</li>
</ul>
</div>

<div id="user">
<ul>
<li>
Expand All @@ -33,54 +61,6 @@

<div>

<ul id="accessibility">
<li>
<a accesskey="1" href="#acontent" id="link-conteudo">
Ir para o conte&uacute;do
<span>1</span>
</a>
</li>
<li>
<a accesskey="2" href="#anavigation" id="link-navegacao">
Ir para o menu
<span>2</span>
</a>
</li>
<li>
<a accesskey="3" href="#SearchableText" id="link-buscar">
Ir para a busca
<span>3</span>
</a>
</li>
<li>
<a accesskey="4" href="#afooter" id="link-rodape">
Ir para o rodap&eacute;
<span>4</span>
</a>
</li>
</ul>
<!--
<ul id="language">
<li class="language-es">
<a href="#">Espa&#241;ol</a>
</li>
<li class="language-en">
<a href="#">English</a>
</li>
</ul>
-->
<ul id="portal-siteactions">
<li>
<a href="#">Acessibilidade</a>
</li>
<li>
<a href="#">Alto Contraste</a>
</li>
<li>
<a href="#">Mapa do Site</a>
</li>
</ul>

<div id="logo">
<a href="#" title="#">
<span id="portal-title">Portal Title</span>
Expand Down
2 changes: 1 addition & 1 deletion src/brasil/gov/temas/themes/azul/rules.xml
View file
Expand Up @@ -15,7 +15,7 @@
<xsl:output method="html"/>

<rules css:if-content="#visual-portal-wrapper">
<prepend css:content="div#barra-identidade" css:theme="body" />
<after css:content="div#barra-identidade" css:theme="#accessibility-wrapper" />
<!--Plone.app.toolbar-->
<append theme="/html/body" content="//div[@data-iframe='toolbar']" />

Expand Down
26 changes: 26 additions & 0 deletions src/brasil/gov/temas/themes/branco/css/style.css
View file
Expand Up @@ -30,9 +30,28 @@
color: #2c66ce;
}

/* Menu da Barra
========================================================================== */

div#wrapper-barra-brasil {
clear: both;
top: -15px;
}

/* Menu de Acessibilidade
========================================================================== */

#accessibility-wrapper {
position: relative;
margin: 0 auto;
max-width: 960px;
}

#accessibility {
top: 43px;
position: absolute;
}

#accessibility a {
color: #2c66ce;
}
Expand All @@ -52,6 +71,11 @@
/* Menu site actions - Acessibilidade, Alto Contraste, Mapa do site
========================================================================== */

#portal-siteactions {
top: 43px;
position: relative;
}

#portal-siteactions,
#portal-language { border-bottom: 1px dotted #2c66ce; }

Expand All @@ -60,6 +84,8 @@
#portal-language a,
#portal-language a:hover { color: #2c66ce !important; }

#portal-title-1 { top: 20px; }

/* Menu sobre o portal
========================================================================== */

Expand Down

0 comments on commit 4077c5a

Please sign in to comment.