6 Herramientas de Accesibilidad Web

6 Herramientas de Accesibilidad web

[{"selector":"#anim-c7dac008-6196-4a3f-a3bd-6b27dc03cc43","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-004356bc-016e-4cc4-90f8-84f069baf640","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8f731218-9782-4be6-b516-2344ef3ce875","keyframes":{"transform":["translate3d(-124.0876%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Os presentamos distintas herramientas para ejecutar auditorías o test de accesibilidad web sencillos en tus portales y contenidos. tuwebaccesible.es

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-0c7e7b1a-3642-4b6f-9f57-95bfe44f86cf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5b0eb442-b1d7-4733-a4bc-e0e88c81889f","keyframes":{"transform":["translate3d(-126.59176%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74780c93-9dab-4478-8a92-daddb427dfb4","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b6cd8d8c-00fe-4221-8b36-1b4780e4e1e9","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Un recurso que puede ayudar a aumentar la accesibilidad dentro de tu contenido de vídeo.

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-46628dfb-5402-4847-bb75-2f6afaa4ebcb","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-56c08f1f-47c2-4cd9-88c1-68989199c3fb","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f48603fc-6ab3-475c-856f-60467fa31a8d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af703de2-9379-48c4-bf00-b880b15bf9d7","keyframes":{"transform":["translate3d(-129.61538%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Evalúa la accesibilidad de tus diseños para los usuarios que son daltónicos, mientras trabajas directamente dentro de Sketch.

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-432189a7-d9b9-4221-8c4e-54004ed522b2","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a0cc653-4c86-4849-bdaf-248d320fc3ac","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8aca90ea-5caa-4896-aa7d-e689722c4c34","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f2977a9-9cbd-460c-84e6-c2f02c8a9408","keyframes":{"transform":["translate3d(-135.15982%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Permite ver cómo será el diseño para los usuarios de distinto daltonismo, protanopía y sobre todo deuteranopía.

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-4bd9ed12-e025-4cba-b43d-b8f8d02dd557","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-677be038-04f3-4dd1-9377-4ce01bf767dd","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-987cd40d-9973-48f6-a3d0-86e1460efca8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d931ae7-81cc-40a1-8b96-6dff8f29a01c","keyframes":{"transform":["translate3d(-134.70319%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Herramienta gratuita que proporciona a los desarrolladores una representación visual de problemas directamente en su página.

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-bd352b7c-d2ec-4fb7-885e-0e5a0c0ada2c","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f7f3e4d-e7e1-416d-a331-18f9cb220805","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec16c670-5895-4704-9701-27c1fe40d713","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-870f2e64-c6b0-4daf-8f2f-83dd02e6c592","keyframes":{"transform":["translate3d(-132.42009%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Una herramienta de revisión de accesibilidad integral que usa HTML para evaluar el contenido de una sola página.

Herramientas de ACCESIBILIDAD WEB

[{"selector":"#anim-263c1618-2a1f-41f3-8421-b022f55a4d88","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4dca1e51-3aac-4ac3-88e5-6036f09989a8","keyframes":{"transform":["translate3d(-132.42009%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b5f35bf8-ae29-4b98-ba2f-c3e42582ccd4","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04513320-a6bc-42c8-9f84-00e9d5afe1bd","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Esta aplicación gratuita simula diversas formas de daltonismo mediante la adición de un filtro de pantalla completa a través de tu sistema operativo.

Para los desarrolladores de contenido digital, de cara a incluir el componente de accesibilidad en sus productos, os recomendamos estas simples herramientas.

[{"selector":"#anim-7bfc92d1-d755-4a74-8de0-e9f66ef863d0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1af37ab6-bf82-4dac-b879-9d78552538e8","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-c62d51ed-8daf-4e22-840e-2874ef524094","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":2000,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] ¡CONTACTA CON NOSOTROS! tuwebaccesible.es