¿Debo evitar JavaScript, JQuery, Flash, Ajax, Silverlight si quiero hacer compatible con la plataforma cruzada de mi sitio y el lector de pantalla?

Question

¿Debo evitar JavaScript, JQuery, Flash, Ajax, Silverlight si quiero que mi sitio sea compatible con la plataforma cruzada (PC, iPhone Other Mobiles, PDA) y accesible (compatible con el lector de pantalla)?

¿Debería usar solo XHTML CSS con lenguaje del lado del servidor para una accesibilidad más amplia?

Y para PC PR Mac hice todo primero para Firefox, así que para dispositivos móviles, ¿qué navegador debo elegir?

Answer 1

Flash y Silverlight no están disponibles en el iPhone y en algunos otros dispositivos móviles. JQuery Supports Accesibilidad al lector de pantalla, pero no parece estar disponible en la mayoría de los dispositivos móviles que no sean el iPhone.

Answer 2

No, pero ofrézalos como mejoras progresivas o proporcionar degradación elegante.

Answer 3

Puede usar estas tecnologías, pero debe ser inteligente al respecto, y no puede generalizar que cualquier tecnología de accesibilidad de Bags de Sandbags.

Si está desarrollando para un sitio web, la herramienta #1 que necesita es el complemento de la barra de herramientas de desarrollador de Firefox. En el menú Herramientas, hay una selección llamada "Validar la sección 508" (que es un conjunto de pautas para la accesibilidad). Esta es una forma rápida y sucia de obtener una lista de "lo que está roto" en su sitio, relacionado con la accesibilidad.

Más allá de eso, hay muchos recursos en la web con consejos específicos sobre cómo diseñar para la accesibilidad. Es casi una subdisciplina totalmente robusta por sí misma. La mayor parte tiene que ver con proporcionar HTML bien formado. (Texto alternativo apropiado y útil para imágenes, diseñando con colores que proporcionan un contraste adecuado, acomodación de colorblindness, uso de descripciones de mesa, hacen que el sitio sea navegable por teclado (sin mouse), descripciones correctas en campos de forma, etc.)

Ahora; Beba profundamente, de la manguera del fuego del conocimiento. . . . Aquí hay una lista de recursos: Implementación de estándares web de accesibilidad federal (1194.22)

(a) Se proporcionará un texto equivalente para cada elemento que no sea de texto (por ejemplo, a través de "alt", "longdesc" o en contenido de elementos).http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

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

Información relacionada

Creación de gráficos accesibles (webAIM)http://www.webaim.org/techniques/images/

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

Describir ilustraciones, diagramas, mapas, tablas, gráficos y gráficoshttp://www.w3.org/2000/08/nba-manual/overview.html

Directrices sobre textos alternativos en elementos IMGhttp://www.cs.tut.fi/~jkorpela/html/alt.html

Ejemplo de enlace Dhttp://www.consideration.org/technology/accessexamples/dlinksample.html(b) Las alternativas equivalentes para cualquier presentación multimedia se sincronizarán con la presentación.http://www.access-board.gov/sec508/guide/1194.22.htm#(b)

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

Información relacionada

Subtítulos para la web (webAIM)http://www.webaim.org/techniques/captions/(Incluye tutoriales sobre subtítulos en QuickTime, Windows Media, RealPlayer y Magpie)

Lista de recursos de subtítuloshttp://webaim.org/resources/captioning/Magpie (NCAM)http://ncam.wgbh.org/webaccess/magpie/Multimedia sincronizada: SMIL (W3C)http://www.w3.org/audiovideo/Características de accesibilidad de SMIL (W3C)http://www.w3.org/tr/smil-access/

Creación de flash accesible (webAIM)http://www.webaim.org/techniques/flash/

Técnicas de accesibilidad para Flash (Macromedia)http://www.adobe.com/accessibility/products/flash/(c) Las páginas web se diseñarán para que toda la información transmitida con color también esté disponible sin color, por ejemplo, desde contexto o marcado.http://www.access-board.gov/sec508/guide/1194.22.htm#(c)

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

Información relacionada Contraste de color efectivohttp://www.lighthouse.org/color_contrast.htm

