Devo evitar JavaScript, JQuery, Flash, Ajax, Silverlight se eu quiser tornar o meu site compatível com a plataforma cruzada e o leitor de tela compatível?

Question

Devo evitar JavaScript, JQuery, Flash, Ajax, Silverlight se eu quiser tornar meu site compatível com a plataforma cruzada (PC, iPhone Outros celulares, PDA) e acessível (Screen Reader Compatible)?

Devo usar apenas o XHTML CSS com a linguagem lateral do servidor para obter maior acessibilidade?

E para PC PR Mac, fiz tudo primeiro para o Firefox, então para o celular Qual navegador devo escolher?

Answer 1

Flash e Silverlight não estão disponíveis no iPhone e em alguns outros dispositivos móveis. JQuery suportes Acessibilidade ao leitor de tela, mas não parece estar disponível na maioria dos dispositivos móveis que não sejam o iPhone.

Answer 2

Não, mas ofereça -lhes como aprimoramentos progressivos ou fornecer degradação graciosa.

Answer 3

Você pode usar essas tecnologias, mas precisa ser inteligente sobre isso e não pode apenas generalizar que qualquer acessibilidade de sacos de areia de tecnologia.

Se você está desenvolvendo para um site, a ferramenta nº 1 necessária é o complemento da barra de ferramentas do Firefox Developer. No menu Ferramentas, há uma seleção chamada "Validar Seção 508" (que é um conjunto de diretrizes para acessibilidade). Esta é uma maneira rápida de obter uma lista de lavanderia de "What's Broken" em seu site, referente à acessibilidade.

Além disso, existem muitos recursos na Web com conselhos específicos sobre como projetar a acessibilidade. É quase uma sub-disciplina totalmente robusta por conta própria. A maior parte tem a ver com o fornecimento de HTML bem formado. (Texto alt apropriado e útil para imagens, projetando com cores que fornecem contraste adequado, acomodando daltonismo, uso de descrições de tabela, tornam o site navegável pelo teclado (sem mouse), descrições corretas nos campos de formulário etc.)

Agora; Beba profundamente, da manobra do conhecimento. . . . Aqui está uma lista de recursos: Implementando padrões da Web de acessibilidade federal (1194.22)

(a) Um texto equivalente a cada elemento não de texto deve ser fornecido (por exemplo, via "alt", "longdesc" ou no conteúdo do elemento).http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

http://www.jimthatcher.com/webcourse2.htm

Informação relacionada

Criando gráficos acessíveis (webaim)http://www.webaim.org/techniques/images/

Uso apropriado de texto alternativohttp://www.webaim.org/techniques/alttext/

Descrevendo ilustrações, diagramas, mapas, tabelas, gráficos e gráficoshttp://www.w3.org/2000/08/nba-manual/overview.html

Diretrizes sobre textos alt em elementos IMGhttp://www.cs.tut.fi/~jkorpela/html/alt.html

Exemplo de l linkhttp://www.consideration.org/technology/accesxamples/dlinksample.html(b) Alternativas equivalentes para qualquer apresentação multimídia devem ser sincronizadas com a apresentação.http://www.access-board.gov/sec508/guide/1194.22.htm#(b)

http://www.jimthatcher.com/webcourse6.htm

Informação relacionada

Legenda para a web (webaim)http://www.webaim.org/techniques/captions/(Inclui tutoriais sobre legenda no QuickTime, Windows Media, RealPlayer e Magpie)

Lista de recursos de legendahttp://webaim.org/resources/captioning/Magpie (NCAM)http://ncam.wgbh.org/webaccess/magpie/Multimídia sincronizada: SMIL (W3C)http://www.w3.org/audiovideo/Recursos de acessibilidade do SMIL (W3C)http://www.w3.org/tr/smil-access/

Criando flash acessível (webaim)http://www.webaim.org/techniques/flash/

Técnicas de acessibilidade para flash (Macromedia)http://www.adobe.com/accessibility/products/flash/(c) As páginas da Web devem ser projetadas para que todas as informações transmitidas com cores também estejam disponíveis sem cor, por exemplo, do contexto ou da marcação.http://www.access-board.gov/sec508/guide/1194.22.htm#(c)

http://www.jimthatcher.com/webcourse7.htm

