UX Design e Acessibilidade

tecnologia Como criar produtos digitais que sejam fáceis de usar e acessíveis a todos

[{"selector":"#anim-35152044-4372-4a4e-8866-f6c4c3366efc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3656b95b-5b7f-49ce-a03c-f3b4695cfdc7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c467b57a-826f-452c-928d-d88be6df6520","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b280d58-6ff9-46b5-98b3-1a9e9bfaf524","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-74ac0a57-bf43-4246-b373-4d11f1bb830f [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] A importância da acessibilidade A acessibilidade é importante por razões humanitárias, sociais e econômicas. 1

[{"selector":"#anim-53f877ef-4499-4bc5-893a-a4a8e75a7580","keyframes":{"transform":["translate3d(-109.45559%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-e69ec1dd-41b6-4ba8-bb8c-8b02f88703bb","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-57752561-10e3-4c54-81e7-850b16907266","keyframes":{"transform":["translate3d(-136.05948%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-e605d613-10b7-47b7-9c7c-1ffe400cafac","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-4362b403-6d2b-4e34-aca8-db6739a13dc0","keyframes":{"transform":["translate3d(-116.61342%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-73298483-54a3-457d-be86-0e6afd6a355f","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-7adb7d52-b528-465c-966b-d03af32bb9bf","keyframes":{"transform":["translate3d(-260.60606%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-e0808711-a09f-4d16-ab83-4684f1c56b50","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}] [{"selector":"#anim-0480ce8d-a1d9-4df9-9734-d5db0ba71b1b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-39.16015615400295%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Princípios de acessibilidade Visibilidade, controlabilidade e entendibilidade são os princípios básicos da acessibilidade. 2

[{"selector":"#anim-b7018fb6-731e-466d-ad73-f7384b4679f2","keyframes":{"transform":["translate3d(109.51009%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6b589a3a-acd5-4968-8fd1-77f0198f9dce","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c27f627-749d-499e-815d-238ce1ee0513","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-77193b2f-45d1-4396-9115-76414fad3d4d","keyframes":{"transform":["translate3d(122.39382%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba66f915-4e90-4004-be1d-abdb2633036d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5122a9ed-dd3e-470e-9bff-f18f2dca2c7e","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-c2d7fe3a-a9d5-4e2f-ae47-35e4c723575e","keyframes":{"transform":["translate3d(115.43408%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a223330a-1e32-4e90-a257-aa5f7d2b40e2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60342e35-a8cd-40e7-b871-b62db1d1ebcd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-8825b7cf-148a-4017-bb76-806bd5ed63b0","keyframes":{"transform":["translate3d(1078.78775%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0958ced6-7a30-436b-9046-8c423f60c4ba","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-90e9d2eb-6319-4a86-8771-b0671e9f8f05","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-1cd1320c-ad1e-44e8-b3a3-4e817ee0d930 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(48.53515615400295%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] Como aplicar a acessibilidade no UX Design Considere a diversidade de usuários, use padrões de acessibilidade e teste com usuários com deficiência. 3

[{"selector":"#anim-079023ab-cbad-494d-9452-c8be55df5976","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8694e847-3bba-4428-a8e0-67631502b808","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-69914122-80ae-466c-9cbc-0b510f4b5584","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f8646f2d-2437-4603-a389-85de192edcbd","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-55c2961e-1ce4-480a-8f3d-93aa339dc198","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-823850d9-b0e2-43ad-9776-29c2609d5f11","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-2d07d1bf-34d4-4d7a-84a7-003616c1d0ef","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fd4f458e-8d51-4a04-b1b5-14b2d1d7cb89","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-727512d7-214a-4a82-874a-8522feff203c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-38.86718740400295%, 0, 0) translate(-25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"fill":"forwards"}] Exemplos de acessibilidade no UX Design Legendas para vídeos, títulos alternativos para imagens e botões grandes e de fácil clique são exemplos de acessibilidade. 4

[{"selector":"#anim-80d137be-962d-4548-91d1-93ba84233ad2","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-42ea8488-f90e-44a9-8760-698c94f85e3a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-a58d413f-2604-4a88-a1c6-563558699679","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-3108c63b-a702-499a-8894-bafe27f56023","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-cccc01c2-bd63-43dd-9f07-1e05cb5d6cf6","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-c5afd9b7-fb32-4384-a7db-2af73c45e8bd","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-e50284ac-d51a-4d4a-b327-e7a6fb850c79","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-0ac13084-4248-4cc4-b7fd-c2dc60100cf8","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-b4aae43f-891a-470e-aa81-3210d53436b5","keyframes":{"transform":["scale(1)","scale(1.5)","scale(0.95)","scale(1)"],"offset":[0,0.33,0.66,1]},"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-edd59bc4-7952-462a-9853-6bc1af0b995b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c9c638e-16ea-4fb3-8fe8-9dbd82bcd15f","keyframes":{"transform":["rotate(-324deg) translate3d(-254.11765%, 0px, 0) rotate(324deg)","rotate(-324deg) translate3d(0px, 0px, 0) rotate(324deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-79771d2a-42f4-470a-ad93-b75c183a17ad [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(-8.785714310389835%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] A acessibilidade é essencial para criar produtos digitais inclusivos. Acesse o link abaixo e confira mais detalhes em um guia prático sobre UX Design e Acessibilidade no Blog da Accurate! SAIBA MAIS! Seta rabiscada