Se você é um apple fan-boy, desculpe, eu não compartilho com você essa ilusão de que tudo é perfeito, nada trava e este devia dominar o mundo. Eu sou usuário de um iMac 21′ Intel, e tenho um iPhone ( este que tenho uma certa paixão, mas serei isento ) e um Nokia e63 ( Symbian s60 ), assim como computadores com Linux ( ubuntu, sou um ser humano e tenho vida ) e claro, um XP e um Seven ( não vamos comentar do Vista né? ). Sou aficcionado por internet e informática e por isso tenho essa “lan-house” particular” em casa.

Tendo tudo isso, o que eu posso dizer… Todos dão problemas, e nenhum é perfeito nem vai solucionar todos os nossos problemas. Tenho um carinho especial pelo meu Ubuntu e pelo iMac ( também, depois do preço que se paga, fica difícil ignorá-lo ). O Ubuntu pelo grau de personalização que eu pude dar a ele, e deixar com a “minha cara”, e o Mac…bem, ele é lindo, fazer o que!?

Mas então que motivo faz com que nos tenhamos os usuários que detestam o Windows, os que detestam ou neste caso desconhecem o Linux, e todo o usuário de um iMac é um fã?

É bem simples, e para explicar essa relação a vocês, vamos analisar por um angulo diferenciado, que é uma questão que sempre que eu discuto com um Apple-fan ele parece nunca ter parado pra pensar nisso.Com um pouco de reflexão, vamos pensar:

O Linux, infelizmente se perde um pouco nessa briga, por causa das milhões de distros existentes, e portanto não possuem uma única frente forte, e acaba competindo internamente entre distros. Note também que não vou considerar gambiarras e hackintoshes da vida.

A questão essencial que torna a Apple um diferencial, e isso eu admiro nela, porém não sei se é a estratégia de mercado das mais certas, é o fato dela desenvolver todo o processo, e fazer software e hardware terem um casamento certo. Um Mac OSX numa máquina com um Core 2 Duo, 2 giga de ram e placa de vídeo Radeon, vai com certeza ter um melhor aproveitamentamento que um Windows 7 na mesma máquina, e é meio óbvio isso, pois o Windows e Linux tem que se adequar a tudo e a todos os possíveis diferencias de placa mãe, processador e etc. Com esse potencial “total-flex”, o Windows, ainda sofre um pouco mais pois todas as suas versões são de fato pra todos os processadores, que tem formas de processar diferentes, e assim, tem que ser adequadas a todas as instruções da máquina.

Como se isso por si só não bastasse, você ainda deve pensar que pra Apple lançar uma nova máquina, que rode com o sistema operacional “antigo” é mais tranquilo que instalar um Windows antigo numa máquina nova, já que este tem que estar preparado nativamente pro que pode vir ( até pela grande quantidade de usuários que são piratas e não atualizam o sistema, mas reclamam se o mesmo não funcionar ).

Outro fator, é até a politica de proteção de software. Para a Apple, se você compra uma mídia do MacOSX novo, pressupõe-se que você tenha um iMac em casa, e que portanto, já deu dinheiro a eles uma vez na vida, e eles estão ganhando de qualquer jeito, sendo assim, o preço dos softwares da maçã podem ser inferiores, o que já não acontece para a Microsoft, onde só se ganha dinheiro em cima do Software, então toda a receita deve vir dali. Para vocês terem uma noção melhor de como isso funciona, quando lançaram o Snow Leopard eu fui às lojas para ver o preço e se me interessa comprar ( claro que interessava dada as melhorias focadas para Intel ), e notei algo muito interessante. A mídia do Mac OSX 10.6 era R$68,00, enquanto o MS Office para Mac era R$99,00. Como pode um programa de utilidades ser mais caro que um sistema operacional inteiro?

Seria um mundo perfeito pra mim, se eu pudesse desenvolver sites só para safari, ou chrome ou firefox. O grande desafio, e por isso eu ainda respeito a Microsoft, é fazer algo que tenha de servir de forma genérica.

No related posts.

Lembram daquele pobre coitadinho, chamado BING da Microsoft? É, tentar bater de frente com a Google, não foi das idéias mais inteligentes da antiga empresa do Tio Bill nos últimos anos. A gigante das buscas tem muitos fãs, não se esqueçam disso, e para o azar da MS, em pouco tempo ( e uma estranha escolha do nome ), BING passou a ser motivo de chacota, com a frase: “Yeah, it’s cool…BING ( But it’s not Google ) !”

A boa concorrência

Yahoo, e as concorrentes, tem a cada vez criado mais opções e melhorando seus serviços para poder bater de frente e conseguir aumentar o market share deles. Porém,  como na internet, poucas são as coisas que se inventam e muitas são as que se aperfeiçoam ( leia-se: copiar com melhorias ) essas tentativas, muitas vezes frustradas, acabam por melhorar pra nós, usuários, a usabilidade e recursos de todos esses sistemas.

Os diferencias

A Yahoo, à algum tempo adicionou alguns filtros de busca, como flickr e facebook, para ajudar na busca de pessoas. Pouco tempo depois, já notaram que apareceu uma nova barra lateral à esquerda do site da busca do Google? Com funções bem parecidas, e que de fato, bem práticas e nos ajudam bastante. Eles melhoraram, e você pode agora usar vários filtros ( de forma mais simples, pois a função sempre existiu ) e de forma bem mais visual.

