Diego Oliveira 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 (5)
    • Android (1)
    • Desenvolvimento (1)
    • Desenvolvimento de Jogos (11)
    • Desenvolvimento WEB (19)
    • Design Patterns (2)
    • Engenharia de Software (6)
    • Faculdade (7)
    • Ferramentas (4)
    • Jogos (6)
    • Moodle (3)
    • O Livro dos Sonhos (3)
    • Outros (7)
    • Realidade Aumentada (9)
    • Trabalhos (22)
    • Utilidades (1)
  • Arquivo
    • junho 2011 (1)
    • fevereiro 2011 (4)
    • janeiro 2011 (3)
    • novembro 2010 (4)
    • outubro 2010 (3)
    • setembro 2010 (3)
    • agosto 2010 (5)
    • 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)
  • Diego Potapczuk
    Best Tools For Developers From Android Developer Source - The Android Soul
    10:48 AM Nov 14, 2011, comment
    Pioneer mostra Zypr, concorrente do Siri que vai além dos smartphones - Tecnoblog
    7:44 PM Nov 08, 2011, comment
    Medida Certa – Fantástico – Entre em forma com seu Android - AndroidBlog
    12:42 AM Oct 31, 2011, comment
    Unbelievable Bookcases That Might Blow Your Mind - Tech Blog
    7:01 PM Oct 28, 2011, comment
    Dica da semana para elas - mataleone
    4:32 PM Oct 28, 2011, comment
    [Infographic] Android Fragmentation Visualized... If You Like Biased Information, That Is - Android News, Apps, Games, Phones, Tablets - Android Police
    7:24 PM Oct 27, 2011, comment
    Vídeo mostra o que a Microsoft espera para o futuro da produtividade - Tecnoblog
    4:27 PM Oct 27, 2011, comment
    Twittaço por banda larga de qualidade! - mataleone
    12:20 PM Oct 27, 2011, comment
    Telas de navegação em realidade aumentada no vidro do carro? Quero sim - Gizmodo Brasil
    10:32 PM Oct 26, 2011, comment
    [Upcoming] Capta Is A Multi-Functional Accessory That Brings A Tripod Mount To Your Smartphone - Android News, Apps, Games, Phones, Tablets - Android Police
    9:48 PM Oct 26, 2011, comment
     
  • Tópicos Recentes
    • Sotero Tech
    • Wi-Fi Direct
    • AllJoyn
    • artIS
    • Play Framework
  • Nuvem de Tags
    Acessibilidade Activity Locking Android 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 Framework Google Google Wave inovação JavaScript Jogo Jogos Livros Meus Trabalhos Moodle O Livro dos Sonhos padrões de projetos Padrões WEB PHP Projeto Indiana Prototipação Realidade aumentada RENAPI SBGames SENAI-BA Sistema gerenciador de pousadas Torque UDK Unity Utilidades Zend Zend Framework
  • Links Parceiros
    • Allan Costa
    • Jailson Souza
    • Thiago Duraes
  • 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 Diego Oliveira Potapczuk.
Todos os direitos reservados.

Ir para o topo