Diegoliveira Potapczuk

Barra de acessibilidade Como usar o site Ir para o conteúdo Ir para o menu Ir para o menu secundário C C Diminuir o tamanho das letras Tamanho das letras padrão Aumentar o tamanho das letras
  • Home
  • Sobre Diego Potapczuk
  • Currículum
  • Contato

Arquivos de junho, 2009

Você pode usar o campo de busca abaixo para tentar achar uma página ou post mais específico:



jun 24

Livro Técnicas de Acessibilidade: Criando uma web para todos

Técnicas de Acessibilidade: Criando uma web para todos escrito por Jalves Mendonça Nicácio, é um dos livros que estou lendo para a realização do meu TCC no curso de Sistemas de Informação. É um excelente livro para desenvolvedores de sites que estão querendo saber como tornar seus sites mais acessíveis e dentro dos padrões atuais.

Técnicas de Acessibilidade

O livro trata o assunto de maneira bastante prática, trazendo diversos exemplos de técnicas de acessibilidade como inserção de textos alternativos, uso do CSS, uso de medidas relativas, criação de tabelas, uso de formulários entre outros. Além disso, trás informações sobre ferramentas usadas em sites que ajudam na acessibilidade como barra de acessibilidade, breadcrumb, teclas de atalho e skip links.

Não só da prática o livro trata, ele também fala sobre as diretrizes existente sobre a criação de sites acessíveis, as diretrizes da W3C, E-MAG e a WCAG Samurai, e também fala sobre alguns problemas de acessibilidade na internet.

Autor:  Jalves Mendonça Nicácio
Editora: EdUFAL (Editora da Universidade Federal de Alagoas)
Patrocínio: Banco do Nordeste
Apoio: Fundepes
Lançamento: 2009
Num. Páginas: 98

jun 23

Barra de Acessibilidade

Uma ferramenta que a maioria dos sites começam a adotar para tornarem-se mais acessíveis é o uso de uma barra de acessibilidade. Essa barra tem a função de trazer de forma fácil e prática diversas ferramentas que permitem que pessoas com necessidades especiais possam usar seu site de forma mais fácil.

As principais ferramentas encontradas nessas barras de acessibilidade são:

  • Modificar o tamanho das letras do site, isso permite que pessoas com problemas de visão possam aumentar as letras do seu site e ler com menos esforço as informações ali contidas.
  • Visualização do site com diferentes cores e contrastes, essa não é uma ferramenta de design onde você permite as pessoas escolherem ver o seu site nas cores que mais gostam, e sim uma ferramenta de acessibilidade onde você disponibiliza para as pessoas com problemas em distinguir cores, como aqueles com Daltonismo, uma versão do site onde eles tenham menos dificuldade para acessar as informações. Além de evitar problemas com cores que não são percebidas por certas pessoas, também é muito utilizado esquemas de cores com alto contraste, para também facilitar para as pessoas com problemas de visão.
  • Pular para seções do site, essa função é muito útil para as pessoas que navegam pelo seu site utilizando leitores de tela, ela permite que a pessoa pule diretamente para a parte do site que ele deseja, sem ter que percorrer todo o site até chegar à parte que ele está interessado. Também é útil para pessoas com problemas motores que muitas vezes não fazem o uso do mouse.
  • Como útil o site, não é exatamente uma ferramenta, mas sim um informativo presente na barra de acessibilidade que visa informar às pessoas que estão usando aquele site sobre como melhor navegar naquele site utilizando as ferramentas que ele oferece. Esse informativo, também bastante conhecido por declaração de acessibilidade (acessibility statement), tem também a função de falar sobre a acessibilidade do site e difundir informações sobre a web acessível, de forma que mais donos de sites tenham essa preocupação na hora de desenvolverem seus sites.

Barra de acessibilidade

Essas são as principais funções encontradas nas barras de acessibilidade, e também são as funções que eu implementei na minha barra de acessibilidade presente no topo do site.

jun 22

Apresentação sobre CSS

Aproveitando a deixa posto aqui minha segunda apresentação postada no SlideShare, essa aqui foi a apresentação que usei para dar um mini-curso sobre CSS e algumas práticas dele.

jun 21

Melhorando a acessibilidade