E o pobre Bing? Qual era o diferencial dele? Tem lindas imagens de fundo numa caixinha no centro do site, não é mesmo? Para acabar com a graça da guerra Google -> Microsoft, já viram a nova home do buscador? Imagens de tela cheia, várias opções E você pode escolher sua própria imagem, não é um máximo? Inútil, mas bem legal e acabou com os argumentos pra quem gostava do pobre coitado da MS

No related posts.

Hoje, decidi fazer um post mais de reflexão. Existem umas práticas que eu recomendo para avançar o seu aprendizado, e se você é iniciante na área, ou até, nem sabe por onde começar, e quer começar a ficar avançado e se virando rápido, e quem sabe até, matando simples blogs em apenas algumas horas, eis as minhas dicas:

A prática leva a perfeição

Apesar de gostar muito da minha profissão, e quase tempo ter mais trabalho pra fazer, do que tempo para fazê-los, existem os momentos de vaca magra. Tome estes como momentos para se aventurar e ir praticando, tentar coisas novas, e se você não tem prática nenhuma em WordPress, comece fazendo um “blogzinho” bem simples, passe para um mais elaborado, e quando estiver matando estes relativamente rápido, comece a brincar com portais de notícias. Já pensou em fazer um G1 ou R7 da vida em WordPress?

Entenda o que está fazendo

O caminho mais rápido, nem sempre é o mais legal. Você pode querer fazer alguma coisa, procurar na internet, e achar o código que você tanto precisa, lindamente na sua frente,  e copiar, colar, sem entender o que ele faz. É importante que você entenda, nem que você leia depois que copie, mas veja o processo utilizado, veja se pode melhorá-lo e se tem algo desnecessário. Qualquer dúvida que vocês tenham, fiquem à vontade de me perguntar que farei o melhor possível para respondê-los e fazê-los entender.

Estude a documentação

O WordPress tente a ter função para quase tudo, então vale muito a pena você dar uma lida nas documentações e ver todos os parâmetros e as funções substitutas, depreciadas e tudo mais, que podem te ajudar a resolver um problema, sem ter que dar muita volta, por usar a função errada. Como eu vejo que a galera tem uma dificuldade de brincar no codex, esses links vão direto para a parte em português do function references ( referencia das funções ) e esta para a parte em português das template tags . Experimente e leia as várias diferentes formas de se chegar ao mesmo resultado.

Leia plugins

Sabe os plugins, aquelas coisas “mágicas” que você põe no seu tema, e fazem uma coisa funcionar… Já parou pra ler o código e entender como aquilo foi feito? Já viu como o seu “coleguinha de trabalho” faz os templates dele? Já viu templates alheios? Dada a variedade de possibilidades que o WP trás, é muito comum ver vários níveis e utilizações interessantes em códigos dos outros, que tal fazer uma “códigofagia”?

Se proponha desafios, e faça-os

Peço muito cuidado para não confundirem isso com a crise do super homem. Mas vez ou outra é legal ver as propostas loucas que seus amigos designers e publicitários têm, e tentar fazê-los, por mais impossível que isso pareça. Ajuda e muito na sua curva de aprendizado. Trabalhando por conta própria, é meio comum podarmos todos que vêm com idéias novas, e acabamos por criar uma zona de segurança a nossa volta, e ficamos só naquilo…assim fica difícil de se evoluir, né? Só não vá saindo pra cliente por aí fazer o impossível e depois não conseguir cumprir, saiba até onde vai suas limitações, e aproveite o tempo livre para quebrar a cabeça.

Related posts:

1. Trabalhando com mídias no WordPress: post-type attachment
2. Sobre meus tutoriais do WordPress [Levels]

Trabalhando com WordPress há algum tempo, eu já tive de “enfrentar” algumas situações que me ajudaram a entender bastante como ele funciona. Uma “névoa” na cabeça de muitos, é como funciona a relação de inserção de mídias ( anexos ) para o WordPress. Problemas comuns são como inserir e exibir todas as mídias do post ( sem precisar ficar anexando elas dentro do conteúdo/texto do post).

Problematização

É comum querer separar todas as imagens, documentos, áudios, em galerias. Só que, onde o WordPress, esse sistema mágico, guarda as informações de mídias e posts? Como que são feitas essas relações? É possível pegar todas as mídias de um post ( anexadas )? É possível filtrar as mídias por tipo? É possível fazer com que o WP me traga todas essa lista, e eu possa manipular ela como eu quiser? Se foi com uma dessas perguntas que você chegou até aqui, fique feliz, a resposta é sim!

Para entender melhor essas questões, abaixo estão imagens do site do Coletivo 288, que precisa que as imagens pertençam à um post, mas que não estejam anexadas no meio deste. As imagens aparecem ao lado do conteúdo do post ( e não inseridas nele ), também para funcionarem como galeria.

Armazenamento de informações: Como se relacionam as tabelas do WordPress

O WordPress tem uma forma curiosa ( leia-se: estranha ) de armazenar as informações. Na verdade, hoje, eu gosto bastante da forma em que foi pensada as tabelas do MySQL para o WP, pois vocês vão notar, que há uma extrema economia de uso de tabelas, relações entre elas e coisas do tipo, apesar de no início do meu processo de aprendizado, foi um tanto quanto estranho para entender.

Acontece que tudo para o sistema, em termos de inserção do usuário, é um post. Quando eu digo tudo, me refiro toda parte “editorial” digamos assim, para você ter uma idéia, são cadastrados na tabela de posts: Posts, Páginas, Revisões, Anexos.