Vischohttp://www.vischeck.com/vischeck/Presentación sin barreras que es amigable para las personas Colorblindhttp://jfly.iam.u-tokyo.ac.jp/html/color_blind/Discapacidad visualhttp://www.webaim.org/articles/visual/colorblind.php

(d) Los documentos se organizarán para que sean legibles sin requerir una hoja de estilo asociada.http://www.access-board.gov/sec508/guide/1194.22.htm#(d)

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

Información relacionada

Características de accesibilidad de CSS (W3C)http://www.w3.org/tr/css-access

Hojas de estilo en cascada (W3C) http://www.w3.org/style/css/

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

(e) Se proporcionarán enlaces de texto redundantes para cada región activa de un mapa de imagen del lado del servidor. (f) Se proporcionarán mapas de imagen del lado del cliente en lugar de mapas de imagen del lado del servidor, excepto cuando las regiones no se pueden definir con una forma geométrica disponible.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) Los encabezados de fila y columna se identificarán para tablas de datos. (h) El marcado se utilizará para asociar celdas de datos y celdas de encabezado para tablas de datos que tengan dos o más niveles lógicos de encabezados de fila o columna.http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htmInformación relacionada Cómo crear tablas accesibles (webAIM)http://www.webaim.org/techniques/tables/

Builder de tabla accesible (accesificar)http://accessify.com/tools-and-wizards/accessability-tools/table-builder/Una herramienta que le permite elegir las propiedades de la tabla que desea, cuántas filas y columnas, y se encarga del margen de accesibilidad para usted.

(i) Los marcos se titularán con texto que facilite la identificación y navegación de cuadros.http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htmInformación relacionada cómo crear marcos accesibleshttp://www.webaim.org/techniques/frames/(j) Las páginas se diseñarán para evitar que la pantalla parpadee con una frecuencia superior a 2 Hz y inferior a 55 Hz.http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm(k) Se proporcionará una página de solo texto, con información o funcionalidad equivalente, para que un sitio web cumpla con las disposiciones de estos estándares, cuando el cumplimiento no se puede lograr de ninguna otra manera. El contenido de la página de solo texto se actualizará cada vez que cambie la página principal.http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm(l) Cuando las páginas utilizan lenguajes de secuencias de comandos para mostrar contenido, o para crear elementos de interfaz, la información proporcionada por el script se identificará con texto funcional que puede ser leído por la tecnología de asistencia.http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htmInformación relacionada que crea JavaScript accesible (WebAIM)http://www.webaim.org/techniques/javascript/Accesibilidad al teclado (webAIM) http://www.webaim.org/techniques/keyboard/Problemas de accesibilidad de JavaScript (centro de rastreo)http://trace.wisc.edu/world/java/jseval.htmScripts (IBM)http://www-03.ibm.com/able/guidelines/web/webscripts.html(m) Cuando una página web requiere que un applet, complemento u otra aplicación esté presente en el sistema del cliente para interpretar el contenido de la página, la página debe proporcionar un enlace a un complemento o applet que cumpla con §1194.21 (a) a través de (l).http://www.access-board.gov/sec508/guide/1194.22.htm#(m)

Aplicaciones de software y sistemas operativos (1194.21)http://www.access-board.gov/sec508/guide/1194.21.htm

Información relacionada:

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

Programa de accesibilidad de Sun Microsystemshttp://www.sun.com/access/index.html(n) Cuando los formularios electrónicos están diseñados para completarse en línea, el formulario permitirá que las personas que usan tecnología de asistencia accedan a la información, los elementos de campo y la funcionalidad requeridas para completar y enviar el formulario, incluidas todas las instrucciones y señales.http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm Información relacionada Cómo crear formularios accesibles (webAIM) http://www.webaim.org/techniques/forms/Formularios HTML/XHTML accesibles (accessify.com)http://www.accessify.com/features/tutorials/forms/Fields de formulario de entrada múltiple (accessify.com)http://www.accessify.com/features/tutorials/multiple-inputs/Forma rápida Builder (accessify.com)http://www.accessify.com/tools-and-wizards/accessability-tools/quick-form-builder/ Esta herramienta permite que lo ayude a construir formularios con el margen de HTML necesario para la accesibilidad.

(o) se proporcionará un método que permita a los usuarios omitir los enlaces de navegación repetitivos.http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htmInformación relacionada

