O bê-a-bá da acessibilidade.

http://imasters.uol.com.br/artigo/9901

No início de 2005, época em que trabalhava para o Governo do Estado de São Paulo, me passaram a responsabilidade de criar um site que fosse 100% acessível, o que era uma novidade para mim e para o Governo. Comecei então a correr atrás de referências, sites que falassem sobre como criar sites sem tabela, pois até esta época a minha vida era cortar imagens no Photoshop e jogar em tabelas no Dreamweaver e pronto (e como eu fazia isso bem!!).

A partir deste momento um mundo novo se abriu, preocupações que eu nunca havia tido como navegação por teclado, teclas de atalho para acesso rápido ao conteúdo da página, organização de conteúdo semântico, compatibilidade com leitores de tela, áreas de clique de botões maiores, funcionalidades de tamanho de texto, cores pensadas para pessoas com baixa visão ou qualquer tipo de deficiência.. dentre muitas outras coisas. Mas apenas com estes exemplos já dá para perceber que a Web 2.0 herdou e a Web 3.0 herdará muitas das coisas que a acessibilidade trata como base de sua existência, então vem a pergunta “porque não pensar em acessibilidade e complementar com novos pensamentos?”.

Imaginem que linda seria uma internet acessível a todos, que tem toda uma organização semântica para os buscadores, que contempla todas as firulas que a Web 2.0 propõe e ainda mais! Funciona em todos os tipos de dispositivos!! Maravilhoso não é?

Agora, um questionamento que sempre é feito por empresas quanto a isso:

“O quanto custa e quanto tempo é necessário para fazer?” e a resposta está na ponta da língua:

“Custa à mesma coisa, e demora o mesmo tempo”. Agora vocês devem estar achando que eu sou louco, certo? Por que não fazemos assim então? Eu posso me explicar... ou pelo menos tentar.

Desde que eu entrei na iThink aprendi muito, e pude passar um pouco do conhecimento que já tinha sobre desenvolvimento de interface para outras pessoas, mas também fiquei encarregado de corrigir a avaliação e conversar com muitos candidatos que aparecem por lá para a vaga de desenvolvedor de interface... e me desculpem, mas gente boa é difícil de achar no mercado  (na verdade, nem sei se tem tanta gente boa por ai). Na correção de alguns testes eu não perdia 2 segundos, e em outros ficava alguns minutos olhando e vendo se mesmo com alguns errinhos valia à pena chamar a pessoa para bater um papo, pois era algo que seria facilmente corrigido durante o período de experiência. Até hoje eu só corrigi 1 teste que eu pude falar “esse vale a pena, não preciso explicar nada”. Mas e ai, aonde eu quero chegar falando sobre isso? Quero mostrar que os profissionais de internet não sabem direito o que estão fazendo, e que as agências estão totalmente dependentes de algumas poucas pessoas que seguram a grande maioria dos Jobs (se existir um lugar que não é assim me avisem, quero trabalhar lá!).

Tendo este problema de profissionais de interface que não são suficientemente bons, junto com a incrível vontade que os programadores têm de pegar um XHTML validado e continuar fazendo com que ele seja validado (isso porque em todos os testes de programadores que eu vi na iThink, aonde existe o campo de auto-avaliação em conhecimento de HTML, todos colocaram 10), o cuidado de fazer um código que seja bem identado, que não precise de ajustes de CSS pós-integração e tirando layouts que não colaboram em nada, é praticamente impossível garantir bons trabalhos, de fácil manutenção e que atenderão os padrões de acessibilidade, semântica e validação W3C.

Depois de ter explicado isso volto à pergunta do título deste artigo “e a acessibilidade, fica pra Web 4.0?”. Por favor, não!!! Vamos capacitar melhor às pessoas, ensinar a elas como se faz um XHTML direito, como nomear classe e ID’s corretamente, como criar um menu com itens e sub-itens de forma organizada antes de nos preocupar com a Web 2.0! A evolução da internet tem que passar pela acessibilidade antes de querer se expandir. Cada vez mais nos distanciamos da criação de sites que sejam multi plataforma, pois dependemos completamente de javascript para fazer o Ajax que os clientes acham tão necessário! Porque afinal, Ajax é a Web 2.0 para eles!

Os sites precisam ser funcionais e depois ter as firulas, e não ter firulas que são a base funcional do site! Estamos indo totalmente contra a maré, e para desfazer este nó levaremos muito tempo, muitos sites precisarão ser refeitos e muito dinheiro será gasto.