Nas tabelas do WordPress no seu MySQL você procura pela tabela _posts, que você poderá entender melhor como funciona essa relação e todo o conteúdo possível de ser inserido ( que é muita coisa ) nessa tabela. Nós vamos nos concentrar na área de post_type, para saber se é uma mídia/anexo ( post_type = attachment ), e na post_mime_type para sabermos o tipo do arquivo.

Mas como é feita a relação entre o anexo/mídia e o post? Bem, é comum para nós, entendermos o conceito que uma sub-categoria é filha da categoria mãe, certo? A mesma coisa acontece com esses posts, eles possuem childs e parents

Como vamos fazer

Bem, das forma que eu costumo fazer, eu não uso o the_loop que você deve estar acostumado a fazer, mas para quem conhece PHP e o foreach será muito fácil de entender.

Vamos por, primeiramente, de forma literal o que nós queremos:

Eu quero separar todos os posts, do tipo attachment, cujo mime type seja de imagem, e que sejam filhos do post que eu estiver. Vamos salvar isso numa variável para facilitar nossa vida

Em código, diriamos da seguinte forma:
$consulta_filhos = &get_children('post_type=attachment&post_mime_type=image&post_parent=' . $post->ID );
Nesta consulta eu usei o get_children() do WordPress. Pois bem, agora que você já vai ter estes dados, o que fazer com eles? Literalmente, vamos explicar o que nos queremos: Queremos pegar cada resultado desta consulta para poder extrair o “ID” do attachment e usá-lo em uma função do WordPress. Sendo assim temos:
foreach($consulta_filhos AS $imagens_do_post) {
$img_do_post[] = $imagens_do_post;

Agora que temos essa array com os elementos, ela ira retornar todos os valores que se pode ter de um post, cada um dentro de um item. O que precisamos agora, para exibir a listagem destas imagens é muito fácil, vamos usar a função do WordPress wp_get_attachment_image(). O parâmetros a ser passado para esta função é o ID do anexo ( não confundir com o ID do post ), então, ainda dentro daquele foreach que criamos, vamos colocar o seguinte:
echo wp_get_attachment_image($img_do_post->ID);
Note que é preciso dar echo em todas as funções que pussuirem o “get” no meio, pois funções assim só guardam os valores, não os exibem sem ordem. Lembrando também que nada servirá essa função se estiver fora do foreach, e claro, não esqueça de fechá-lo ( } ).

“Put them all together and what have we got?”

Bingo! Para facilitar a sua vida vou colocar todo o código que foi passado passo-a-passo para você poder ter uma visão geral do todo

// roda a consulta e armazena numa variável
$consulta_filhos = &get_children('post_type=attachment&post_mime_type=image&post_parent=' . $post->ID );
foreach($consulta_filhos AS $imagens_do_post) {
// salva cada resultado em um array
$img_do_post[] = $imagens_do_post;
// exibe a imagem a cada loop do forech baseado no ID da mídia
echo wp_get_attachment_image($img_do_post->ID);
}


Dicas Finais

Eu particularmente acho legal trabalhar com HTML no meio do código, portanto dentro do foreach, você pode fechar a tag do php ( ?> ) e inserir o seu código HTML livremente, claro, lembrando de voltar com a tag do PHP para dar o echo na imagem, e depois fechar a as chaves. Também sugiro que você leia a documentação da função wp_get_attachment_image() e use, depois do primeiro parâmetro, algum parâmetro referente a tamanho, como por exemplo thumbnail, medium ou large, todos estes configuráveis pelo painel do WordPress, ou criar tamanhos novos no functions e usá-los. Isso é legal quando se quer exibir uma galeria, lightbox ou como eu fiz alí na imagem acima, e todas as imagens terem o mesmo tamanho, ajuda bastante na construção de layouts.
A forma de subir imagens no post ou anexá-las via galeria de mídia, continua a mesma, só que o usuário não precisa clicar no botão “Inserir no post” ao final ( o que jogaria a imagem dentro do the_content() ).

Related posts:

1. Sobre meus tutoriais do WordPress [Levels]

Desenvolver no WordPress é algo que facilita, e muito a vida de desenvolvedores QUANDO o sistema é pensado para funcionar com o WP. Muitos dizem que o publicador foi feito para se criar blogs, e claro, funciona muitíssimo bem para este objetivo. Há algum tempo atrás, diria que é “errado” se fazer portais utilizando-se do WordPress, e que, para soluções mais específicas, que necessitem um pouco mais do sistema, que o ideal seria fazer à mão. Pois bem, a cada evolução do” CMS” eu tenho dito cada vez menos isso, sendo que hoje, ainda aconselho, e muito, o uso deste com determinados planejamentos.

O novo pensamento do cliente

A web 2.0, cada vez mais tem dado ao usuário o costume de escrever, alterar conteúdos e etc. Seja no seu orkut, facebook, twitter ou simplesmente mudando o nick do seu messenger, o usuário pegou o costume dele mesmo poder atualizar seu conteúdo. Sendo assim, o WebMaster das antigas, que fazia aqueles contratos de atualização, com um número x de atualizações por mês, ou pior, sites estáticos, imutáveis e tudo mais, é um tanto quanto inaceitável. Vale ressaltar, que você desenvolvedor deve tomar certos cuidados também ao ir jogando um gerenciador de conteúdos na mão cliente, muitas vezes, ele não pode, e não tem, recursos humanos para cuidar da atualização. Neste caso, cabe a você conhecer uma equipe de jornalistas competentes, que saibam escrever para web e fechar com o cliente o pacote completo. Se vier só aquele “sitezinho”, de 5 páginas estáticas, bem, eu particularmente recomendo que você deixe que um sobrinho faça o serviço e não se queime.

