Skip to content

Commit e50d045

Browse files
author
Bruno Pulis
committed
Ajustes de A11Y
1 parent 8925472 commit e50d045

14 files changed

+203
-105
lines changed

‎_includes/footer.html

+35-33
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,39 @@
11
<footer id="contact" class="blue-grey darken-4">
2-
<div class="container">
3-
<div class="row">
4-
<div class="col l6 s12">
5-
<h2 class="yellow-text">#GDGSSA</h2>
6-
<p class="grey-text text-lighten-4">Google Developer Group (GDG) Salvador é o primeiro grupo do nordeste brasileiro a surgir. </p>
7-
<p class="grey-text text-lighten-4">Nosso objetivo é difundir as tecnologias do Google em nossa cidade,
8-
através de eventos técnicos, palestras, cursos, oficinas e etc!</p>
9-
<p class="grey-text text-lighten-4">Esteja sempre atento às publicações do nosso grupo para ficar por dentro dos próximos eventos! </p>
10-
11-
</p>
12-
</div>
13-
<div class="col l3 s12">
14-
<h2 class="white-text">Meetup</h2>
15-
<ul>
16-
<li><a class="white-text" href="#!">Link 1</a></li>
17-
</ul>
18-
</div>
19-
<div class="col l3 s12">
20-
<h2 class="white-text">Redes Sociais</h2>
21-
<ul>
22-
<li><a class="white-text" href="https://plus.google.com/u/0/+GDGSalvadorBA/" target="_blank">Google Plus</a></li>
23-
<li><a class="white-text" href="https://www.facebook.com/GDGSalvador/" target="_blank">Facebook</a></li>
24-
<li><a class="white-text" href="https://twitter.com/gdgssa" target="_blank">Twitter</a></li>
25-
<li><a class="white-text" href="#!">Instagram</a></li>
26-
</ul>
27-
</div>
2+
<h2 class="sr-only">Rodapé do site</h2>
3+
<div class="container">
4+
<div class="row">
5+
<div class="col l6 s12">
6+
<h3 class="yellow-text title">#GDGSSA</h3>
7+
<p class="grey-text text-lighten-4">Google Developer Group (GDG) Salvador é o primeiro grupo do nordeste brasileiro a surgir. </p>
8+
<p class="grey-text text-lighten-4">Nosso objetivo é difundir as tecnologias do Google em nossa cidade,
9+
através de eventos técnicos, palestras, cursos, oficinas e etc!</p>
10+
<p class="grey-text text-lighten-4">Esteja sempre atento às publicações do nosso grupo para ficar por dentro dos próximos eventos! </p>
2811
</div>
29-
</div>
30-
<div class="footer-copyright">
31-
<div class="container">
32-
Feito com <a href="https://jekyllrb.com/" class="yellow-text text-lighten-3">Jekyll</a> & <a class="yellow-text text-lighten-3" href="http://materializecss.com">Materialize</a>
12+
13+
<div class="col l3 s12">
14+
<h3 class="white-text title">Meetup</h3>
15+
<ul>
16+
<li><a class="white-text" href="#!">Link 1</a></li>
17+
</ul>
18+
</div>
19+
20+
<div class="col l3 s12">
21+
<h3 class="white-text title">Redes Sociais</h3>
22+
<ul>
23+
<li><a class="white-text" href="https://plus.google.com/u/0/+GDGSalvadorBA/" target="_blank">Google Plus</a></li>
24+
<li><a class="white-text" href="https://www.facebook.com/GDGSalvador/" target="_blank">Facebook</a></li>
25+
<li><a class="white-text" href="https://twitter.com/gdgssa" target="_blank">Twitter</a></li>
26+
<li><a class="white-text" href="#!">Instagram</a></li>
27+
</ul>
3328
</div>
3429
</div>
35-
</footer>
36-
<script src="{{ "/assets/js/materialize.min.js" | prepend: site.baseurl }}"></script>
37-
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
30+
</div>
31+
32+
<div class="footer-copyright">
33+
<div class="container">
34+
Feito com <a href="https://jekyllrb.com/" class="yellow-text text-lighten-3">Jekyll</a> & <a class="yellow-text text-lighten-3" href="http://materializecss.com">Materialize</a>
35+
</div>
36+
</div>
37+
</footer>
38+
<script src="{{ "/assets/js/materialize.min.js" | prepend: site.baseurl }}"></script>
39+
<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>