Ajudem-me a levantar esta bandeira! Leiam este artigo publicado a mais de 2 anos e entrem nesta corrente de pensamento... Vamos salvar o nosso trabalho! Acessibilidade não é ser bonzinho, é ser inteligente!

A Deca oferece ao cliente o produto, e a criatividade é por sua conta. Novidade absoluta para aplicação em pequenos espaços, porém decorados com bom gosto.

Permite a instalação do Misturador de Lavatório ou torneira de parede no próprio suporte.

NA MIL ASSENTOS VOCÊ PODE DEIXAR SEU PROJETO DE BANHEIRO UM LUXO, E MELHOR, COM ACESSIBILIDADE.

LINHA CONFORTO DECA E ATÉ MESMO LINHA CONFORTO MIL ASSENTOS VOCÊ ENCONTRA NA LOJA.

Av. Pedroso de Moraes, 351 - Pinheiros - São Paulo - LIGUE PARA 11- 3032 0074

Na Mil Assentos você encontra o primeiro Assento Universal Deca, compatível com as bacias competitivas Ravena, Targa, Izy e Studio. Possui sistema de fechamento Slow Close que, ao mínimo toque, permite à tampa e ao assento um fechamento suave.

A linha conforto da Deca  foi desenvolvida visando oferecer uma melhor opção para pessoas mais altas, idosos ou para quem utiliza cadeira de rodas, a Deca lança a bacia Vogue Plus Conforto sem furo frontal - P 510.

Mais uma opção com 44 cm de altura, porém sem furo frontal, esta bacia oferece maior conforto em sua utilização e proporciona mais qualidade de vida a este público.

NA MIL ASSENTOS VOCÊ PODE DEIXAR SEU PROJETO DE BANHEIRO UM LUXO, E MELHOR, COM ACESSIBILIDADE.

LINHA CONFORTO DECA E ATÉ MESMO LINHA CONFORTO MIL ASSENTOS VOCÊ ENCONTRA NA LOJA.

Av. Pedroso de Moraes, 351 - Pinheiros - São Paulo - LIGUE PARA 11- 3032 0074

Fonte: CREA-PR

Com a ajuda da UFMG e do Instituto Nacional de Telecomunicações (Inatel), o inventor brasileiro Dácio Pedro Simões desenvolveu a idéia de um sinalizador que permite aos cegos, numa paragem de autocarro (ponto de ônibus),  enviar um sinal de paragem ao autocarro (ônibus) desejado.

Para mais informações visite a Diversa - Revista da UFMG

Fonte: Diversa

Clique aqui para visualizar a apresentação de Slide que o Guilhermo passou em sua palestra no Planeta Web 08.

Planeta Web 2008

Preste atenção nesse post. Hoje nós vamos descrever aqui, a importância de ter em sua casa lixeiras Mil Assentos automáticas.

Caso você esteja reformando ou adaptando o banheiro para uma pessoa desabilitada, é importante colocar também no ambiente uma lixeira automática, esse produto funciona com um sensor super sensível que ao aproximar as mãos da lata de lixo a tampa abre automáticamente e após alguns segundos ela fecha, super acessível, não é mesmo?

Então, o que você esta esperando para ter uma dessas, são várias vantagens de ter um produto como esse. Na cozinha mesmo, você evita o contato direto com o lixo, super higiênico!

Ligue agora mesmo para 11 -3032 0074 e peça já a sua!

Lixeira Automatic ABS 20 Litros

DICAS SOBRE O LIXO DOMÉSTICO

Dessa forma, promover a acessibilidade é promover a inclusão. Chegámos ao ponto "X" da temática aqui abordada.

É já "velha" a ideia de que a investigação e outras actividades semelhantes só constituem algum interesse para aqueles que nessas áreas trabalham.
Será que essa ideia ainda hoje é válida hoje em dia?

O público, de forma geral (ainda que seja perigoso generalizar), interessa-se pela investigação científica e por alguns dos seus resultados. Certo é que não deseja saber os pormenores desta ou aquela enzima ou proteína, tal como se espera que um investigador da área se interesse. Porém, deseja saber de que forma esta enzima ou proteína pode afectar a sua vida, o seu dia-a-dia.