Além de um fazedor de blogs.

Bem, com o que temos, vamos estudar a situação do nosso cliente. Vamos criar um checklist ( e podem colaborar com comentários com sugestões para entrar nesse checklist ) para ver se é viável o uso do WP

• Meu cliente quer que ele mesmo, ou seus funcionários, tenham o poder de gerenciar o site deles;
• Eu não quero ficar preso a este cliente para atualizações, para poder desenvolver novos sistemas com agilidade e lucrar mais;
• Um portal aonde ele possa cadastrar suas notícias, eventos e tudo mais;
• Postar fotos dos produtos que ele vende ( podendo ou não vendê-los pela internet – cuidado com a logística disso antes );
• Meu cliente é leigo e eu não quero gastar tempo criando um manual de uso para cada CMS que eu criar;
• Apoia na sua filosofia ( muitas empresas o fazem ) do open-source, ferramentas colaborativas;
• É um site para o governo ( Boas práticas do governo, pedem o uso do WordPress );
• Não sou bom em segurança de sistemas ainda;
• Não quero reinventar a roda a cada novo cliente;

Bem, se você e seu cliente se enquadram em um, ou mais de um, desses itens listados a cima, já é algo a se pensar o uso desta ferramenta. Lembre-se também da grande comunidade que existe em todo seu entorno, e da facilidade de suporte e da ótima documentação que possui, fatores estes que ajudam muito na hora de implementar um sistema deste. Outro fator que gosto muito, apesar de exagerado ( o que é bom ), é a quantidade de funções diferentes que este possui, para fazer coisas relativamente iguais, mais cada um com sua especificidade. Quanto mais se conhece da ferramenta, menor é a probabilidade de você escrever códigos ao invés de suas funções ( para a maioria dos casos ).

E quando não usar o WordPress?

Se você pensar pelo prisma de que, este é desenvolvido em PHP e MySQL, e com as functions e hooks do sistema e do template você possa alterar/sobrescrever qualquer função, nenhuma. Mas muitas vezes é melhor começar algo do zero do que compreender como algo funciona, para depois alterá-lo. Como fora feito antes para os usos, vou fazer um checklist de cuidados que você deve ter se for usar a ferramenta

• Meu cliente quer que o cliente dele tenha uma “área do cliente” com várias informações específicas sobre algo;
• Várias coisas únicas e diferenciadas para cada área, com comportamentos diferentes ( Um pouco menos arriscado agora com o WordPress 3.0, mas não aloprem por favor );
• Várias funcionalidade em flash, inclusive o menu ( Você deveria aconselhá-lo a não usar o flash, mas se você desconsidera as boas praticas de acessibilidade, está no lugar errado );
• Uma intranet;
• Loja virtual complexa ( Ignore os plugins que existem para WordPress, e conheça o Magento, ou se estiver com pressa pelo menos veja o OsCommerce )
• ERP ( Isso é coisa séria, ou use ferramentas do mercado, ou cria uma solução sob medida )
• CRM ( Recomendo o sugarCRM [ Pago, mas muito bom ]ou vTigerCRM [ Free e feio, mas funciona ] ambos opensource )
• Controle de processos e lista de tarefas ( Use o Basecamp [ Pago, simples e funcional ] )

Todos os itens acima, são possíveis de serem feitos no WordPress, mas antes, veja se vale a pena o trabalho. Você precisará entender a fundo todo o funcionamento da ferramenta e fazer profundas alterações, trabalhosas, cansativas, e que têm uma grande chance de erro ( inclusive quando se usa um montante de plugins ), e que se fizesse algo do zero, com a sua lógica, seria tudo mais simples e agradável, mesmo dando o trabalho de se fazer o painel administrativo do zero. Este post foi um pouco inspirado após ver o trabalho necessário que teve meu amigo, e companheiro de equipe, Thiago Belem teve ao tentar refazer, ou melhor “simplesmente acrescentar” uma nova regra de reescrita de URL no WordPress, algo que se fosse desenvolvido do zero, seria, neste caso, mais simples.

Related posts:

1. Trabalhando com mídias no WordPress: post-type attachment
2. Sobre meus tutoriais do WordPress [Levels]

Antes de começar a ler este post, esteja certo que você entende sobre o que se trata por acessbilidade. Uma vez isso entendido, podemos falar sobre as áreas relativas à acessibilidade. Deficientes visuais, é o mais falado, portanto, nesta série de posts, irei tratar de boas práticas para eles. Recomendo também a leitura deste site para mais informações sobre problemas visuais e diferenças entre os seus vários tipos. As boas práticas apresentadas neste post, são medidas simples e de baixo custo de implantação, que já resolvem uma série de possíveis problemas no acesso ao seu site.

É importante saber

Por deficiência visual, não se trata somente de pessoas cegas, mas qualquer dificuldade visual que o usuário tenha ( leia-se miopia, vista cansada, dautonismo ), sendo assim as boas práticas devem contemplar todos. Os navegadores e sistemas operacionais hoje, contemplam várias tecnologias assistivas que já facilitam, e muito, o nosso trabalho.

Site acessível precisa ser feio?