‎_includes/head.html

+8-8
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
66
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
77
<meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8-
8+
99
<!-- author -->
1010
<link rel="author" href="https://plus.google.com/u/0/+GDGSalvadorBA?rel=author">
1111
<meta name="autor" content="GDGSSA">
@@ -20,18 +20,18 @@
2020
<meta property="fb:admins" content="" />
2121
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
2222
<meta property="og:type" content="{% if page.layout == 'post' %}article{% else %}blog{% endif %}">
23-
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
23+
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
2424
<meta property="og:description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
2525
<meta property="og:site_name" content="{{ site.title }}">
2626

2727
<!-- Social: Google+ / Schema.org -->
2828
<meta itemprop="name" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}"/>
2929
<meta itemprop="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
3030
<meta itemprop="image" content="{{ "/assets/img/logo_gdgssa_horizontal.svg" | prepend: site.baseurl | prepend: site.url }}"/>
31-
31+
3232
<!-- Favicon -->
3333
<link rel="shortcut icon" href="/assets/img/icons/favicon.ico" type="image/x-icon" />
34-
34+
3535
<!-- Apple Touch Icons -->
3636
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/icons/apple-touch-icon-57x57.png" />
3737
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/icons/apple-touch-icon-114x114.png" />
@@ -41,7 +41,7 @@
4141
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/icons/apple-touch-icon-120x120.png" />
4242
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/icons/apple-touch-icon-76x76.png" />
4343
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/icons/apple-touch-icon-152x152.png" />
44-
44+
4545
<!-- Windows 8 Tile Icons -->
4646
<meta name="application-name" content="{{ site.title }}">
4747
<meta name="msapplication-TileColor" content="#FFFFFF" />
@@ -63,10 +63,10 @@
6363
<!-- Import Google Icon Font And Raleway font -->
6464
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
6565
<link href="http://fonts.googleapis.com/css?family=Raleway:800,300" rel="stylesheet" type="text/css">
66-
66+
6767
<!-- Stylesheet -->
68-
<link rel="stylesheet" media="screen,projection" href="{{ "/assets/css/lib/materialize.min.css" | prepend: site.baseurl }}">
69-
<link rel="stylesheet" media="screen,projection" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
68+
<link rel="stylesheet" media="screen" href="{{ "/assets/css/lib/materialize.min.css" | prepend: site.baseurl }}">
69+
<link rel="stylesheet" media="screen" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
7070
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
7171
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
7272
</head>

‎_includes/header.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<header id="home" class="header-container" role="banner">
1+
<header id="home" class="header-container" itemscope itemtype="http://schema.org/WebPage">
22
<div class="flex-center">
3-
<img src="/assets/img/logo_gdgssa_vert_white.svg" alt="" style="z-index: 100">
3+
<img src="/assets/img/logo_gdgssa_vert_white.svg" alt=" " style="z-index: 100">
44
</div>
5-
<div class="color-overlay"></div>
5+
<div class="color-overlay"></div>
66
</header>

‎_includes/nav.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<div class="site-header navbar-fixed">
2-
<nav class="transparent" role="navigation">
2+
<nav class="transparent">
33
<div class="nav-wrapper container">
44
<a id="logo-container" href="#home" class="new-logo white-text" style="display: none;">
5-
<img src="/assets/img/logo_gdgssa_horizontal_white.svg" alt="">
5+
<img src="/assets/img/logo_gdgssa_horizontal_white.svg" alt="GDG Salvador">
66
</a>
7-
<ul class="right hide-on-med-and-down">
7+
<ul class="right hide-on-med-and-down" aria-label="Menu de navegação principal">
88
<li><a href="#about">Sobre</a></li>
99
<li><a href="#work">Iniciativas</a></li>
1010
<li><a href="#event">Eventos</a></li>
@@ -17,7 +17,7 @@
1717
<li><a href="#university">GDG em sua Faculdade</a></li>
1818
<li><a href="#team">Time</a></li>
1919
</ul>
20-
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
20+
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons" aria-hidden="true">menu</i></a>
2121
</div>
2222
</nav>
2323
</div>

