{"id":28690,"date":"2023-04-28T11:00:30","date_gmt":"2023-04-28T09:00:30","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=28690"},"modified":"2025-03-12T10:07:37","modified_gmt":"2025-03-12T09:07:37","slug":"principios-de-accesibilidad-web","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/principios-de-accesibilidad-web\/","title":{"rendered":"Principios de accesibilidad web"},"content":{"rendered":"

\u00bfCu\u00e1les son los principios de la accesibilidad web<\/strong> y cu\u00e1ntos hay? \u00bfExisten normas o directrices que cumplir? \u00bfD\u00f3nde las podemos encontrar? Son muchas las preguntas que nos hacemos una vez que entendemos el problema real de la accesibilidad web<\/a><\/strong>.<\/p>\n

Seg\u00fan el estudio de WebAIM publicado en marzo de este a\u00f1o, del mill\u00f3n de p\u00e1ginas de inicio que se analizaron, se encontraron 49.991.225 errores de accesibilidad distintos, lo que supone un promedio de 50 errores por p\u00e1gina<\/strong>. El n\u00famero de errores detectados disminuy\u00f3 ligeramente (1,6 %) desde el an\u00e1lisis de 2022, en el que se encontraron 50,8 errores por p\u00e1gina.<\/p>\n

Estos \u00aberrores\u00bb, revelados por la herramienta WAVE que realiza validaciones autom\u00e1ticas, son barreras de accesibilidad<\/strong> detectadas que tienen un impacto notable en el usuario final y una probabilidad muy alta de ser faltas de conformidad con el nivel A\/AA de WCAG 2.1 (valor \u00f3ptimo del conjunto de directrices y criterios para ayudar a crear contenido web accesible), adem\u00e1s de ser limitaciones para el acceso a la informaci\u00f3n<\/strong> de muchos usuarios.<\/p>\n

\u00bfC\u00f3mo podemos cumplir estos criterios?<\/strong><\/h2>\n

Es necesario conocer c\u00f3mo podemos practicar estos criterios de accesibilidad, y no s\u00f3lo por cumplir con la legislaci\u00f3n sino por evitar la discriminaci\u00f3n de la informaci\u00f3n a las personas con alg\u00fan tipo de discapacidad.<\/p>\n

Lo primero, tenemos que entender qu\u00e9 papel juega el W3C, un consorcio internacional donde profesionales, empresarios y estudiantes trabajan juntos para desarrollar normas y directrices que garantizan el crecimiento a largo plazo de la web y conecta a la humanidad teniendo un acceso a la informaci\u00f3n de forma eficiente y equitativa. Desde el W3C se public\u00f3 por primera vez en 2008 un documento llamado WCAG, que contiene todas las pautas de accesibilidad web<\/a><\/strong> que hay que seguir y\u00a0cuyas versiones han ido evolucionando hasta la WCAG 2.1, publicada en 2018, vigente en este momento y con la que trabajamos actualmente.<\/p>\n

Lo que contiene este documento son 78 criterios divididos en cuatro grandes bloques<\/strong> que velan por garantizar la accesibilidad de cualquier contenido en la web, incluidos documentos ofim\u00e1ticos como Word o pdf. Estos grandes bloques son los Principios de Accesibilidad Web.<\/p>\n

Principios de accesibilidad web<\/strong><\/h2>\n

Perceptible, operable, comprensible y robusto<\/strong> son los grandes bloques en los que se centran los principios de accesibilidad web. A continuaci\u00f3n, explicamos lo que se entiende por cada uno de ellos, los criterios en los que se engloban y los principios que se encargan de asegurar:<\/p>\n

    \n
  1. Perceptible: <\/strong>Tanto los contenidos como la interfaz de un sitio web debe poder ser percibida por todos sus usuarios y, por lo tanto, todos los componentes de la interfaz deben ser distinguidos. Para ello se deben ofrecer alternativas a contenidos no textuales, como im\u00e1genes, iconos, gr\u00e1ficos, v\u00eddeos, audios, etc. Por ejemplo, que la alternativa textual a un bot\u00f3n que tenga una lupa sea \u201cBuscar\u201d en vez de \u201cLupa\u201d. Tambi\u00e9n se debe adaptar el contenido a diferentes formas, zooms elevados, orientaciones de pantalla, etc. Por \u00faltimo, debe ser distinguible separando el fondo del primer plano, entrando en juego todo lo relativo a los colores y los contrastes. Una responsabilidad que recae en los dise\u00f1adores.<\/li>\n
  2. Operable:\u00a0<\/strong>Se refiere a que en un sitio web el usuario debe poder interactuar con la interfaz sin ning\u00fan problema, es decir, todos los visitantes tienen que poder interactuar. Por ello debe ser manejable por teclado para usuarios sin rat\u00f3n, se debe dar tiempo suficiente para interactuar y debe ser f\u00e1cilmente navegable. Imprescindible e importante en este caso el papel de los arquitectos de la informaci\u00f3n.<\/li>\n
  3. Comprensible:\u00a0<\/strong>Se asegura que la informaci\u00f3n y el funcionamiento de la interfaz debe ser entendible y se eval\u00faa: El contenido tiene que ser f\u00e1cil de leer y comprender, deben ser p\u00e1ginas predecibles, sin inventar est\u00e1ndares en la navegaci\u00f3n y se debe ofrecer ayuda a la hora de introducir datos, que haya siempre una instrucci\u00f3n visible en los formularios y ayudar al usuario mostrando un ejemplo de formato v\u00e1lido para rellenar ese contenido.<\/li>\n
  4. Robusto: <\/strong>El contenido debe ser lo suficientemente seguro y bien formado como para ser interpretado por la gran mayor\u00eda de agentes de usuario. Aqu\u00ed se engloba todo lo que afecta a la tecnolog\u00eda, incluidos productos de apoyo como lectores de pantalla, que son los m\u00e1s usados por usuarios con discapacidad.<\/li>\n<\/ol>\n

    Dentro de cada uno de estos apartados hay una serie de directrices con sus respectivas t\u00e9cnicas de aplicaci\u00f3n que son las que se comprueban a la hora de asegurar que un sitio es accesible.<\/p>\n

    \u00bfQu\u00e9 son los niveles de accesibilidad?<\/strong><\/h2>\n

    Cada criterio tiene un nivel asignado, en vez de 1, 2 o 3, para determinar el nivel de accesibilidad se mide en A, AA o AAA<\/strong>. Esta clasificaci\u00f3n indica el nivel de adecuaci\u00f3n o conformidad y el impacto que tiene ese criterio o pauta en la accesibilidad global, es decir, lo que es m\u00e1s b\u00e1sico o necesario de cumplir.<\/p>\n

    Actualmente, la legislaci\u00f3n espa\u00f1ola <\/strong>exige que determinados sectores cumplan nivel AA de accesibilidad, lo que significa que ese portal deber\u00e1 cumplir todos los criterios de nivel A y todos los criterios de nivel AA. En el caso de que el nivel que se requiera cumplir sea AAA, se deber\u00e1 cumplir todos los criterios de nivel A, AA y AAA.<\/p>\n

    Para velar por la accesibilidad<\/strong> de un proyecto debemos tener en cuenta que no es s\u00f3lo una revisi\u00f3n final<\/strong> despu\u00e9s de terminado el desarrollo, sino que es un proceso donde se involucra a los diferentes equipos de dise\u00f1o, creadores de contenido y hasta desarrolladores y maquetadores y, entre todos, deben asegurar que en cada principio se cumplan los criterios que se ven afectados. Esta es la metodolog\u00eda que promueve el W3C y con el objetivo de evitar errores, tiempos perdidos y costes al final, se debe integrar el proceso de accesibilidad desde los inicios.<\/p>\n

    Siguiendo todas estas pautas de accesibilidad, podemos hacer de nuestro sitio un portal donde el usuario tenga una navegaci\u00f3n y una experiencia satisfactoria<\/strong>, donde pueda encontrar la informaci\u00f3n que busca o donde logre comprar sin ser discriminado por sus cualidades, tal y como menciona la ONU en la Agenda de Sostenibilidad 2030. Es por esto por lo que debemos promover el conocimiento de la accesibilidad web, para dar esta experiencia global plena y esa responsabilidad social<\/strong> que todos deber\u00edamos tener.<\/p>\n

    En hiberus<\/a> ayudamos a nuestros clientes a lograr sus objetivos de negocio digital: captaci\u00f3n de leads, maximizaci\u00f3n de ventas, incremento del tr\u00e1fico\u2026 Nuestra agencia digital<\/a> especializada cuenta con los mejores expertos en Accesibilidad<\/a> que te ayudar\u00e1n a conseguir una web accesible para garantizar que todas las personas pueden acceder a ella sin perder nada de contenido. Escr\u00edbenos cont\u00e1ndonos tu proyecto y nuestro equipo estar\u00e1 encantado de ayudarte.<\/p>\n

    \n
    \n
    \n
    \n

    \u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de Accesibilidad Web?<\/p>\n

    Contacta con nuestro equipo de Accesibilidad<\/p>\n <\/div>\n

    \n \n
    \n

    <\/p>

      <\/ul><\/div>\n
      \n
      \n<\/fieldset>\n
      \n\t
      \n\t\t
      \n\t\t\t

      <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

      \n\t\t\t

      <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

      \n\t\t
      \n\t\t\t

      <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t

      \n\t\t\t

      <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

      \n\t\t
      \n\t\t\t

      <\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t

      \n\t\t
      \n\t\t\t