Mas a questão é sobre o acesso à ciência. Meios de comunicação social, blogs, projectos de comunicação de ciência, todos eles ajudam a levar o conhecimento científico a um público mais abrangente e diversificado. Contudo, não são raros os casos em que a comunicação não é eficaz, uma comunicação que não suscita qualquer interesse naquele que seria o público-alvo dessa comunicação.

Então, é necessário saber comunicar correctamente. Comunicar não é só dizer o que se quer, da forma que se quer. Isto é válido para todos os intervenientes no processo comunicativo. Concordam?

E por outro lado, concordam que deve cair o mito de que comunicar para o público em geral é baixar demasiado a fasquia. Muito pelo contrário. Se uma mensagem, dirigida ao público em geral, usa e abusa de termos científicos e não estabelece qualquer ligação ao dia-a-dia das pessoas, será essa mensagem eficaz? Será acessível? Terá sido feito o esforço de dirigir a mensagem ao público-alvo, se esse público não forem investigadores?

Ficam algumas questões no ar para responderem..
É realmente importante haver comunicação de ciência?
Que essa comunicação, a existir, seja bem estruturada de forma a atingir o target?
De que forma se pode atingir essa meta?
O que devem/podem fazer os espectadores, os comunicadores e os investigadores?

Comentem, participem, digam o que vos passa pela mente sem medos e sem vergonha.

Mergulhem na ciência!
——————–
© 2008 Estaleiro da Ciência - IBMC · INEB

Portadores de deficiência física podem operar PCs sem o uso das mãos. O sistema foi criado por cientistas norte-americanos.

A novidade roda em vários sistemas operacionais e, na prática, permite que o usuário utilize as tecnologias que quiser sem que elas precisem se adaptar ao teclado e ao mouse.

O aplicativo se baseia em um widget que aciona um cursor para movimentar o mouse e outro para o teclado.

Assim, o usuário diz "esquerda, esquerda, alto" para levar o cursor para cima e, depois, diz "clique" para determinar uma ação.A motivação para criar o projeto veio do grande número de soldados que retornam da guerra no Iraque sem as mãos e com problemas físicos. Com o recurso, mutilados de guerra podem operar computadores normalmente.

A tecnologia, naturalmente, poderá beneficiar também outros portadores de deficiências que, por algum motivo, não conseguem usar as mãos no PC.

Fonte: Adnews

A acessibilidade na web vem ganhando cada vez mais espaço. Nos EUA, existe uma regulamentação (a seção 508) para os sites do governo. No Brasil, temos várias normas sobre o tema como a NBR 9050 para edificações, temos na Internet uma ferramenta brasileira muito útil, o DaSilva, um verificador de conformidade com os padrões de acessibilidade. Outro ótimo exemplo está na equipe do acesso digital que vem há um bom tempo defendendo a importância desse aspecto nos projetos para a Internet.

Seguindo a tendência de produzir para este público, a filial chinesa da Samsung lançou recentemente um inovador dispositivo para portadores de deficiência visual: a Touch Sight. Essa câmera digital, que foi projetada pensando nos portadores de deficiência visual, contém uma tela flexível capaz de apresentar a imagem fotografada de modo tridimensional. A câmera também permite gravar uma mensagem de voz que fica associada ao estímulo tátil. Além de tudo isso, ainda promete ser fácil de usar.

MIL ASSENTOS

Deixe sua casa mais segura, instale barras de apoio, assentos elevados….

Importante: nosso blog não faz seleção para esses sites. Caso haja interesse, sugerimos que vocês acessem os links abaixo diretamente. Estamos apenas mostrando a informação e torcendo por vocês!

Infojobs - permite a procura de vagas por palavra-chave. Procure "deficiente"

Manager - também permite a procura por palavra-chave

Deficiente online - esse site é especializado em vagas para deficientes!

Folha online - matéria publicada no caderno de empregos da Folha de São Paulo, tratando das dificuldades que deficientes têm no mercado de trabalho.

Além disso, recomendamos que os deficientes procurem vagas diretamente nas empresas. Muitas delas ainda não se adequaram à Lei de Cotas para Deficientes.

Desejamos sorte para todos!

<!--ago 14th, 2008 thalisvalle -->Segue algumas dicas sobre WAI (Web Accessibility Initiative). Para quem precisar aprofundar-se, pode acessar: http://www.w3c.org/WAI

Imagens e animações
Utilizar atributo alt para descrever a função de cada elemento visual;

Mapas de imagem
Utilizar mapas de cliente (anotação map), empregando texto nos pontos ativos;