‎_includes/team.html

+96-16
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,30 @@ <h2 class="center title-header white-text">Equipe GDG Salvador</h2>
1313
<p class="black-text">Apaixonado por código, inovações e café. Curti trabalhar em projetos desafiadores e criativos, nas horas vagas curti jogar ou aprender algo novo. </p>
1414
</div>
1515
<div class="card-team-action center">
16-
<a href="https://plus.google.com/u/0/+MarcusViniciusSoftwareDeveloper"><svg class="icon"><use xlink:href="#icon-google-plus"></use></svg></a>
17-
<a href="https://www.facebook.com/mvfsilva91"><svg class="icon"><use xlink:href="#icon-facebook"></use> </svg></a>
18-
<a href="https://www.twitter.com/mvfsillva"><svg class="icon"><use xlink:href="#icon-twitter"></use></svg></a>
19-
<a href="https://www.github.com/mvfsilva"><svg class="icon"><use xlink:href="#icon-github-alt"></use></svg></a>
16+
<a href="https://plus.google.com/u/0/+MarcusViniciusSoftwareDeveloper">
17+
<span class="sr-only">Perfil de Marcus Silva no Google Plus</span>
18+
<svg class="icon" aria-label="Perfil de Marcus Silva no Google Plus">
19+
<use xlink:href="#icon-google-plus"></use>
20+
</svg>
21+
</a>
22+
<a href="https://www.facebook.com/mvfsilva91">
23+
<span class="sr-only">Perfil de Marcus Silva no Facebook</span>
24+
<svg class="icon" aria-label="Perfil de Marcus Silva no facebook">
25+
<use xlink:href="#icon-facebook"></use>
26+
</svg>
27+
</a>
28+
<a href="https://www.twitter.com/mvfsillva">
29+
<span class="sr-only">Perfil de Marcus Silva no Twitter</span>
30+
<svg class="icon" aria-label="Perfil de Marcus Silva no twitter">
31+
<use xlink:href="#icon-twitter"></use>
32+
</svg>
33+
</a>
34+
<a href="https://www.github.com/mvfsilva">
35+
<span class="sr-only">Perfil de Marcus Silva no Github</span>
36+
<svg class="icon" aria-label="Perfil de Marcus Silva no github">
37+
<use xlink:href="#icon-github-alt"></use>
38+
</svg>
39+
</a>
2040
</div>
2141
</div>
2242
</div>
@@ -31,10 +51,30 @@ <h2 class="center title-header white-text">Equipe GDG Salvador</h2>
3151
<p class="black-text">Desenvolvedor apaixonado por codificação em todos os tipos de soluções . Ultimamente brinco com Dart e estou caindo de amor por ele</p>
3252
</div>
3353
<div class="card-team-action center">
34-
<a href="https://plus.google.com/u/0/+MarlonCarvalho"><svg class="icon"><use xlink:href="#icon-google-plus"></use></svg></a>
35-
<a href="https://www.facebook.com/marlon.silvacarvalho.net"><svg class="icon"> <use xlink:href="#icon-facebook"></use></svg></a>
36-
<a href="https://twitter.com/marlonscarvalho"> <svg class="icon"><use xlink:href="#icon-twitter"></use></svg></a>
37-
<a href="https://github.com/marloncarvalho"><svg class="icon"><use xlink:href="#icon-github-alt"></use></svg></a>
54+
<a href="https://plus.google.com/u/0/+MarlonCarvalho">
55+
<span class="sr-only">Perfil de Marlon Carvalho no Google Plus</span>
56+
<svg class="icon" aria-label="Perfi de Marlon Carvalho no google plus">
57+
<use xlink:href="#icon-google-plus"></use>
58+
</svg>
59+
</a>
60+
<a href="https://www.facebook.com/marlon.silvacarvalho.net">
61+
<span class="sr-only">Perfil de Marlon Carvalho no Facebook</span>
62+
<svg class="icon" aria-label="Perfi de Marlon Carvalho no facebook">
63+
<use xlink:href="#icon-facebook"></use>
64+
</svg>
65+
</a>
66+
<a href="https://twitter.com/marlonscarvalho">
67+
<span class="sr-only">Perfil de Marlon Carvalho no Twitter</span>
68+
<svg class="icon" aria-label="Perfi de Marlon Carvalho no twitter">
69+
<use xlink:href="#icon-twitter"></use>
70+
</svg>
71+
</a>
72+
<a href="https://github.com/marloncarvalho">
73+
<span class="sr-only">Perfil de Marlon Carvalho no Github</span>
74+
<svg class="icon" aria-label="Perfi de Marlon Carvalho no github">
75+
<use xlink:href="#icon-github-alt"></use>
76+
</svg>
77+
</a>
3878
</div>
3979
</div>
4080
</div>
@@ -49,10 +89,30 @@ <h2 class="center title-header white-text">Equipe GDG Salvador</h2>
4989
<p class="black-text">Consultora em Inovação e Gestão de TI, Pesquisadora, Prof e Coord. Adj de ADS e Redes da Unijorge. Integrante do GDG SSA. Lider WTM SSA.</p>
5090
</div>
5191
<div class="card-team-action center">
52-
<a href="https://plus.google.com/+MarlaDore"><svg class="icon"> <use xlink:href="#icon-google-plus"></use></svg></a>
53-
<a href="https://www.facebook.com/marladore"><svg class="icon"> <use xlink:href="#icon-facebook"></use></svg></a>
54-
<a href="https://twitter.com/marladore"><svg class="icon"> <use xlink:href="#icon-twitter"></use></svg></a>
55-
<a href="https://github.com/marladore"><svg class="icon"> <use xlink:href="#icon-github-alt"></use></svg></a>
92+
<a href="https://plus.google.com/+MarlaDore">
93+
<span class="sr-only">Perfil de Marla Dore no Google Plus</span>
94+
<svg class="icon" aria-label="Perfi de Marla Dore no google plus">
95+
<use xlink:href="#icon-google-plus"></use>
96+
</svg>
97+
</a>
98+
<a href="https://www.facebook.com/marladore">
99+
<span class="sr-only">Perfil de Marla Dore no Facebook</span>
100+
<svg class="icon" aria-label="Perfi de Marla Dore no facebook">
101+
<use xlink:href="#icon-facebook"></use>
102+
</svg>
103+
</a>
104+
<a href="https://twitter.com/marladore">
105+
<span class="sr-only">Perfil de Marla Dore no Twitter</span>
106+
<svg class="icon" aria-label="Perfi de Marla Dore no twitter">
107+
<use xlink:href="#icon-twitter"></use>
108+
</svg>
109+
</a>
110+
<a href="https://github.com/marladore">
111+
<span class="sr-only">Perfil de Marla Dore no Github</span>
112+
<svg class="icon" aria-label="Perfi de Marla Dore no github">
113+
<use xlink:href="#icon-github-alt"></use>
114+
</svg>
115+
</a>
56116
</div>
57117
</div>
58118
</div>
@@ -67,10 +127,30 @@ <h2 class="center title-header white-text">Equipe GDG Salvador</h2>
67127
<p class="black-text">Desenvolvedor, especialista e fã da computação Ubíqua, atualmente aficionado pelo desenvolvimento para Android Wear.</p>
68128
</div>
69129
<div class="card-team-action center">
70-
<a href="https://plus.google.com/112844703250664662874"><svg class="icon"><use xlink:href="#icon-google-plus"></use></svg></a>
71-
<a href="https://www.facebook.com/ramon.mota.9461"><svg class="icon"><use xlink:href="#icon-facebook"></use></svg></a>
72-
<a href="https://twitter.com/ramonmluz"><svg class="icon"> <use xlink:href="#icon-twitter"></use></svg></a>
73-
<a href="https://www.twitter.com/ramonmluz"><svg class="icon"><use xlink:href="#icon-github-alt"></use></svg></a>
130+
<a href="https://plus.google.com/112844703250664662874">
131+
<span class="sr-only">Perfil de Ramon Mota no Google Plus</span>
132+
<svg class="icon" aria-label="Perfi de Ramon Mota no google plus">
133+
<use xlink:href="#icon-google-plus"></use>
134+
</svg>
135+
</a>
136+
<a href="https://www.facebook.com/ramon.mota.9461">
137+
<span class="sr-only">Perfil de Ramon Mota no Facebook</span>
138+
<svg class="icon" aria-label="Perfi de Ramon Mota no facebook">
139+
<use xlink:href="#icon-facebook"></use>
140+
</svg>
141+
</a>
142+
<a href="https://twitter.com/ramonmluz">
143+
<span class="sr-only">Perfil de Ramon Mota no Twitter</span>
144+
<svg class="icon" aria-label="Perfi de Ramon Mota no twitter">
145+
<use xlink:href="#icon-twitter"></use>
146+
</svg>
147+
</a>
148+
<a href="https://www.twitter.com/ramonmluz">
149+
<span class="sr-only">Perfil de Ramon Mota no Github</span>
150+
<svg class="icon" aria-label="Perfi de Ramon Mota no github">
151+
<use xlink:href="#icon-github-alt"></use>
152+
</svg>
153+
</a>
74154
</div>
75155
</div>
76156
</div>

