{"id":21896902,"url":"https://github.com/fititnt/fernandes","last_synced_at":"2026-04-12T09:43:39.695Z","repository":{"id":5650243,"uuid":"6859111","full_name":"fititnt/fernandes","owner":"fititnt","description":"Grupo de Trabalho de Pesquisa e Desenvolvimento Web, organizado por Juliana Fernandes (@julianafrost)","archived":false,"fork":false,"pushed_at":"2013-03-10T00:32:22.000Z","size":4008,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-22T05:16:05.710Z","etag":null,"topics":["html","javascript","leitores-de-tela","microdata","wai-aria","wcag"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fititnt.png","metadata":{"files":{"readme":"README.md","changelog":"changelog.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-11-26T03:08:53.000Z","updated_at":"2015-10-29T05:03:38.000Z","dependencies_parsed_at":"2022-08-30T20:12:14.035Z","dependency_job_id":null,"html_url":"https://github.com/fititnt/fernandes","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fititnt/fernandes","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fititnt%2Ffernandes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fititnt%2Ffernandes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fititnt%2Ffernandes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fititnt%2Ffernandes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fititnt","download_url":"https://codeload.github.com/fititnt/fernandes/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fititnt%2Ffernandes/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265483250,"owners_count":23774172,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","javascript","leitores-de-tela","microdata","wai-aria","wcag"],"created_at":"2024-11-28T14:14:49.181Z","updated_at":"2026-04-12T09:43:39.654Z","avatar_url":"https://github.com/fititnt.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pesquisa de técnicas aplicadas para projetos Web\r\n\r\n## O que possui\r\n\r\n### Pasta 3rd/\r\nPasta para conter exemplos de integração de plugins de terceiros\r\n\r\n### Pasta backend/\r\nPasta para conter pacotes que requerem codigo para ser interpretado por um servidor e que servem como apoio para realizar tarefas que não são possíveis em HTML e Javascript puros\r\n\r\n### Pasta exemplo/\r\nExemplos de projetos mais próximos do real usando técnicas estudadas\r\n\r\n### Pasta ola/\r\nPossui apenas um \"ola mundo\" em Twitter Boostrap\r\n\r\n### Pasta poc/\r\nProof of concept (prova de conceito). Usada para demonstrar alguma capacidade ou habilidade geral. Geolocation, Offline, etc.\r\n\r\n### Pasta public_html/\r\nPasta para conter arquivos que intencionalmente devem ficar disponibilizados de modo online\r\n\r\n### Pasta refactoring/\r\nRefratoração de projetos, isto é, reescrever de outro modo algo que já existe por questões didaticas ou de demonstrar para futura alteração\r\n\r\nRecomenda-se que cada subpasta seja um projeto específico e que, dentro tenha uma ordem parecida com a seguinte\r\n\u003cpre\u003e# Raiz do projeto\r\n/refractoring/projeto-a \r\n\r\n#Tipo de fonte, live-site para projeto pego direto da web\r\n/refractoring/projeto-a/live-site\r\n# Arquivo original usado como base\r\n/refractoring/projeto-a/live-site/original\r\n# Outros nomes para referenciar alterações em relação ao original\r\n/refractoring/projeto-a/live-site/alterado...\r\n\r\n#Tipo de fonte, source para \"codigo fonte original\", a exemplo dos templates usados na criação do tema para um CMS\r\n/refractoring/projeto-a/source/..,\u003c/pre\u003e\r\n\r\n### Pasta schema/\r\nExemplos de Schemas do http://schema.org\r\n\r\n### Pasta wai-aria/\r\nExemplos referentes a WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications). Saiba mais em http://www.w3.org/WAI/intro/aria.php\r\n\r\n## Acesso a maquina local de testes\r\n\r\nRede local: http://192.168.1.5/f/ (IP fixo, depende apenas da maquina estar ligada, e computador estar dentro da rede local)\r\n\r\nRede externa : http://201.37.65.126:5581/f/ (IP dinamico porem a porta é a mesma, alterar conforme o caso. Depende de desbloquear o Firewall local)\r\n\r\n### Servidor de testes na web\r\n\r\nDominio http://fernandes.lab.fititnt.org (\"privado\", sem intenção de ser indexado), http://pub.lab.fititnt.org (\"indexavel\", pasta public_html), \r\n\r\nUsuario SSH: jflab\r\n\r\nSenha usuario: hrtmP28C\r\n\r\n## Ferramentas para análise automática\r\nUsar modo de acesso do tipo rede externa\r\n\r\n### Validação HTML, versão 5\r\nhttp://validator.w3.org\r\n\r\nIdealmente, não deve haver erros de validação do documento HTML \r\n\r\n### Validação CSS, versão 3\r\nhttp://jigsaw.w3.org/css-validator/\r\n\r\nInfelizmente, as CSS do Twitter Boostrap geram invalidação de diversas regras de CSS3, também em função de fallback. *Um exemplo de tal quantidade \r\né 691*. Procurar não gerar erros adicionais aos que a própria biblioteca já gera\r\n\r\n### Validação Cache Manifest\r\nhttp://manifest-validator.com/\r\n\r\nValidador de arquivo manifesto (para sites funcionarem offline)\r\n\r\n### Validação WCAG 2.0 (AccessMonitor)\r\n\r\nhttp://www.acessibilidade.gov.pt/accessmonitor/\r\n\r\n### Validação WCAG 1.0 (eXaminator)\r\nhttp://www.acessibilidade.gov.pt/webax/examinator.php\r\n\r\n### ASES - Avaliador e Simulador de Acessibilidade de Sítios\r\nhttp://www.governoeletronico.gov.br/acoes-e-projetos/e-MAG/ases-avaliador-e-simulador-de-acessibilidade-sitios\r\n\r\nSoftware criado pelo Governo que avalia acessibilidade (WCAG 1.0), HTML (4.1), CSS e constrate de cores. Também simula o tempo gasto pelo leitor de tela para chegar a cada linha do conteúdo.\r\n\r\n### Da Silva - Avaliador de Acessibilidade (Padrão E-GOV)\r\nhttp://www.dasilva.org.br/\r\n\r\n### Google Rich Snippet Tool (Ferramenta de teste de dados estruturados)\r\nhttp://www.google.com/webmasters/tools/richsnippets\r\n\r\n### Validador de Marcação do Bing\r\nhttp://www.bing.com/toolbox/markup-validator (Requer registro)\r\n\r\n### Structured Data on the Web, Tool\r\nhttp://linter.structured-data.org\r\n\r\n### Live Microdata\r\nhttp://foolip.org/microdatajs/live/\r\n\r\n## Referências pertinentes\r\n\r\n### HTML 5\r\n\r\n#### Documentação oficial técnica, recomendada\r\nhttp://www.w3.org/TR/html5\r\n\r\n#### Documentação oficial para autores, simplificada mas ainda técnica\r\nhttp://dev.w3.org/html5/html-author\r\n\r\n#### WHATWG HTML5, especificação técnica para web developers\r\nhttp://developers.whatwg.org\r\n\r\n### Schema.org\r\nhttp://schema.org/\r\n\r\n### WebSchemas\r\nhttp://www.w3.org/wiki/WebSchemas\r\n\r\n### Structured Data on the Web\r\nhttp://structured-data.org\r\n\r\nOtimos recursos sobre o tema\r\n\r\n### Microdata\r\nhttp://diveintohtml5.com.br/extensibility.html (em português) \r\n\r\n### Rich snippets (microdados, microformatos, RDFa, e marcador de dados)\r\nhttp://support.google.com/webmasters/bin/answer.py?hl=pt-BR\u0026answer=99170\r\n\r\n\"The chapter on Microdata in the Dive into HTML5 book is a good introduction to the next generation of Microformats. Microdata is the newest addition to the structured data markup technologies, created in 2009, and is supported in HTML5.\"\r\n\r\n### Microformats\r\nhttp://microformats.org/about\r\n\r\n\"The Microformats website is a good place to learn about the basics of the simplest way of publishing structured data on the Web. Microformats have been under development since 2004. The markup works in all versions of HTML and allows you to mark up basic concepts like people, places, events, recipes, and audio.\"\r\n\r\n### WAI-ARIA\r\nWAI-ARIA 1.0 Authoring Practices: http://www.w3.org/WAI/PF/aria-practices (Excelente, *deve* ser lido)\r\n\r\nInfografo: http://www.w3.org/TR/wai-aria/rdf_model.svg\r\n\r\nExemplos de código acessível WAI-ARIA http://www.oaa-accessibility.org/examples/\r\n\r\nAdding WAI-ARIA Landmarks to Joomla: http://pbwebdev.com/blog/adding-wai-aria-landmarks-to-joomla#.ULWmRod9I2w\r\n\r\nUsing WAI ARIA Landmark Roles: http://www.paciellogroup.com/blog/2010/10/using-wai-aria-landmark-roles/\r\n\r\nA quick Introduction to WAI-ARIA http://www.slideshare.net/maxdesign/a-quick-introduction-to-aria \r\n\r\n### Recomendações de Acessibilidade para Conteúdo Web (WCAG) 2.0\r\nhttp://www.ilearn.com.br/TR/WCAG20/\r\n\r\nDocumentação oficial traduzida (faltam algumas partes)\r\n\r\n## Leitores de Tela\r\n\r\n### Lista resumo com teclas de atalho de vários leitores\r\nhttp://acessibilidade.bento.ifrs.edu.br/dicas-leitor-de-tela.php (em português)\r\n\r\n### Orientações básicas de Jaws – NVDA – Virtual Vision - Orca em Ubuntu/Win\r\nhttp://www.renapi.gov.br/acessibilidade/manuais/tsa/leitores_de_Tela.pdf (em português)\r\n\r\n### Lista com teclas de atalho JAWS\r\nhttp://www.freedomscientific.com/doccenter/archives/training/JAWSKeystrokes.htm (em inglês)\r\n\r\n### Lista com teclas de atalho NVDA\r\nhttp://webaim.org/resources/shortcuts/nvda (em inglês)\r\n\r\n## Checklists de Acessibilidade\r\nhttp://www.renapi.gov.br/acessibilidade/ferramentas/arquivos/checklistAcessibilidade.pdf\r\nChecklist do RENAPI (em português)\r\n\r\nhttp://www.fernandopaes.ppg.br/blog/wp-content/uploads/2010/11/CheckList_Acessibilidade_FernandoPaes.xls\r\nChecklist em XLS (em português)\r\n\r\nhttp://www.governoeletronico.gov.br/biblioteca/arquivos/checklist-manual-de-acessibilidade-desenvolvedores/view\r\nChecklist em PDF do e-MAG para desenvolvedores (em português)\r\n\r\nhttp://www.governoeletronico.gov.br/biblioteca/arquivos/checklist-manual-de-acessibilidade-deficientes-visuais/view\r\nChecklist em PDF do e-MAG para deficientes visuais (em português)\r\n\r\nhttp://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html\r\nChecklist em HTML do W3C (em inglês)\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffititnt%2Ffernandes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffititnt%2Ffernandes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffititnt%2Ffernandes/lists"}