1.2: Por qué aprender sobre el desarrollo web accesible
- Page ID
- 152618
\( \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}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)Cortes de acera
Los cortes de acera son un gran ejemplo de diseño universal. Originalmente, se agregaban cortes de acera a las aceras para acomodar a los que estaban en sillas de ruedas, para que pudieran acceder a la carretera desde la acera y viceversa. Sin embargo, los recortes en la acera son útiles para muchas personas, no solo para las que están en sillas de ruedas, incluida una persona que empuja un cochecito de bebé, un ciclista o una persona mayor que usa un andador. La adición de una rampa de pendiente suave permite que cualquier persona, que pueda tener dificultades para pisar o que pueda estar empujando algo, ingrese suavemente a la acera a través de una rampa, en lugar de tener que escalar una acera. Si bien los cortes de acera fueron diseñados inicialmente para ayudar a quienes estaban en sillas de ruedas, han llegado a beneficiar a muchas más personas.
Desde una perspectiva de accesibilidad web, la mayoría de las funciones de accesibilidad que podría agregar a un sitio web tendrán ese llamado “efecto de corte de acera”. Por ejemplo, la descripción del texto que se podría incluir con una imagen para hacer que el significado de la imagen sea accesible a una persona ciega también hace posible que los motores de búsqueda indexen la imagen y la hagan buscable. Permite que una persona en una conexión lenta a Internet apague las imágenes y aún así obtenga la misma información. O bien, permite a una persona que usa un navegador basado en texto (en un celular, por ejemplo) acceder a la misma información que aquellos que usan un navegador visual típico. Prácticamente cada característica de este tipo que pueda implementarse en el contenido web para acomodar a las personas con discapacidad mejorará el acceso y la usabilidad para todos los demás.
El caso de negocio para la accesibilidad web
Video: El caso de negocio para la accesibilidad (3:29)
Karl Groves escribió una interesante serie de artículos en 2011 y 2012 que miraban la realidad de los argumentos empresariales para la accesibilidad web. Señala que cualquier argumento necesita responder afirmativamente al menos a una de las siguientes preguntas:
- ¿Nos hará dinero?
- ¿Nos ahorrará dinero?
- ¿Reducirá el riesgo?
Describe una serie de posibles argumentos para la accesibilidad:
- Optimización mejorada en buscadores: Los clientes podrán encontrar tu sitio más fácilmente porque los motores de búsqueda pueden indexarlo de manera más efectiva.
- Mejor usabilidad: Los clientes tendrán una experiencia más satisfactoria y, por lo tanto, gastarán más o regresarán con más frecuencia a su sitio.
- Costos reducidos del sitio web: El desarrollo estándar reduce los errores y los problemas de interoperabilidad, reduciendo los costos de desarrollo y los problemas de integración con otros sistemas.
- Las personas con discapacidad tienen poder adquisitivo: No gastarán si tienen dificultades para acceder a tu sitio; irán a la competencia que sí le da importancia a la accesibilidad.
- Reducción de la utilización de recursos: Construir a la norma reduce el uso de los recursos.
- Soporte para bajo ancho de banda: Si tu sitio tarda demasiado en cargarse, la gente irá a otra parte.
- Responsabilidad social: Los clientes vendrán si te ven haciendo el bien por el mundo y estás pensando en las personas con discapacidad como ciudadanos plenos.
- Apoyo a las poblaciones envejecidas: Las poblaciones envejecidas también tienen dinero para gastar y vendrán a su sitio sobre la competencia menos accesible y menos utilizable.
- Riesgo legal reducido: Puede ser demandado si impide la igualdad de acceso para ciudadanos/clientes o discrimina a personas con discapacidad.
Lo que realmente se reduce a la accesibilidad es a “calidad de trabajo”, como afirma Groves. Al acercarse a la accesibilidad web, es mejor que no piense tanto en términos de reducir el riesgo de ser demandado o perder clientes porque su sitio tarda demasiado en cargarse. Más bien, si el trabajo que haces es un trabajo de calidad, entonces el sitio web que presentas a tus clientes potenciales es un sitio web de calidad.
Si desea obtener más información sobre casos de negocios, aquí hay algunas referencias:
Lectura sugerida:
- Desarrollo de un Caso de Negocio de Accesibilidad Web para su Organización (W3C)
- Persiguiendo el caso de negocio de accesibilidad web (Karl Groves, 2012), Parte 1
- Persiguiendo el caso de negocio de accesibilidad web (Karl Groves, 2012), Parte 2
- Persiguiendo el caso de negocio de accesibilidad web (Karl Groves, 2012), Conclusión
- 2 segundos como el nuevo umbral de aceptabilidad para los tiempos de respuesta de las páginas web de comercio electrónico (Akamai, 2009)
- Liberar restricciones: los impactos del aumento de la accesibilidad en la economía de Ontario (Resumen)
- Liberar restricciones: Proyectar los impactos económicos del aumento de la accesibilidad en Ontario (Informe completo)