Multimidia
Disponibilizar legendas e transcrições da componente sonoros, e descrições de componentes visuais;

Ligações de hipertexto
Utilizar texto que faça sentido, mesmo lido fora do contexto. Por exemplo: evitar o famoso “clique aqui”;

Organização das páginas
Utilizar cabeçalhos, listas e estrutura consistente. Sempre utilizar CSS para efeitos de disposição e estilo;

Gráficos
Fornecer resumo ou utilize o atributo longdesc;

Scripts, applets e suplementos
Fornecer conteúdo alternativo se as características ativas não forem acessíveis ou se não forem suportadas pelo browser;

Frames
Utilizar a tag noframes e empreguar títulos com significado;

Tabelas
Fazer com que a leitura linha-a-linha seja compreensível. Fornecer resumos;

Testes
Verificar o trabalho e efetuar validações. Usar ferramentas e diretivas existentes em: http://www.w3.org/TR/WCAG

Essa semana recebi um comentário de um leitor do blog, pedindo as medidas do que seria um banheiro acessível. Respondendo a pergunta do leitor...

Bacia Sanitária: altura do assento 0,46m do piso; válvula de descarga de alavanca (altura máxima 1,00m do piso); barras de apoio na lateral e no fundo.

Lavatório sem coluna: altura 0,80m do piso (com altura livre de 0,70m); sifão e tubulação com proteção; torneiras de alavanca, célula fotoelétrica ou formas equivalentes.

Boxe Chuveiro - área transferência interna: dimensões livres mínimas de 0,80m x 1,10m; desnível máximo 1,5cm; registros altura máxima 1,00m do piso (localizados na parede lateral do banco); barras de apoio vertical (na parede do encosto do banco) e horizontal/vertical (em “L”) (na parede lateral do banco).

Porta: vão livre mínimo 0,80m; área de abertura sem interferir nas áreas de transferência e/ou aproximação; maçanetas do tipo alavanca (altura 1,00m); barra horizontal para auxiliar no fechamento (altura 0,90m); revestida na parte inferior para proteção (altura mínima 0,40m); sinalizada com Símbolo Internacional de Acesso afixado à 1,70m do piso.

Área de transferência lateral: dimensões mínimas 0,80m x 1,10m.

Banco basculante: profundidade mínima 0,45m; comprimento mínimo 0,70m; altura mínima do piso 0,46m.

Essa é para você arquiteto, que está desenvolvendo um projeto acessível e precisa de barras de apoio para a construção do seu cliente.

A Mil Assentos é a maior fabricante de barras de apoio do país, na loja você pode pedir a barra na medida certa, só que de acordo com as normas da ABNT. Falando em normas, se você precisa delas para tirar dúvidas, vá até o site da Mil Assentsos que lá você encontra.

As barras de apoio Mil Assentos têm: Acabamento em pintura epóxi e outros materiais.

]]> http://dojoblog.wordpress.com/?p=6 Mon, 11 Aug 2008 18:18:22 +0000 leonardofarroco http://dojoblog.wordpress.com/?p=6 A internet é um emaranhado de informações. Ainda estamos engatinhando para aprender como colocar ordem na casa. Quando passamos horas procurando um informação sem ter sucesso percebemos que a falta de foco em um site ou blog dificulta a navegação. O tema do site tem que ser identificado o mais rápido possível, seja no nome do blog ou próximo dele para que o leitor possa saber exatamente o que vai encontrar. Se você fala de pescaria, não gaste tempo colocando sua opinião sobre o jantar na casa de um amigo. Para isso você pode criar um blog pessoal.

Se você tiver muita vontade de escrever sobre um tema diferente, contextualize. Por exemplo, em seu blog de pescaria você pode reclamar da situação das estradas, o que dificulta o acesso aos locais de prática de pesca.

Resumindo:

• Facilite o acesso à informação. Um site acessível é mais agradável de se usar.
• Foco lhe torna o "rei do assunto". Quanto mais texto você produzir sobre um determinado tema, mais credibilidade você vai criar.
• Parace engraçado, mas restringir seu tema cria mais possibilidades para escrever. Te dá direção, propósito e permite que você se aprofunde no assunto.

“Este é mais um passo importante do ministério para garantir aos deficientes visuais o direito à comunicação, informação, cultura e lazer. No ano passado, os Correios implantaram um serviço de transcrição gratuita de correspondências do braille para a escrita comum e vice-versa. Vamos atender todas as pessoas com necessidades especiais”,  disse o ministro das Comunicações, Hélio Costa.