Não. É comum se ver por aí, sites que tratam de acessibilidade, mas que não possuem nenhum apelo visual, e são categorizados como “feios”. Normalmente, sites que tratam de acessibilidade são assim mesmo. Possuem um conteúdo extramamente blocado, são sites “quadradões”, com cores sólidas, e poucas imagens. Mas isso não quer dizer que todos os sites que sejam acessíveis, precisem ser feios. Na verdade, graças ao poder da fusão do HTML e CSS, a beleza verdadeira encontra-se na codificação do site, onde se é possível fazer um HTML com todas as características para torná-lo acessível, e usar as CSS ( Cascading Style Sheets, Folhas de estilo ) para dar o apelo visual, cores, efeitos e tudo mais que faça o senso comum julgar o site como bonito.

Facilitando a navegação

Para poder navegar pelo site, os deficientes visuais totais, navegam por tabulação ( TAB ), sendo assim, é legal e facilita muito a vida deles você colocar, de forma invisível ( display: none ) um menu de navegação, com âncoras ( href=”#id-do-objeto” ). Coisas simples como pular para o menu e pular para o conteúdo fazem uma significativa diferença, especialmente quando seu menu é extenso. Em sites de ecommerce esse problema é bem comum, já que seus menus são bastante extensos, fazendo com que o usuário dê por exemplo, 56 tabulações para chegar ao conteúdo, e isso claro com o cuidado de ouvir item-a-item para que não passe do ponto.

Outro problema comum de se acontecer, são links sem referência, os famosos “clique aqui”. Para quem está lendo o texto e tem alguma mensagem deste tipo, é razoavelmente lógico a mensagem “para ir para x, clique aqui“, mas quando se navega por tabulação ( navegação esta, que pula de link em link ), só este texto não diz nada, é apenas um elemento perdido. Portanto, uma medida simples é acrescentar um title à tag”<a>” e durante sua escrita, torná-lo o mais descritivo possível. O exemplo dado anteriormente, uma solução melhor seria usar um “vá para x“. Note também, que a linguagem de web está cada vez mais comum à todos, e essa indicação de clicar no link não é mais necessária como no começo da web, onde ainda não se havia tal cultura de hiperlinks.

Plugins e efeitos, como não restringir o conteúdo

Plugins, por padrão, são problemáticos não só para a navegação de deficientes, como ser necessária a utilização deles. O ideal é não restringir o conteúdo por falta de tal recurso ( recursos como Java VM, Javascript e Flash ). São medidas simples, como colocar em HTML o conteúdo, mesmo que por trás do conteúdo, ou usar um XML para pegar este conteúdo, e disponibilizá-lo de outra forma. No caso específico de javascript, é comum esquecermos de pensarmos em quem não use, mas uma tag simples de HTML resolve todo o problema. Ao invés de usar a mensagem de erro na tag noscript ( documentação ), usem o HTML que seria animado ou o que quer que seja, dentro dessa tag, sejam imagens ou conteúdo textual, para que seu usuário, mesmo sem javascript, consiga ter acesso.

No related posts.

Mudança de paradigma

Existe uma certa dúvida, preconceito e desconhecimento sobre o que de fato é acessibilidade. Se você pensa que trata-se somente de pensar nas pessoas deficientes visuais, está muito enganado. O conceito de acessibilidade vai muito além de se preocupar com as deficiências em si, mas trata de todo um processo para dar acesso.

Essa confusão é natural se você considerar o que dizem os dicionários por aí, todos muito focados para a parte de arquitetura. Em minha pesquisa encontrei coisas como:

• Acessibilidade: a qualidade de um sistema que incorpora hardware ou sofwtare, tornando-o utilizável por pessoas com deficiências físicas, tal como, mobilidade restrita, cegueira ou surdez.
• Acessibilidade: s.f. Qualidade do que é acessível, do que tem acesso.
  Facilidade, possibilidade na aquisição, na aproximação.

Na verdade, neste caso em particular, quanto mais específica a definição, pior a coisa fica, portanto vamos simplificar! A definição para quando se trabalha com web que você irá usar daqui em diante é “Acessibilidade é toda e qualquer medida responsável a facilitar o acesso.”, gravou?

A que se deve isso?

Acessibilidade para web ao contrário do que muitos pensam, não é totalmente voltado para deficientes visuais. Embora para quem possua a deficiência, um site bem preparado melhora, e muito, a qualidade de navegação, as boas práticas de ser acessível vão muito além de só pensar em quem não pode ver.

Existem por exemplo, projetos para traduzir o texto de um site, ou a legenda de um vídeo, para uma animação em libras, que fazem este trabalho para você. Porém, utilizam JAVA VM, que não é uma prática ideal para acessibilidade, mais a frente explico o motivo.

Se você está aí pensando que simplesmente colocar legendas no seu vídeo, ou já que o conteúdo do seu site é escrito, você não precisa de um sistema como estes está enganado. Para o deficiente auditivo, a Linguagem Brasileira de Sinais ( LIBRAS ), é algo natural, assim como uma pessoa falando, a legenda nem tanto.

Mudanças pequenas, podem fazer diferenças significativas, como por exemplo, alguns sites que têm scrolls animados em flash, normalmente apresentam problemas ( até para quem não possui deficiência alguma ) pois por algum motivo, os profissionais de flash gosta de deixar o scroll com uma largura bem pequena, ou problemas mais comuns, como menus com botões pequenos e muito colados.

Para os portadores de deficiência motora, isto é algo horrível, pois a movimentação do mouse já é algo de extrema dificuldade, auxiliado pela dificuldade de acertar ( “mirar” ) no espaço certo para clicar, se torna um problema sério.

Para os deficientes visuais, que sim, a falta de acessibilidade é o pior dos problemas, a começar por sites que contenham uma quantidade imensa de links no cabeçalho, o que força o usuário que navega por tabulação ( TAB ) a ter de passar por vários links todas as vezes que quiser chegar ao conteúdo. Também temos a falta de descrição textual, ou mais conhecidamente como “texto alternativo”, das imagens, sendo estas inexistentes ou não descritivas na maioria das vezes.

E sites feitos em tabela, os famosos “tabled”. Há pessoas que navegam usando ledores de tela ( não escrevi errado ) e se o site todo é feito sem tableless sua navegação fica muito massiva, já que basicamente o que ele vai falar é “tabela, item de tabela, imagem, link (www.algo.com); item de tabela, texto ‘blá blá blá’ ” e por aí vai.

E não pense você que deficiência visual trata somente daqueles que não possuem 100% da visão, lembre-se que é deficiência, e não somente falta, portanto também devem ser considerados aqueles de baixa visão, que necessitam de textos ampliados, os daltonicos que não enxergam algumas cores e versões de alto contrates são bem vindas.

Veja este post para saber mais sobre acessibilidade para deficientes visuais

E além dos portadores de deficiência?

Como eu disse, não se trata somente de pensar nos deficientes, apesar desta sim ser uma importante causa, digna de se considerar, um profissional que trabalha verdadeiramente com acessibilidade ( note que há muitos por aí que dizem que trabalham, mas como poucos são os que sabem validar, passam como os tais e até denigrem a imagem dos verdadeiros profissionais ) sabe que as práticas de acessibilidade vão muito além disso.

Por exemplo, não é coerente eu lhe perguntar se seu site é acessível em todos os navegadores ( cross-browser ). Considerando desta forma, você não permite o acesso à todos, independetemente de qual navegador ele use? Já considerou também que, hoje em dia, os celulares também acessam sites, e que estes devem estar preparados para suportá-los ( os que suportam html, css,  javascript, os que são touchscreen e os de tela pequena? ).

Vou usar animações, aplicações de segurança em Java e tudo que tiver direito

Se você acha que é realmente necessário, vá em frente, mas eu não recomendo! Me atire a primeira pedra quem nunca ficou com ódio do site do Banco do Brasil ou outros bancos que pedem que você atualize o JAVA VM na sua máquina para poder continuar. Ou quando você entra naquele site que está louco para ver e nada aparece além de uma mensagem “Atualize seu flash player para a nova versão” ou “Instale agora mesmo o Flash Player para poder ver este conteúdo”. Como o próprio nome já diz, estes são plug-ins, ou seja, sua instalação é opcional, e nem sempre fácil para a maioria dos usuários.

Imagino o quanto de ligação o BB não deve receber pedindo que lhes ensinem a instalar “esse negócio que está pedindo aqui”. O que se faz nestes casos, é restringir o acesso a uma parte da população, e na maioria dos casos, tornando o seu conteúdo inalcançável pelos motores de busca.

Entendi, mas qual o retorno que eu tenho disso?

Além, claro, da óbvia parcela de acesso a qual você agregará ao seu site, já que permite este acesso indiscriminadamente à todos, também existe algo que se fala muito e que precisa que seu site seja acessível, afinal de contas ele é “mudo”, “surdo”, “cego” e só sabe interpretar códigos. Sim, estou falando dos robôs de busca. Para ele você também deve permitir o acesso, explicando, através do conteúdo o que é cada coisa, para melhorar a indexação do seu site, e por consequencia o tão falado SEO.

Então basicamente, você está ampliando seu público, tendo responsabilidade social, melhorando a indexação do seu site e aparecendo melhor nas buscas organicas.

Com certeza há um bom motivo para você investir nas boas práticas de acessibilidade, e não me venham dizer que “Ah, mas o youtube parou de dar suporte ao IE6″. Também odeio o IE, mas especialmente se seu público for leigo quando o assunto é informática e web, ele ainda usa o IE6, e vale ressaltar também, que a mesma Google soberana, até pouco tempo usava sua página inicial de buscas toda feita em tabela, e ainda sim, mudou e hoje é tableless.

É caro fazer um site acessível?

Vou responder que Sim e Não, e vou lhe explicar o motivo. Se você possui hoje um site onde tudo é dinamico em Flash, ou seja, começou com o pé errado, provavelmente você terá que pagar praticamente o preço de um site novo. Mas no geral eu penso que  fazer um site acessível se trata de usar boas normas e práticas, e que isso, com o tempo, afeta substancialmente sua forma até de desenvolver um site, na arquitetura da informação e no layout, fazendo com que, em tese o desenvolvedor ou a equipe façam isso como regras básicas e se acostumem a trabalhar desta forma, fazendo com que não seja esforço extra algum pensar na acessibilidade, são só alguns cuidados a mais na hora de se pensar um projeto. Não estou dizendo que não tem um valor agregado a isso, claro que têm, mas o valor agregado ao produto final, quando feito por especialistas, é muito maior do que o investimento a mais feito no projeto.

O mais ideal, é se fazer projetos do zero, que sejam pensados em ser acessíveis, assim você poderá reduzir muitos custos de ter que se repensar isso posteriormente, refazer, retrabalhar e adaptar, o que ninguém gosta de fazer, não é mesmo?

Related posts:

1. Boas práticas de acessibilidade [Deficientes Visuais]

Eu últimamente tenho notado, enquanto divulgo meu site para amigos e conhecidos, que há um certo espanto de que eu “um mero mortal” possa ter um site. As pessoas normalmente atribuem altos valores a se ter e manter um site. Grandes empresas tem seus sites, mas não é qualquer um que tem, mas a que se deve isso?

Conversando com clientes, muitas vezes noto um total desconhecimento do que é necessário para se ter um site, e na verdade, tirando o site em sí, você precisa de muito pouco, com um custo muito baixo, tendo em vista o retorno que este provém.

O que essencialmente, todos a partir deste momento devem ter em mente, é a diferença entre domínio e hospedagem. Explicando de maneira bem genérica temos:

• Domínio é um nome que serve como o endereço de um site. Cada computador na internet possui um endereço de IP, num formato parecido com este 000.000.000.000, podendo o número de casas ser menor que 3. Para facilitar a memorização e claro a vida de todos, ao invés de acessar http://74.125.45.147/ e ter de decorar essa sequencia numérica, você pode simplesmente se lembrar de google.com.
• Hospedagem é onde você vai guardar os arquivos que o seu site possui, para que as pessoas possam acessar (baixar) esse conteúdo e ver em seus computadores. O serviço de hospedagem paga lhe oferece planos de acordo com a sua necessidade de alocação de banda, espaço em disco, quantidade de domínios, tabelas SQL, dentre outras coisas.

Para registrar um domínio, algumas informações pessoais serão necessárias para o seu registro, e alguns domínios específicos, como .EDU (Educacional), .B.BR (Banco), dentre outros, precisam do CNPJ para poderem ser aprovados. No Brasil, há um pouco mais de burocracia, pois você informa seu CPF e a liberação não é tão imediata quanto os domínios globais, devido a uma série de verificações feitas pela CGI. Seu domínio é um registro! Lembre-se disso, portanto tome cuidado onde for fazer, e é crucial que você dono de empresa, registre o domínio você mesmo, peça ajuda a seu desenvolvedor, mas não deixe que ele faça isso por você, sem seus dados!

Uma vez entendida essa diferença básica, você precisa saber como conseguir o seu. Um domínio é um registro, e que no caso do Brasil, é regulado pelo Comitê Gestor da Internet no Brasil (CGI.BR), que possui o registro.br, que é onde você irá registrar o domínio caso queira um domínio com .br no final, seja ele .com.br, .net.br, .org.br, todos você pode encontrar lá. E claro, existem os globais que permitem que você registre .com, .net, .org puros. Eu particularmente gosto da Domain.com, o site é em inglês, e o preço é em dolar, mas interface e a facilidade de cadastro são pontos que gosto deste site.

Você, leitor deve ter pensado agora: “Preço em dólar?! Então deve ser caro”. Os preços tendem a variar, mas é possível dar alguns valores arredondados. Lembrando que o pagamento do domínio é feito anualmente, e que portanto, é uma quantia que você só terá de se preocupar uma vez ao ano.

Os valores acima são estimativas e podem variar.

Além dessa tabela, você pode ver, no caso do Brasil, as possibilidades que existem lista de domínios da registro.br.

Só com este pagamento anual, você já tem direito ao seu domínio, e caso queira, pode contratar um serviço de e-mails com seunome@seudominio.com por exemplo. Ou, se você tiver um servidor dedicado para sua empresa, que realize funções de mail server e coisas do tipo, fale com o seu setor de TI e veja como fazer para hospedar um site nele.

Mas caso você não possua um servidor para hospedar seu site 24h por dia, 7 dias por semana, não tem problema. Existem diversas empresas por aí que possuem datacenters e que disponibilizam para você um espaço na máquina deles para que você coloque seu site e disponibilize-o para o mundo. Se você ainda não tem um serviço de hospedagem, existem dois que eu gosto muito, e variam de preço de acordo com as suas necessidades, são eles: A Hostgator Brasil, que possui diversos planos, ótimos preços e condições e a Media Temple que possui sistemas mais robustos e quem precisa de muita estabilidade e garantia total de uptime.

Mas para aqueles que são realmente iniciantes, devido a todo o suporte técnico por trás, e comodidades para registro de domínios e coisas do tipo, tem também a UOL Host, que sempre estão com boas promoções para quem vai comprar domínio e hospedagem juntos.

O pagamento de hospedagem é feito mensalmente para a continuidade da prestação do serviço, salvo os pacotes de pagamento de vários meses, os preços podem variar bastante, mas dentro do ambiente de revenda você pode esperar algo entre R$ 19,90 até uns R$ 70,00 dependendo da sua necessidade. Se seu site for de grande porte de conteúdo e tráfego, considere contratar um serviço dedicado, mas claro, consulte um especialista antes.

Em uma última revisão podemos fazer uma analogia que um professor meu uma vez usou e eu gostei muito, pois simplifica o entendimento: “Seu domínio, é o IPTU do seu site, e a hospedagem, o aluguel”.

No final das contas, com R$ 260,00 por ANO, você consegue manter um site simples no ar, funcionando lindamente. Vale ressaltar também, que num acordo de propaganda, caso caiba no perfil do seu site, você pode cobrar R$ 220,00 mês, ou seja, com 1 anunciante, em 1 mês, você quita as dispesas desse site simples.

Espero que tenha desmitificado essas questões para vocês, e lembrem-se, é muito mais profissional e aceitável para o público em geral você apresentar um site na web e usar o e-mail da sua empresa como contato@suaempresa.com do que simplesmente suaempresa@gmail.com ou coisas do tipo. Isso também vale para apresentação pessoal, já que o custo não é tão alto, vale a pena investir em você!

No related posts.

Galera, à partir desta semana estarei colocando aqui no blog tutorias sobre como fazer algumas coisas no WordPress, sejam coisas básicas com explicação passo-a-passo para ajudar os que estão começando, como lidar com as Template Tags, até o outro extremo explicando coisas mais complexas como fazer seu primeiro plugin, ou alterações significativas através das functions e hooks do WordPress.

Eu particularmente gosto de inventar o mínimo possível, e quem conhece sabe, e quem é iniciante logo vai reparar, que o WP tem função pra praticamente tudo, e as vezes, antes de sair se aventurando por aí, especialmente que sabe bastante PHP, escrevendo os códigos que sabe para fazer o WordPress fazer  o que você, é mais fácil, organizado e bonito fazer com o que ele já te oferece, seja lidando com os argumentos ou reescrevendo as regras padrões dele ( em functions, NUNCA alterando o core ).

Então para esclarecer aos novos entrantes como serão tratados os assuntos nessa área de tutorias, eu vou usar 3 etiquetas padrões na frente dos títulos dos posts relativos a novos ensinamentos, sendo elas:

[Simples] : Serão posts falando sobre estrutura, dicas, e boas práticas de WordPress, uma leitura agradável a todos, com pouca codificação sendo exibida, mas informações relevantes para quem começa, e até dicas legais para quem já trabalha com o CMS.

[Fácil] : O pré-requisito é saber o mínimo de PHP, como a diferença de uma váriavel, string, interger e afins, bem simples. Basicamente serão trabalhados manipulação de Template Tags e como lidar com seus argumentos. Coisas simples, mas que causam certos tropeços mais a frente, e que podem complicar a vida de quem começa.

[Médio]: O médio já requer um conhecimento mais genérico de WordPress, apesar da linguagem apresentada ser de fácil entedimento, não pretendo te ensinar a inventar a roda, mas sim como usá-la. Functions, alterações no admin, e algumas dicas e truques que eu usei. Esta provavelmente será a que terá maior número de posts, mas claro, tudo dependendo também da demanda de vocês.

[Avançado]: Aqui serão apresentadas modificações profundas no WordPress, será necessário que você entenda várias funções,  já tenha o codex parcialmente digerido e o mais importante aqui: Já ter espiado, e entendido pelo menos parte de como funcionam os relacionamentos do WordPress com o MySQL. Serão coisas bem específicas mas que podem salvar sua pele.

[Ideias]: Nesta “sub-categoria”, não haverão níveis de dificuldade, mas sim, soluções, dicas e até dúvidas para debater. Vou tentar sempre apresentar mais de uma forma de fazer a mesma coisa, e a participação de vocês é essencial nesta parte, ideias são sempre bem vindas, para nós todos!

Related posts:

1. Trabalhando com mídias no WordPress: post-type attachment

Hoje, é fácil encontrar na internet movimentos para banir a Comic Sans, esta que já foi considerada uma das 10 fontes que não se deve usar, está entre as mais usadas do mundo, e para o “delírio” dos bons Designers, é usado em muitos lugares indevídos. Mas não estou aqui para falar da Comic Sans em si, recomendo a leitura em particular deste site de design que fala sobre a comic sans.

O que quero alertar aqui hoje, é sobre esta nova fonte, agora parte integrante das novas versões do Windows, a Hobo Standart ou Std, é uma fonte que começa a ser vista em todos os lugares, e de forma incoerente e demasiada. Em breve, essa fonte tem grande chance de ser tão mal vista quanto a Comic Sans, e grande parte da “culpa” disto, é o fato da Microsoft tela posto em seu sistema operacional.

Para quem não conhece, ou pelo menos não reconhece pele nome, a Hobo Std é esta fonte aqui ao lado representada. Trata-se de uma fonte fantasia, sua leitura é razoável para pequenos textos apenas e no geral. A ligação entre as letras e a condução do olhar não são exatamente o foco desta fonte, mas no geral, esta não é uma fonte ruim, mas seu uso demasiado que começa a ser o problema. O que pode vir a ser um problema para quem a utiliza, e uma vantagem para que não vire tanta moda, é o fato dela não possuir tantos caractéres especias quanto a Comic Sans.

A primeira vez que eu vi esta fonte, foi em um dos anúncios da, na época, novo refrigerante ( ou água saborizada ) H2OH da Pepsi. Seu uso não era em nenhum logo ou coisa do tipo, mas fazia parte da composição das massas de texto dos anúncios, e baseado no que a H2OH queria passar, a meu ver se enquadrava bem. Honestamente não lembro se na época já tinham saido as versões do Windows com esta fonte no Core ( se não me engano à partir do Vista ), então, não dá pra saber se foi algo de fato pensado, ou se um “designer” que bolava a campanha fez a famosa roleta russa de fontes até achar uma fonte que lhe agradasse.

De lá para cá, comecei a ver essa fonte sendo usada e abusada. Em alguns lugares que fui, fiz questão de tirar estas fotos abaixo, e notem que já às tirava por notar seu recorrente uso.

As mais preocupantes, que são estas duas últimas, eu tirei em uma viagem que fui com amigos à Sana, e vi várias placas, inclusive diversas coisas da Prefeitura utilizando esta fonte. Talvez o mais crítico nela seja, ao contrário da Comic Sans, a facilidade que qualquer um tem de identificá-la.

No related posts.