‎_includes/work.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ <h2 class="title-header white-text">GDG Salvador Iniciativas</h2>
1212
<div class="col s12 m6 l3">
1313
<div class="card black-text">
1414
<div class="card-content">
15-
<span class="card-title black-text center">Tech Tour</span>
15+
<span class="card-title black-text center" lang="en">Tech Tour</span>
1616

1717
<p class="card-text"> A proposta é fazer um tour por Salvador-BA, criando mini-eventos ou encontros, falando sempre sobre tecnologias importantes, além de proporcionar o networking entre a galera.</p>
1818
</div>
@@ -22,7 +22,7 @@ <h2 class="title-header white-text">GDG Salvador Iniciativas</h2>
2222
<div class="col s12 m6 l3">
2323
<div class="card black-text">
2424
<div class="card-content">
25-
<span class="card-title black-text">Study Jams</span>
25+
<span class="card-title black-text" lang="en">Study Jams</span>
2626

2727
<p class="card-text">Uma iniciativa do google, que visa a criação de cursos online com suporte dos integrantes do Google Developers Group.</p>
2828
</div>
@@ -32,7 +32,7 @@ <h2 class="title-header white-text">GDG Salvador Iniciativas</h2>
3232
<div class="col s12 m6 l3">
3333
<div class="card black-text">
3434
<div class="card-content">
35-
<span class="card-title black-text">Android Wear</span>
35+
<span class="card-title black-text" lang="en">Android Wear</span>
3636