A Abert (Associação Brasileira de Emissoras de Rádio e Televisão) estava preocupada porque avaliava que não havia no Brasil quantidade suficiente de mão-de-obra especializada para fazer a áudio-descrição. O ministério então se reuniu  com entidade representativa dos trabalhadores desta área, o Comitê Brasileiro de Acessibilidade e a União Brasileira de Cegos para resolver o problema. Todos garantiram que esta demanda seria atendida em três meses, com a formação de 160 profissionais.

Os META tags são "etiquetas eletronicas" usadas para colocar informações adicionais em paginas WEB para uso por parte dos indexadores de paginas (Ex: Altavista, Google). Estas informações podem ser sobre o autor, o conteúdo, ou como indexar e seguir links.

Os Meta Tags devem ser colocados em cada página web, no cabeçalho entre o <HEAD> e o </HEAD>

Ex:
<html>
<head>
<meta name="robots" content="follow,index">
<meta name="description" content="Esta pagina mostra ...">
<title> Pagina ... </title>
</head>
</html>

Aqui vamos dar alguns exemplos de META TAGS para uso na criação de páginas. Substitua os textos entre aspas, após a palavra CONTENT, conforme o caso.

• INDEXAÇÃO: <meta name="robots" content="[NO]INDEX, [NO]FOLLOW">
  A intenção deste tag é informar ao robo de indexação se a página pode ou não ser indexado e se pode ou não seguir os links nela contidas.
• DESCRIÇÃO: <meta name="description" content="Bob's personal page">
  A intenção deste tag é para que o serviço de indexação possa fornecer ao solicitante uma breve descrição da pagina (ao invés das primeiras linhas da página).
• AUTOR: <meta name="author" content="Robert Rice Brandt">
  Indicação do autor da página.
• PALAVRAS CHAVE: <meta name="keywords" content="Professor, Engenharia Eletrica">
  Indicação de palavras chave da página.
• NÃO FAZER CACHE: <meta http-equiv="Pragma" content="no-cache">
  Indicação de não colocar no cache do browser, ou seja sempre vai buscar nova página.
• FAZER REFRESH AUTOMATICO: <meta http-equiv="Refresh" content="60">
  Indicação para fazer refresh da pagina a cada 60 segundos. (Usado com cameras de video).
• FAZER REDIRECIONAMENTO AUTOMATICO:
  <meta http-equiv="REFRESH" content="3;URL=the new location's URL">
  Indicação para ficar 3 segundos na pagina atual, depois redirecionar para a pagina indicada.

Quem nunca passou algum problema com o IE, nenhum bug ou defeito no CSS que taque a primeira pedra. Creio eu que todos já passaram por isso. Tanto por seletores, problemas com background com PNG, etc. (Esse então, aff.)

Bom, eu espero que sim, mas não fique tão empolgado, não se esqueça que no IE tudo pode acontecer. Mas pelas explicações dadas pelos sujeitos que desenvolveram essa Biblioteca, o IE 5, 6 e 7 ficariam como o IE 8, com todas as funcionalidades resolvidas:

• supports the following CSS selectors:
  1. parent > child
  2. adjacent + sibling
  3. adjacent ~ sibling
  4. [attr], [attr="value"], [attr~="value"] etc
  5. .multiple.classes (fixes bug)
  6. :hover, :active, :focus (for all elements)
  7. :first-child, :last-child, only-child, nth-child, nth-last-child
  8. :check, :disabled, :enabled
  9. :empty, :contains(), :not()
  10. :before/:after/content:
  11. :lang()
• supports imported style sheets
• preserves the cascade of the style sheet
• does not alter the document structure
• does not repeatedly query the DOM tree using JavaScript
• uses pure CSS to enforce style sheet rules
• supports the W3C box model in both standards and quirks mode
• supports fixed positioning (flicker free)
• supports overflow:visible
• supports min/max-width/height
• fixes broken (X)HTML elements (abbr, object)
• standardised forms behavior
• supports PNG alpha transparency

É bem pequena, tem apenas 11kb e funciona a partir do IE 5+ pra Windows. Fora que basta somente uma linha de código, um src de um javascript, que todos os seus problemas acabam. (Se Deus quiser).

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)" type="text/javascript"></script>
<![endif]-->