Skip to content

Algumas melhorias na acessibilidade. #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Algumas melhorias na acessibilidade. #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 17 additions & 13 deletions css/gccsd2.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
Expand Down Expand Up @@ -71,7 +75,7 @@ footer ul {
text-align: center;
}

/*
/*
* Estilo para
* barra de navegação
*/
Expand All @@ -85,7 +89,7 @@ footer ul {
}
.navBar ul li a{
text-decoration: none;
color: #454545;
color: #323232;
}
.navBar ul li a:hover{
color: #d4aa00;
Expand All @@ -97,7 +101,7 @@ footer ul {
*/

.txtAcoes{
text-align:left;
text-align:left;
}
.txtAcoes ul{
list-style-type: circle;
Expand Down
72 changes: 0 additions & 72 deletions css/gccsd2.css~
View file
Open in desktop

This file was deleted.

59 changes: 29 additions & 30 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,79 +5,78 @@
<meta name="viewport" content="width=device-width">

<title>GCC-SD | Grupo do Compartilhamento do Conhecimento - Santos Dumont</title>

<link rel="stylesheet" type="text/css" href="css/gccsd2.css" />
<link rel="icon" type="image/png" href="img/favicon.png" />
<link rel="icon" type="image/png" href="img/favicon.png" />
</head>

<body>
<a href="#conteudo_principal" title="pular para o conteúdo principal" class="acessibilidade">Pular para o conteúdo principal</a>
<header>
<nav class="navBar">
<ul>
<li><a href="index.html">Início</a></li>
</ul>
</nav>
<nav class="navBar">
<ul>
<li><a href="index.html" title="Página inicial do GCC-SD">Início</a></li>
</ul>
</nav>

<figure>
<img src="img/gccsd1.png" alt="GCC-SD" />
<img src="img/gccsd1.png" alt="O logotipo do GCC-SD apresentando as letras e um desenho do chapéu de Santos Dumont" />
</figure>

<hgroup>
<h1>Grupo de Compartilhamento do Conhecimento</h1>
<h2>Santos Dumont</h2>
<h1>Grupo de Compartilhamento do Conhecimento Santos Dumont</h1>
</hgroup>

<figure id="imagem-destque">
<img src="img/topo.jpg" alt="GCCSD Palestra do Kretcheu" />
<img src="img/topo.jpg" alt="
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.
"
/>
</figure>
</header>

<article>
<article id="conteudo_principal">
<p>
O <strong>GCC-SD</strong> é um grupo de pessoas interessadas
O <strong>GCC-SD</strong> é um grupo de pessoas interessadas
em discutir e promover o software livre.
</p>

<p>
Somos apaixonados por tecnologia e acreditamos no potencial do
<strong>Software Livre</strong> como opção viável mais estável
Somos apaixonados por tecnologia e acreditamos no potencial do
<strong>Software Livre</strong> 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.
</p>

<p>
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.
</p>
</article>

<footer>
<p>
Conheça-nos e faça parte do GCC-SD:
Conheça-nos e faça parte do GCC-SD
</p>

<nav>
<ul>
<li>
<a href="http://lista.gccsd.com.br" title="Lista no Google Groups">
lista de discussão
</a>
<a href="http://lista.gccsd.com.br" title="Lista de discussão no Google Groups">lista de discussão</a>
</li>
<li>
<a href="https://plus.google.com/communities/103444189478835360319" title="GCCSD no Google+">Google+</a>
</li>
<li>
<a href="https://twitter.com/#!/gccsd" title="GCC-SD no Twitter">
Twitter
</a>
<a href="https://twitter.com/#!/gccsd" title="Perfil do GCC-SD no Twitter">Twitter</a>
</li>
<li>
<a href="https://www.facebook.com/gccsd" title="GCC-SD no Facebook">
Facebook
</a>
<a href="https://www.facebook.com/gccsd" title="Página do GCC-SD no Facebook">Facebook</a>
</li>
</ul>
</nav>
Expand Down