3737
<p class="card-text">Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. </p>
3838
</div>
@@ -42,7 +42,7 @@ <h2 class="title-header white-text">GDG Salvador Iniciativas</h2>
4242
<div class="col s12 m6 l3">
4343
<div class="card black-text">
4444
<div class="card-content">
45-
<span class="card-title black-text">Hangouts</span>
45+
<span class="card-title black-text" lang="en">Hangouts</span>
4646

4747
<p class="card-text">Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis.</p>
4848
</div>

‎_layouts/default.html

+2-4
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,10 @@
11
<!DOCTYPE html>
22
<html lang="pt-br">
33
{% include head.html %}
4-
<body>
4+
<body itemscope itemtype="http://schema.org/WebPage">
55
{% include header.html %}
66
{% include nav.html %}
7-
87
{{ content }}
9-
108
{% include footer.html %}
119
</body>
12-
</html>
10+
</html>

‎_layouts/page.html

+1-3
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,11 @@
22
layout: default
33
---
44
<div class="post">
5-
65
<header class="post-header">
76
<h1 class="post-title">{{ page.title }}</h1>
87
</header>
98

109
<article class="post-content">
1110
{{ content }}
1211
</article>
13-
14-
</div>
12+
</div>

‎_layouts/post.html

-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
layout: default
33
---
44
<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
5-
65
<header class="post-header">
76
<h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>
87
<p class="post-meta"><time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">{{ page.date | date: "%b %-d, %Y" }}</time>{% if page.author %} • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>{% endif %}</p>

0 commit comments

Comments
 (0)