Herramientas de Accesibilidad Web

6 Herramientas de Accesibilidad web

[{"selector":"#anim-4e97e1e7-554c-4154-b26b-f40071c2f1d9","keyframes":{"opacity":[0,1]},"delay":1000,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3de87638-88a8-40e0-a4d9-68f17c6b6c39","keyframes":{"opacity":[0,1]},"delay":2000,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-62e6799d-0477-4170-a4a4-06262b3bb8eb","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-bb046dcb-afc4-4967-8e7c-c68f373e60c7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-25826b92-8e74-4623-a56b-4724e0eab77c","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-c70df747-7b69-4f61-8b4f-1377d3bad961","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a42a0cd-05c1-4e4e-81fd-c7ac7ee1d12e","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-50e5936c-4956-4a87-9f7c-c47b2984db64","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-76217ec4-6fad-45ef-a95c-521e97c74542","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90f3e43b-c5ff-4db9-82f3-4e82b7177104","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e4968d9d-c846-4e98-829f-312d29ee5936","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-e518d5e3-718e-47a9-a178-ddc0c3715da5","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-347c8485-13c2-431f-bf91-41136617a074","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-191ae795-b918-4930-9ad6-1e1f5db846b5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e738fdb-d5df-4731-913b-625397be6e72","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-7d8817e0-2f39-4bc0-8ba1-bf713905ce72","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0a36d088-a5c8-407a-a57c-02c032c20272","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64a159f7-f8bc-4c78-9882-7c12cc619d5e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d670d091-83ba-4031-b615-70c8894a517e","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-968c2a74-d04c-49e0-b884-25d944b044bd","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63089d27-7a9b-407c-8e1e-cd5f7d82fa97","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81df0044-adc7-46ac-95b5-445e03805443","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1749f3f6-c20d-42ce-9e74-e164261a14ab","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-4008a589-215c-4e83-8350-cca6c96d7e33","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-077ad31d-3f2b-4893-bc0e-45d38bce509a","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-74041b67-4907-47e0-9b6f-75c3e0140472","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-37112d28-90c7-4c3c-a868-c3ef46e7987e","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-809a3b60-9850-4085-8ffc-5f2294ee6a77","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8f38cd2a-bf64-4d31-be91-d986fd97d8cf","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-d567cc3c-474a-4af9-a2af-0fba2adb8eab","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

6 Herramientas de Accesibilidad web

Herramientas de ACCESIBILIDAD WEB

Youtube Closed Captioning

Herramientas de ACCESIBILIDAD WEB

Color Contrast Analyzer

Herramientas de ACCESIBILIDAD WEB

Proof Setup in Adobe

Herramientas de ACCESIBILIDAD WEB

‘Wave’

Herramientas de ACCESIBILIDAD WEB

ACheker

Herramientas de ACCESIBILIDAD WEB

Color Oracle

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