Informações relacionadas Contraste de cores eficazeshttp://www.lighthouse.org/color_contrast.htm

Vischeckhttp://www.vischeck.com/vischeck/Apresentação sem barreira que é amigável para as pessoas em coreshttp://jfly.iam.u-tokyo.ac.jp/html/color_blind/Deficiências visuaishttp://www.webaim.org/articles/visual/colorblind.php

(d) Os documentos devem ser organizados para que sejam legíveis sem exigir uma folha de estilo associada.http://www.access-board.gov/sec508/guide/1194.22.htm#(d)

http://www.jimthatcher.com/webcourseb.htm

Informação relacionada

Recursos de acessibilidade do CSS (W3C)http://www.w3.org/tr/css-access

Folhas de estilo em cascata (W3C) http://www.w3.org/style/css/

Validador CSS (W3C)http://jigsaw.w3.org/css-validator/

(e) Os links de texto redundantes devem ser fornecidos para cada região ativa de um mapa de imagem do lado do servidor. (f) Os mapas de imagem do lado do cliente devem ser fornecidos em vez de mapas de imagem do lado do servidor, exceto quando as regiões não podem ser definidas com uma forma geométrica disponível.http://www.access-board.gov/sec508/guide/1194.22.htm#(e) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http://www.jimthatcher.com/webcourse5.htm(g) Os cabeçalhos de linha e coluna devem ser identificados para tabelas de dados. (h) A marcação deve ser usada para associar células de dados e células de cabeçalho para tabelas de dados que possuem dois ou mais níveis lógicos de cabeçalhos de linha ou coluna.http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htmInformações relacionadas como criar tabelas acessíveis (webaim)http://www.webaim.org/techniques/tables/

Builder de mesa acessível (Accessify)http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/Uma ferramenta que permite escolher quais propriedades da tabela deseja, quantas linhas e colunas e cuida da marcação de acessibilidade para você.

(i) Os quadros devem ser intitulados com texto que facilita a identificação e a navegação de quadros.http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htmInformações relacionadas como criar quadros acessíveishttp://www.webaim.org/techniques/frames/(j) As páginas devem ser projetadas para evitar que a tela pisasse com uma frequência superior a 2 Hz e menor que 55 Hz.http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm(k) Uma página somente de texto, com informações ou funcionalidade equivalente, deve ser fornecida para fazer um site em conformidade com as disposições desses padrões, quando a conformidade não puder ser realizada de outra maneira. O conteúdo da página somente texto deve ser atualizado sempre que a página principal mudar.http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm(l) Quando as páginas utilizam linguagens de script para exibir conteúdo ou para criar elementos de interface, as informações fornecidas pelo script devem ser identificadas com texto funcional que pode ser lido pela tecnologia assistiva.http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htmInformações relacionadas Criando JavaScript acessível (WebAIM)http://www.webaim.org/techniques/javascript/Acessibilidade do teclado (webaim) http://www.webaim.org/techniques/keyboard/Problemas de acessibilidade de JavaScript (Trace Center)http://trace.wisc.edu/world/java/jseval.htmScripts (IBM)http://www-03.ibm.com/able/guidelines/web/webscripts.html(m) Quando uma página da Web exige que um applet, plug-in ou outro aplicativo esteja presente no sistema do cliente para interpretar o conteúdo da página, a página deve fornecer um link para um plug-in ou applet que esteja em conformidade com o §1194.21 (a) através (l).http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

Aplicativos de software e sistemas operacionais (1194.21)http://www.access-board.gov/sec508/guide/1194.21.htm

Informação relacionada:

Acessibilidade Java (IBM)http://www-03.ibm.com/able/guidelines/java/accessjava.html

Programa de acessibilidade para microsystems solarhttp://www.sun.com/access/index.html(n) Quando os formulários eletrônicos forem projetados para serem concluídos on-line, o formulário permitirá que as pessoas que usam a tecnologia assistiva acessem as informações, elementos de campo e funcionalidade necessários para a conclusão e envio do formulário, incluindo todas as direções e pistas.http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm Informações relacionadas como criar formulários acessíveis (WebAIM) http://www.webaim.org/techniques/forms/Formulários HTML/XHTML acessíveis (Accessify.com)http://www.accessify.com/features/tutorials/forms/Campos de formulário de entrada múltiplos (accessify.com)http://www.accessify.com/features/tutorials/multiple-inputs/Builder de formulário rápido (accessify.com)http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form-builder/ Essa ferramenta permite que isso ajude a criar formulários com a marcação HTML necessária para acessibilidade.

