From 02db62d114079500c128dab94f08a34e7b6eec03 Mon Sep 17 00:00:00 2001 From: Evaldo Junior Date: Tue, 19 Apr 2016 23:39:06 +0200 Subject: [PATCH] Algumas melhorias na acessibilidade. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adicionei um link para pular para o conteúdo. Adicionei melhores descrições para as imagens. Aumentei o contraste entre a cor de fundo e a cor do texto. Segui as regras do WCAG (Web Content Acessibility Guidelines), aqui https://www.w3.org/WAI/intro/wcag --- css/gccsd2.css | 30 ++++++++++++--------- css/gccsd2.css~ | 72 ------------------------------------------------- index.html | 59 ++++++++++++++++++++-------------------- 3 files changed, 46 insertions(+), 115 deletions(-) delete mode 100644 css/gccsd2.css~ diff --git a/css/gccsd2.css b/css/gccsd2.css index da282e2..78076d6 100644 --- a/css/gccsd2.css +++ b/css/gccsd2.css @@ -1,32 +1,36 @@ /** - * Assumindo que 1em valha 16px qualquer tela menor que 736px não terá + * Assumindo que 1em valha 16px qualquer tela menor que 736px não terá * um tamanho fixo. Como o navegador é responsivo por padrão, os textos - * se adaptarão à tela elegantemente. + * se adaptarão à tela elegantemente. * * Mas se tiver espaço suficicente (>736px) aí podemos definir um tamanho * legal para que o leitor tenha espaço de respiro (é esse o termo?) */ @media all and (min-width: 46em) { - body { - width: 40em; + body { + width: 40em; } - h1 { - width: 23em; + h1 { + width: 23em; } } body { font: 1.1em/1.7 'Droid Sans', 'Calibri', 'Arial', 'sans-serif'; - background-color: #efeee8; - color: #454545; + background-color: #fbfbfb; + color: #323232; text-align: center; margin: 0 auto; padding: 1em; } -/** - * Pequeno reset do CSS +.acessibilidade { + display: none; +} + +/** + * Pequeno reset do CSS */ section, header, article, figure, hgroup { display: block; @@ -71,7 +75,7 @@ footer ul { text-align: center; } -/* +/* * Estilo para * barra de navegação */ @@ -85,7 +89,7 @@ footer ul { } .navBar ul li a{ text-decoration: none; - color: #454545; + color: #323232; } .navBar ul li a:hover{ color: #d4aa00; @@ -97,7 +101,7 @@ footer ul { */ .txtAcoes{ - text-align:left; + text-align:left; } .txtAcoes ul{ list-style-type: circle; diff --git a/css/gccsd2.css~ b/css/gccsd2.css~ deleted file mode 100644 index f95f2d1..0000000 --- a/css/gccsd2.css~ +++ /dev/null @@ -1,72 +0,0 @@ -/** - * Assumindo que 1em valha 16px qualquer tela menor que 736px não terá - * um tamanho fixo. Como o navegador é responsivo por padrão, os textos - * se adaptarão à tela elegantemente. - * - * Mas se tiver espaço suficicente (>736px) aí podemos definir um tamanho - * legal para que o leitor tenha espaço de respiro (é esse o termo?) - */ -@media all and (min-width: 46em) { - body { - width: 40em; - } - - h1 { - width: 23em; - } -} - -body { - font: 1.1em/1.7 'Droid Sans', 'Calibri', 'Arial', 'sans-serif'; - background-color: #efeee8; - color: #454545; - text-align: center; - margin: 0 auto; - padding: 1em; -} - -/** - * Pequeno reset do CSS - */ -section, header, article, figure, hgroup { - display: block; -} - -h1, h2, ul, section, hgroup header, article, figure { - margin: 0; - padding: 0; -} - -header { - margin-top: 2em; -} - -h1, h2 { - margin: 1em auto; - font-size: 1.5em; -} - -h1 { - margin-bottom: 0; -} - -h2 { - margin-top: 0; -} - -img { - max-width: 100%; -} - -article p { - margin-bottom: 1.5em; -} - -footer { - border-top: 0.16em solid #a1a1a1; -} - -footer ul { - list-style: none; - text-align: center; -} diff --git a/index.html b/index.html index 58532ba..c05ff9f 100644 --- a/index.html +++ b/index.html @@ -5,79 +5,78 @@ GCC-SD | Grupo do Compartilhamento do Conhecimento - Santos Dumont - + - + + + Pular para o conteúdo principal
- +
- GCC-SD + O logotipo do GCC-SD apresentando as letras e um desenho do chapéu de Santos Dumont
-

Grupo de Compartilhamento do Conhecimento

-

Santos Dumont

+

Grupo de Compartilhamento do Conhecimento Santos Dumont

- GCCSD Palestra do Kretcheu + + Nesta foto um dos membros do GCC-SD está apresentando uma palestra. + No slide atual é possível ver que ele fala sobre as quatro liberdades do software livre. +
-
+

- O GCC-SD é um grupo de pessoas interessadas + O GCC-SD é um grupo de pessoas interessadas em discutir e promover o software livre.

- Somos apaixonados por tecnologia e acreditamos no potencial do - Software Livre como opção viável mais estável + Somos apaixonados por tecnologia e acreditamos no potencial do + Software Livre como opção viável mais estável e segura para todo tipo de aplicação e da sua importância para uma sociedade mais justa.

- Temos uma lista de discussão online que é o nosso principal - meio de comunicação. Mas o grupo também costuma se reunir - uma vez por mês para trocar conhecimentos e botar o papo em - dia. Em nossas reuniões costumamos fazer palestras sobre temas - variados, mas em geral ligados, de alguma forma, ao mundo do + Temos uma lista de discussão online que é o nosso principal + meio de comunicação. Mas o grupo também costuma se reunir + uma vez por mês para trocar conhecimentos e botar o papo em + dia. Em nossas reuniões costumamos fazer palestras sobre temas + variados, mas em geral ligados, de alguma forma, ao mundo do software livre e da cultura digital.