Omitir enlaces de navegación (webAIM)http://www.webaim.org/techniques/skipnav/

Skip Navigational Links (jim thatcher.com)http://www.jimthatcher.com/skipnav.htm(p) Cuando se requiere una respuesta cronometrada, el usuario será alertado y se le dará tiempo suficiente para indicar que se requiere más tiempo.http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

Más información sobre cómo hacer que los sitios web y los recursos de iniciativa de accesibilidad web W3C accesible para contenido http://www.w3.org/wai/resources/Hacer software educativo y sitios web pautas de diseño accesibles, incluidas soluciones de matemáticas y cienciashttp://ncam.wgbh.org/cdrom/guideline/508 universo (incluye un curso sobre el diseño de sitios web accesibles)http://www.section508.gov/index.cfm?fuseaction=content&id=5Herramientas de accesibilidad y asistenteshttp://www.accessify.com/tools-and-wizards/

Prueba de sitios web para pruebas de accesibilidad para el cumplimiento de la accesibilidad web bajo la Sección 508 de la Ley de Rehabilitación de 1973 (Departamento de Educación)http://www.ed.gov/policy/gen/guid/assisttesting.html

Lista de verificación 508 (WebAim)http://www.webaim.org/standards/508/checklist

Evaluación de sitios web para la accesibilidad (W3C)http://www.w3.org/wai/eval/

Herramientas de prueba gratuitas La olahttp://www.wave.webaim.org/

Barra de herramientas de accesibilidad web (Internet Explorer)http://www.paciellogroup.com/resources/wat-ie-upout.html

Barra de herramientas de desarrollador web (Firefox)http://chrispederick.com/work/web-developer/

Para obtener más información sobre el programa de tecnología de asistencia del Departamento de Educación, visite:http://www.ed.gov/policy/gen/guid/assistivetech.htmlLos enlaces a los que se hace referencia en este documento incluyen los creados y mantenidos por otras organizaciones públicas y privadas y se proporcionan para la comodidad del usuario. El Departamento de Educación de los Estados Unidos no controla ni garantiza la precisión, relevancia, puntualidad o integridad de la información de estas fuentes. Además, la inclusión de enlaces en este documento no pretende reflejar su importancia, ni tiene la intención de respaldar ninguna opinión expresada o productos o servicios ofrecidos, o las organizaciones que patrocinan los sitios. Última actualización el 17 de julio de 2009

Answer 4

No, con degradación graciosa Usted crea el sitio web para que funcione sin JavaScript y ponga una capa de comportamiento dinámico en la parte superior.

Especialmente jQuery es bueno con eso.

Cosas como Silverlight pueden dar problemas, pero siempre que no sea una parte integral de la página, no debería dar un problema.

Answer 5

Yo general, no tienes que evitar esas tecnologías si quieres tener múltiples objetivos de producción. Sin embargo, se deberá tener más cuidado para proporcionar métodos más tradicionales para crear la misma funcionalidad. En otras palabras, necesitarás degradar con gracia.

Answer 6

Solo una opinión,

Para móvil, ¿qué navegador debo elegir?

Vi mucho teléfono que tiene navegador móvil de ópera, así que intente hacer compatible con Opera también.

Answer 7

Mi consejo sería hacer un sitio básico desprovisto de cualquier cosa elegante (JavaScript, Flash, etc.) y hacer que ese sitio sea perfectamente accesible en cualquier dispositivo.

Luego, si la experiencia del usuario se puede mejorar realmente en ciertas plataformas debido a la tecnología más elegante, construya eso además de su sitio básico y solo asegúrese de verificar quién está accediendo a su sitio y cómo, y servirles la versión correcta.

Answer 8

Como usuario de lector de pantalla, siga el consejo de usar degradación elegante. Dicho Flash y Silverlight son inaccesibles. Aunque el flash teóricamente se puede hacer accesible, nunca he encontrado un sitio con flash accesible. Si desea que el sitio sea accesible para usuarios ciegos en teléfonos móviles, debe probar utilizando el navegador predeterminado en el iPhone, Windows Mobile y Symbian. Opera Mobile no es accesible para los usuarios de lector de pantalla en cualquier dispositivo móvil.