(o) Deve ser fornecido um método que permita aos usuários pular links de navegação repetitivos.http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htmInformação relacionada

Skip Navigation Links (webaim)http://www.webaim.org/techniques/skipnav/

Skip Navigational Links (Jim Thatcher.com)http://www.jimthatcher.com/skipnav.htm(p) Quando uma resposta cronometrada for necessária, o usuário será alertado e é necessário tempo suficiente para indicar mais tempo.http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

Mais informações sobre como tornar os sites e o conteúdo acessível a W3C Accessibilidade Iniciativa de Recursos http://www.w3.org/wai/resources/Fazendo diretrizes de design acessível de software e sites educacionais, incluindo soluções de matemática e ciênciashttp://ncam.wgbh.org/cdrom/guideline/508 Universo (inclui um curso sobre design de sites acessíveis)http://www.section508.gov/index.cfm?fuseAction=content&id=5Ferramentas de acessibilidade e assistenteshttp://www.accessify.com/tools-and-wizards/

Testando sites para testes de acessibilidade para a conformidade da acessibilidade da Web sob a seção 508 da Lei de Reabilitação de 1973 (Departamento de Educação)http://www.ed.gov/policy/gen/guid/assisttesting.html

508 Lista de verificação (webaim)http://www.webaim.org/standards/508/checklist

Avaliando sites para acessibilidade (W3C)http://www.w3.org/wai/eval/

Ferramentas de teste gratuitas da ondahttp://www.wave.webaim.org/

Barra de ferramentas de acessibilidade da web (Internet Explorer)http://www.pacielrogroup.com/resources/wat-ie-about.html

Web Developer ToolBar (Firefox)http://chrispederick.com/work/web-developer/

Para obter mais informações sobre o programa de tecnologia assistiva do Departamento de Educação, visite:http://www.ed.gov/policy/gen/guid/assistivetech.htmlOs links mencionados neste documento incluem aqueles que são criados e mantidos por outras organizações públicas e privadas e são fornecidas para a conveniência do usuário. O Departamento de Educação dos EUA não controla ou garante a precisão, relevância, pontualidade ou integridade das informações dessas fontes. Além disso, a inclusão de links neste documento não se destina a refletir sua importância, nem se destina a endossar quaisquer visões expressas ou produtos ou serviços oferecidos, ou as organizações que patrocinam os sites. Última atualização em 17 de julho de 2009

Answer 4

Não, com Degradação graciosa Você constrói o site para trabalhar sem JavaScript e coloca uma camada de comportamento dinâmico no topo.

Especialmente JQuery é bom com isso.

Coisas como Silverlight podem dar problemas, mas, desde que não seja parte integrante da página, não deve dar um problema.

Answer 5

Eu geral, você não precisa evitar essas tecnologias se quiser ter várias metas de produção. No entanto, mais cuidado precisará ser tomado para fornecer métodos mais tradicionais para criar a mesma funcionalidade. Em outras palavras, você precisará se degradar graciosamente.

Answer 6

Apenas uma opinião,

Para o celular, qual navegador devo escolher?

Eu vi muito telefone que tem Navegador móvel de ópera, por favor, tente fazer compatível com a Opera também.

Answer 7

My advice would be to make a basic site devoid of any fancy stuff (JavaScript, Flash, etc.) and make that site perfectly accessible on any device.

Then if the user experience can be truly enhanced on certain platforms due to fancier technology, build that on top of your basic site and just make sure you're checking who's accessing your site and how, and serve them the right version.

Answer 8

As a screen reader user please follow the advice to use graceful degradation. That said Flash and Silverlight are inaccessible. Although Flash can theoretically be made accessible I have never found a site with accessible Flash. If you want the site to be accessible to blind users on mobile phones you need to test using the default browser on the IPhone, Windows Mobile and Symbian. Opera Mobile is not accessible to screen reader users on any mobile device.