Saltar al contenido principal
LibreTexts Español

11.8: Probar su sitio

  • Page ID
    135778
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    Damas de Accesibilidad y El Factor Humano

    Hay algunas herramientas útiles disponibles para probar la accesibilidad de su sitio. Examinarán tu código y buscarán elementos como texto alternativo faltante (ALT) o encabezados de tabla, y harán recomendaciones sobre mejoras que ayudarán a tu sitio a cumplir con cada nivel de prioridad. Los verificadores de accesibilidad, como Watchfire WebXact o USABLEnet LIFT Machine, pueden ser una ayuda invaluable para identificar las brechas de accesibilidad en sus páginas web. Los productos o complementos de aplicaciones, como USABLEnet LIFT para Dreamweaver, le permiten verificar la accesibilidad incluso antes de publicar la página final en la Web. Puede notar que también emitirán una lista de advertencias, independientemente de los resultados reales de accesibilidad de su sitio web. ¿Por qué es esto?

    Simplemente hay demasiados estándares de accesibilidad que solo los humanos pueden probar. Ningún software puede decirte si la navegación por el menú de tu sitio es intuitiva, o si el texto ALT que has incluido es suficiente para describir la imagen. Use primero un verificador de accesibilidad para asegurarse de haber cubierto todo lo que pueda y luego trabaje a través de las advertencias que proporciona, mirando su sitio críticamente.

    Nota

    Validadores XHTML/CSS: Si está construyendo su sitio desde cero como se describe en el Capítulo 13, Planeando su curso en línea, debe probar la validez de su código usando un validador XHTML y CSS. Esto ayudará a garantizar que su sitio funcione bien con todos los navegadores, incluidos los lectores de pantalla.

    La mejor manera de probar la accesibilidad de tu sitio es pedirle a un usuario con discapacidad que lo pruebe. Solo un humano, examinando tanto el contexto como el contenido de una página, puede evaluar completamente la accesibilidad de su sitio. Es difícil, como usuario vidente, imaginar navegar por un sitio web solo por voz; como usuario con plena movilidad, es difícil imaginar la frustración de intentar hacer clic en un enlace que es demasiado pequeño. Si realmente quieres saber si tu sitio es accesible, tráelo a las personas que experimentan los problemas que estás tratando de abordar.

    Gráfico de Evaluación

    Hemos incluido una lista de verificación de los problemas de accesibilidad más comunes y significativos que debe buscar al evaluar su sitio. Algunas de estas pautas se pueden probar utilizando un verificador de accesibilidad como se mencionó anteriormente; otras tendrás que mirar objetivamente y decidir por ti mismo si se cumplen adecuadamente.

    Puede utilizar esta tabla para evaluar un sitio web existente antes de realizar cambios de accesibilidad, o para ver qué tan bien lo ha hecho después de “acceder” a su sitio existente o construir uno nuevo.

    Tabla\(\PageIndex{1}\): Tabla de evaluación de accesibilidad

    Categoría

    Descripción

    Visión (V) Audición (H) Motor (M) Cognitivo (C)

    Notas

    Calificación (1—5) *

    Estructura y apariencia Enlaces de navegación y ubicación consistente en cada página. M, C
    Texto buen contraste con el fondo V, C
    Cada página tiene un título descriptivo único V, C
    XHTML/CSS válido utilizado en todo el sitio V, M, C
    Imágenes Todas las imágenes tienen texto ALT que describe claramente la imagen, o en el caso de las imágenes decorativas, contiene un espacio (alt= ““) para evitar que el lector de pantalla describa la imagen. V
    Las imágenes que no pueden describirse adecuadamente en texto ALT (tablas, gráficas) se describen con mayor detalle en una página LONGDESC. V
    Los enlaces en imagemaps también tienen texto ALT V
    Texto y enlaces Las fuentes usan un tamaño de fuente relativo (em,%), no absoluto (px, pt) V, M, C
    Etiquetas de encabezado (H1, H2) utilizadas correctamente como encabezados, no para formatear la fuente V, M, C
    Posibilidad de saltar la navegación V
    Enlaces separados por algo más que espacios en blanco V
    Color no utilizado para transmitir información, o reforzado por otras señales visuales V
    Subrayado no utilizado en texto no vinculado C
    El texto del enlace no se repite en la misma página (por ejemplo, “haga clic aquí”) pero es único para cada enlace. V
    Atributo TITLE agregado a enlaces ambiguos. V
    Las listas utilizan las etiquetas UL/OL y LI, no las imágenes de viñeta V, C
    La codificación no debe impedir que el usuario cambie de color con hojas de estilo propias V, C
    Mesas Tablas utilizadas para datos, no para diseño V
    Encabezados de fila o columna de tabla indicados con la etiqueta TH. V, C
    Resumen de la tabla proporcionada V, C
    Formularios Los formularios se pueden navegar en el orden correcto usando la tecla TAB V, M
    Cada campo de formulario tiene una etiqueta LABEL asociada V
    Tiempo suficiente para llenar formularios V, M, C
    Campos obligatorios señalados como tales antes de la etiqueta del formulario y marcados con asterisco o negrita V
    Multimedia Transcripciones disponibles para todos los audios H
    Transcripciones o subtítulos disponibles para todos los videos V, H
    Contenido presentado en Flash descrito también en un formato alternativo V, H, C
    Evite las animaciones que distraen, el desplazamiento del texto V, C
    Enlaces proporcionados para descargar los plug-ins necesarios V, H, M, C
    PDF accesibles o texto sin formato disponible V
    Contenido en applets y plug-ins accesibles o no requeridos V, M, C
    Si se utilizan sonidos de alerta, refuerce el sonido mediante notificación visual H
    Javascript La navegación del sitio sigue funcionando con Javascript desactivado. V, C
    Los menús desplegables no requieren un movimiento difícil y preciso del ratón. M, C
    General Pasa validador de accesibilidad automatizado como Watchfire WebXact V, H, M, C
    El sitio solo se puede navegar por teclado V, M
    Notificado al usuario si se van a utilizar ventanas emergentes V, M, C
    Las ventanas externas no abren ventanas emergentes V, M, C
    Sin reproducción automática de música, o capacidad de apagar la música fácilmente V
    Si se deben usar marcos, están claramente titulados V
    Página aún utilizable con hojas de estilo desactivadas V, C
    El sitio incluye motor de búsqueda V, M, C
    Animaciones de distracción evitadas V, C
    Las páginas no se actualizan automáticamente V, M, C
    Notas Generales

    Escala de calificación

    5 = Excelente. Cumple o excede la pauta de accesibilidad relevante.

    4 = Bueno. Cumple con la pauta, pero podría mejorarse aún más para una mejor accesibilidad.

    3 = Incompleto. Se ha hecho algún esfuerzo para cumplir con la directriz, pero no se han atendido todas las instancias de este ítem.

    2 = Pobre. La directriz se ha aplicado de manera inconsistente o incorrecta.

    1 = Falló. Completamente ignorado o no implementado.

    Otros recursos de diseño

    Durante nuestra investigación, hemos recopilado una gran cantidad de recursos en línea como guías y referencias. Esperamos que los encuentre una valiosa ayuda para su exploración del diseño de cursos accesibles.

    Nota

    • La accesibilidad es vital para los materiales educativos.
    • La accesibilidad ayuda a la usabilidad para todos.
    • Hacer que tu sitio sea accesible no es tan difícil, y se puede hacer por etapas.
    • Los medios redundantes son algo bueno.

    Fundamentos

    Estos sitios son buenos puntos de partida generales a la hora de estudiar la accesibilidad.

    La Iniciativa de Accesibilidad Web (WAI) trabaja con organizaciones de todo el mundo para desarrollar estrategias, pautas y recursos para ayudar a que la Web sea accesible para personas con discapacidad. Desarrollaron:

    • Directrices WCAG 1.0 http://www.w3.org/TR/WAI-WEBCONTENT/
    • Accesificar http://www.accessify.com Noticias y artículos, tutoriales, foro de discusión.
    • Sumérgete en la accesibilidad http://www.diveintoaccessibility.org

      Guía fácil paso a paso para mejorar la accesibilidad de tu sitio o blog.

    • Centro de Tecnología Especial Aplicada (CAST): Diseño Universal para el Aprendizaje cast.org/research/udl/index.html

      “Fundado en 1984 como el Centro de Tecnología Especial Aplicada, CAST ha ganado reconocimiento internacional por su desarrollo de recursos educativos innovadores y de base tecnológica y estrategias basadas en los principios del Diseño Universal para el Aprendizaje (UDL)”.

    Técnico

    Introducciones para crear XHTML y CSS válidos, y cómo usarlo en el proceso de creación de sitios web válidos y accesibles.

    • Tutorial XHTML www.w3schools.com/xhtml/default.asp Tutorial CSS http://www.w3schools.com/css/default.asp
    • Jardín Zen http://www.csszengarden.com/
    • Creación de diseños de página accesibles www.utoronto.ca/atrc/tutorial... ble/index.html

      Cómo y por qué evitar el uso de tablas para el diseño.

    • PDF Accesibilidad http://www.alistapart.com/articles/pdf_accessibility

      Editorial sobre fines específicos para los que debes usar archivos PDF, y razones por las que para todo lo demás debes dejarlo en paz.

    • Accesibilidad Flash www.webaim.org/Techniques/Flash/

      Directrices IMS para el desarrollo de aplicaciones de aprendizaje accesibles

    • ncam.wgbh.org/sal/lineas/
    • www.macromedia.com/resources/accessibility/

    Herramientas y validadores

    Estos prácticos asistentes pueden ser muy útiles para probar tu sitio.

    • Watchfire WebXact (anteriormente conocido como Bobby) webxact.watchfire.com/

      “WebXact es un servicio en línea gratuito que te permite probar páginas individuales de contenido web para problemas de calidad, accesibilidad y privacidad”.

    • Validador CSS http://jigsaw.w3.org/css-validator/
    • Validador XHTML http://validator.w3.org/
    • Vischeck http://www.vischeck.com/vischeck/

      Vea cómo se ven las imágenes y las páginas web para las personas con diferentes tipos de daltonismo.

    • Lynx Viewer www.yellowpipe.com/yis/tools/lynx/lynx_view er.php

      Vea cómo se vería su página web en un navegador web de solo texto.

    Otros

    • Desarrollo de sitios para usuarios con discapacidades cognitivas/de aprendizaje http://juicystudio.com/article/cogni...impairment.php
    • Richard Felder—Índice de Estilos de Aprendizaje http://www.ncsu.edu/felder-public/ILSpage.html

      “El Índice de Estilos de Aprendizaje es un instrumento en línea utilizado para evaluar las preferencias en cuatro dimensiones (activo/reflexivo, sentido/intuitivo, visual/verbal y secuencial/global) de un modelo de estilo de aprendizaje formulado por Richard M. Felder y Linda K. Silverman. El instrumento fue desarrollado por Richard M. Felder y Barbara A. Soloman de la Universidad Estatal de Carolina del Norte”.

    • ¡Éxito en Biología! Enseñando a Diversos Aprendices www.landmarkcollege.org/insti... cess/book.html

      “¡Éxito en Biología! es un proyecto innovador basado en Landmark College en Putney, VT y financiado por el programa de Investigación en Educación para Discapacidades de la Fundación Nacional de Ciencias (HRD No. 0004264). ¡Éxito en Biología! afirma que los estudiantes con diferencias de aprendizaje pueden tener éxito en los cursos introductorios de biología secundaria y universitaria cuando el plan de estudios ha sido diseñado para responder a sus necesidades de aprendizaje”.


    This page titled 11.8: Probar su sitio is shared under a CC BY-SA license and was authored, remixed, and/or curated by Sandy Hirtz (BC Campus) .