Testing for web accessibility (how usable a website is by individuals with disabilities) is an often neglected part of web design and development. Teste de acessibilidade da Web (como um site é utilizável por pessoas com deficiência) é uma parte muitas vezes negligenciada de design e desenvolvimento web. Web accessibility is important not only because your content will reach a wider range of audience, but also because correcting web accessibility issues have secondary benefits such as cleaner and more semantic code and better indexibility on search engines. A acessibilidade à Web é importante não só porque o seu conteúdo vai chegar a um leque mais amplo de público, mas também porque corrigir as questões de acessibilidade web têm benefícios secundários, como a mais limpa e código semântico e melhor indexibility em motores de busca.
In this post, you'll find 10 free tools to help you evaluate and correct issues which decrease your website's accessibility . Neste post, você encontrará 10 ferramentas gratuitas para ajudar a avaliar e corrigir problemas que diminuem a acessibilidade do seu site. There was a high emphasis on the ease-of-use during the selection of these tools. Houve uma grande ênfase na facilidade de uso durante a seleção dessas ferramentas.
1. Firefox Accessibility Extension 1. Extensão Acessibilidade Firefox
The Firefox Accessibility Extension is a Firefox toolbar that allows you to inspect every aspect of a web page to determine its accessibility. A extensão de Acessibilidade Firefox é uma barra de ferramentas do Firefox que permite que você inspecione todos os aspectos de uma página web para determinar a sua acessibilidade. A helpful toolbar feature is the Text Equivalents menu which allows you to generate lists of elements such as images and links to see whether each are standards-compliant. Um recurso útil é a barra de ferramentas Texto de menu equivalentes que lhe permite gerar listas de elementos, tais como imagens e links para ver se cada um são compatível com os padrões. You can also launch 3rd party applications such as the WC3 HTML Validator and Link Checker services directly from the toolbar. Você também pode iniciar aplicações 3rd party como o WC3 HTML Validator e Link Checker serviços diretamente da barra de ferramentas.
2. aDesigner 2. aDesigner
aDesigner , developed by IBM, simulates the experience of visually-impaired individuals so that designers can better understand how a web page is interpreted by screen readers. aDesigner, desenvolvido pela IBM, simula a experiência de indivíduos com deficiência visual para que os designers podem entender melhor como uma página web é interpretado por leitores de tela. It has a plenty of features including a summary and detailed report of compliancy to web accessibility guidelines and simulations for blind or low-vision impairment. Ele tem uma abundância de recursos, incluindo um resumo e relatório detalhado de compliancy com as diretrizes de acessibilidade web e simulações para imparidade cego ou de baixa visão.
3. EvalAccess 3. EvalAccess
EvalAccess is a web-based service for testing your website's accessibility. EvalAccess é um serviço baseado na web para testar a acessibilidade do seu site. You can either point to a web page, an entire website, or directly enter your HTML source code. Você pode apontar para uma página web, um site inteiro, ou diretamente em seu código-fonte HTML. It checks your mark-up against the WC3′s Web Content Accessibility Guidelines (WCAG 1.0) and provides a summary of the number of errors and warnings and a breakdown of each error. Ele verifica o seu mark-up contra o WC3 do Web Content Accessibility Guidelines (WCAG 1.0) e fornece um resumo do número de erros e avisos e a composição de cada erro.
4. WebAnywhere 4. WebAnywhere
WebAnywhere is a browser-based web application that works similarly to screen readers such as JAWS. WebAnywhere é um aplicativo baseado em navegador web que funciona de forma semelhante aos leitores de tela como o JAWS. It's an excellent way to see how a web page is read and navigated by assistive technologies. É uma excelente maneira de ver como uma página web é ler e navegar pelas tecnologias de apoio.
5. Web Accessibility Inspector 5. Inspector Acessibilidade Web
The Web Accessibility Inspector , developed by Fujitsu, is a desktop application that indicates web accessibility issues. O Inspetor de Acessibilidade Web, desenvolvido pela Fujitsu, é uma aplicação desktop que indica problemas de acessibilidade na web. You can specify a file, folder, or URL to run the inspection on. Você pode especificar um arquivo, pasta ou URL para executar a inspeção em. It has the "View on the screen" option which opens the web page in a browser window with markers that point out elements that have issues. Tem o "Ver na tela" a opção que abre a página em uma janela do navegador com marcadores que indicam os elementos que têm problemas.
6. Vischeck 6. Vischeck
Vischeck simulates how a web page or image will look if viewed by people affected with color-blindness. Vischeck simula como uma página web ou a imagem vai olhar se visto por pessoas atingidas por daltonismo. It simulates three types of color-blindness. Ele simula três tipos de daltonismo. You can conduct the test by entering a URL or uploading images . Você pode realizar o teste de inserção de uma URL ou fazer upload de imagens .
7. Accessibility Color Wheel 7. Roda Cor de Acessibilidade
The Accessibility Color Wheel is a web-based tool to help you select the background color and font color. A roda de cor é uma ferramenta de acessibilidade baseada na Web para ajudar você a escolher a cor de fundo e cor da fonte. You can enter the hexadecimal values of the colors you want to test, or you can hover over the color wheel to select colors. Você pode inserir os valores hexadecimais das cores que você quer testar, ou você pode pairar sobre a roda de cores para selecionar cores.
8. Colour Contrast Analyser 8. Analisador de Contraste de Cores
The Colour Contrast Analyser , developed by Juicy Studio, is a Firefox extension (currently in alpha) that checks all the elements in the Document Object Model for color contrast to insure that content is accessible by people who are color-blind or affected by other visual-impairments. O Analisador de Contraste de Cores, desenvolvido por Juicy Studio, é uma extensão do Firefox (atualmente em alpha) que verifica todos os elementos do Document Object Model para contraste de cor para garantir que o conteúdo é acessível por pessoas que são daltônicas ou afectadas pelo visual diferente -deficiências. It uses the color and brightness differences algorithm suggested by the WC3 " Techniques For Accessibility Evaluation And Repair Tools " (AERT). Ele usa as diferenças de cor e brilho algoritmo sugerido pelos WC3 " técnicas de avaliação de acessibilidade e ferramentas de reparo "(AERT).
Juicy Studio also has other web accessibility evaluation tools such as the Readability Test , CSS Analyser , and Image Analyser . Juicy Studio também tem outras ferramentas de acessibilidade web de avaliação como o Teste de legibilidade , Analisador de CSS , e Image Analyser .
9. TAW Web Accessibility Test 9. TAW Teste de Acessibilidade na Web
The TAW Web Accessibility Test evaluates your website's accessibility based on the WCAG 1.0. O TAW Teste de Acessibilidade Web avalia a acessibilidade do seu site baseado no WCAG 1.0. It marks trouble spots directly on the web page, allowing you to quickly see where the errors are. Ele marca pontos problemáticos diretamente na página web, permitindo-lhe ver rapidamente onde estão os erros. Clicking on the error/warning indicator will bump you down to a summary of the issue. Clicando sobre o indicador de erro / aviso vai bater-te a um resumo da questão. It's a great way to visualize the areas of a web page that needs work. É uma ótima maneira de visualizar as áreas de uma página web que precisa de trabalho.
10. Web Accessibility Toolbar 10. Web Toolbar Acessibilidade
The Web Accessibility Toolbar (WAT) is an extension for Internet Explorer or Opera that offers designers a ton of useful tools and features to help in the analysis of a web page's accessibility. A Barra de Ferramentas de Acessibilidade Web (WAT) é uma extensão para o Internet Explorer ou Opera, que oferece aos designers uma tonelada de ferramentas úteis e recursos para ajudar na análise da acessibilidade de uma página web. One helpful feature is the Greyscale (Colour > Greyscale) feature which renders the web page in black in white to help you find low-contrast spots in the design. Um recurso útil é a característica Greyscale (cor> escala de cinzentos), que processa a página web em preto em branco para ajudar a encontrar pontos de baixo contraste no design.
What's your viewpoint on web accessibility? Qual é o seu ponto de vista sobre acessibilidade na web?
How important is it in your web projects? Como é que é importante em seus projetos web? Do you go out of your way to make your projects accessible? Você sai do seu caminho para tornar seus projetos acessível? Share your thoughts in the comments section below. Compartilhe seus pensamentos na seção de comentários abaixo.
Nenhum comentário:
Postar um comentário