Pretendo fazer meu TCC sobre acessibilidade na internet, então nada mais justo do que fazer desse blog um blog acessível, e para melhorar a acessibilidade desse blog fiz diversas melhorias nele, as principais sendo:

  • Criação da barra de acessibilidade com as funções:
    • Controlar o tamanho dos textos, permitindo ao usuário com problemas de visão aumentar as fontes do site.
    • Permitir a visualização do site com cores de alto contraste para aqueles com problemas de visão e percepção das cores.
    • Pular para partes específicas do site como menu, menu secundário e conteúdo.
    • Acessar a página com dicas de como usar o site e informações sobre a acessibilidade do site.
  • Criação de uma página falando sobre como melhor utilizar esse site e algumas informações sobre a acessibilidade dele.
  • Correção de alguns erros no HTML mostrados através do uso de validadores de HTML.
  • Correção de alguns erros no CSS mostrados através do uso de validadores de CSS.
  • Adição da tag “title” aos links da paginação para que ao serem lidos por leitores de tela o usuário tenha um entendimento maior de sua função.
  • Adição da tag “alt” na caixa de busca para dar um significado para o botão ao ser lido por um leitor de tela.
jun 20

Baixe torrents mesmo em redes onde eles são bloqueados

Para aqueles que precisam desesperadamente baixar algo que só encontraram através de torrents, mas o mesmo onde você se encontra não é permitido ou é bloqueado pela rede, eis a solução, o site furk.net permite baixar o torrent como se ele fosse um download normal dentro do seu navegador.

O site ImageShake também permite a mesma façanha, mas não consegui testa-lo pois o mesmo estáva com as todas as vagas ocupadas para usuários não assinantes.

jun 19

Realidade aumentada, você dentro da Matrix!

A realidade aumentada, atualmente em alta com o anúncio do Projeto Natal pela Microsoft, é algo que já existe há um bom tempo, mas somente agora com as tecnologias atuais começa a ser disseminado para o grande público. A realidade aumentada é o conceito de você poder ter elementos virtuais dentro de ambientes reais, tudo isso acontecendo em tempo real.

Abaixo mostro um vídeo muito bacana de um programa para celular que diz ser o primeiro navegador de realidade virtual para celulares, com ele, a câmera do celular e seu localizador GPS é possível obter diversos tipos de informações, como bares, restaurantes, casas a venda, lojas entre outros, apenas apontando a câmera do seu celular para o local e ver na tela cada uma dessas informações disponibilizadas de forma contextualizada com o ambiente real.

E para quem ainda não conhece, o projeto natal promete a interação com o vídeo game da Microsoft sem o uso de controles, e sim seu corpo, seus movimentos e sua fala.

  • Página 2 de 4
  • <
  • 1
  • 2
  • 3
  • 4
  • >
Acompanhe-me no Twitter Acompanhe-me no Twitter
Inscreva-se no RSS Inscreva-se no RSS
  • Busca


  • Categorias
    • Acessibilidade (3)
    • Desenvolvimento (3)
    • Desenvolvimento de Jogos (11)
    • Desenvolvimento WEB (14)
    • Design Patterns (2)
    • Engenharia de Software (4)
    • Faculdade (7)
    • Ferramentas (4)
    • Jogos (6)
    • Moodle (2)
    • Outros (7)
    • Trabalhos (14)
    • Utilidades (1)
  • Arquivo
    • julho 2010 (2)
    • maio 2010 (4)
    • abril 2010 (1)
    • março 2010 (1)
    • fevereiro 2010 (3)
    • janeiro 2010 (3)
    • novembro 2009 (8)
    • outubro 2009 (1)
    • setembro 2009 (4)
    • agosto 2009 (3)
    • julho 2009 (3)
    • junho 2009 (24)
    • maio 2008 (1)
    • abril 2008 (6)
  • Tópicos Recentes
    • Site para iPhone
    • Monografia aprovada
    • O Livro dos Sonhos e as Pedras da Mandala
    • Em busca do Livro dos Sonhos
    • O Livro dos Sonhos e o jogo do tabuleiro
  • Nuvem de Tags
    Acessibilidade Activity Locking Apresentação ASES Banco de Dados Computação nas nuvens consoles CSS Desenvolvimento de Jogos Desenvolvimento WEB design pattern Doctrine eMAG Engenharia de Software Engine Faculdade Ferramentas Google Google Wave inovação Jogo Jogos Levantamento de Requisitos Livros materials MEC Daisy Meus Trabalhos Modelagem 3D Moodle Olimpíada do Conhecimento O Livro dos Sonhos padrões de projetos Padrões WEB Projeto Indiana Prototipação Realidade aumentada RENAPI SBGames SENAI-BA Sistema gerenciador de pousadas UDK Unity Utilidades Zend Zend Framework
  • Links recomendados
    • A List Apart
    • delicious
    • Efetividade.net
    • GMail
    • i-Tecnologia
    • PensamentoTI
    • Revolução Etc
    • Sedentário & Hiperativo
    • Smashing Magazine
    • Tableless
    • TechCrunch
    • TechEBlog
    • Thunder-Boy




  • Home
  • Sobre Diego Potapczuk
  • Currículum
  • Contato

© Copyright Diegoliveira Potapczuk.
Todos os direitos reservados.

Ir para o topo