O deseño inclusivo pode parecer o dominio dos deseñadores de UX e dos desenvolvedores web. Pero os comerciantes de redes sociais tamén poden practicalo.

Varias plataformas sociais realizaron actualizacións recentes de accesibilidade. Os subtítulos automáticos están dispoñibles en Facebook Live e Instagram IGTV. Despois da introdución inaccesible dos chíos de voz, Twitter estableceu dous equipos de accesibilidade e planea lanzar subtítulos automatizados a principios de 2021. Os campos de descrición de imaxes alternativas agora están dispoñibles nas tres plataformas, así como en LinkedIn.

Os especialistas en marketing deberían estar dispoñibles. ver manterse informado sobre estas actualizacións como unha responsabilidade. A accesibilidade ás redes sociais non se require tecnicamente segundo os estándares de cumprimento 2.1 das directrices de accesibilidade e contido web. Pero non debería ser necesario. O marketing de redes sociais inclusivo é só un bo marketing de redes sociais.

Bonificación: Le a guía paso a paso da estratexia de redes sociais con consellos profesionais sobre como aumentar a súa presenza nas redes sociais.

Que é o deseño inclusivo?

O deseño inclusivo pretende ofrecer a mellor experiencia de usuario ao maior número de persoas posible.

Na práctica, é un afastarse do enfoque único que se centra nos chamados "usuarios medios". Pola contra, o deseño inclusivo crea para unha gama diversa de usuarios ao abordar as barreiras e ofrecer unha variedade de formas para que a xente se implique.

Non hai nada normal. #inclusión4.5:1

Para as persoas daltónicas, ou incluso aqueles que cambiaron a escala de grises para evitar a dopamina emitida polas notificacións vermellas, o contraste de cores é importante.

O ideal. o contraste entre a cor do texto e o seu fondo debe ser polo menos de 4,5 a 1, tal e como recomendan as WCAG. Para texto máis grande, esa proporción diminúe, pero aumenta para texto máis pequeno. As variacións poden parecer sutís, pero marcan unha gran diferenza para os diferentes espectadores.

• Evita as combinacións de verde e vermello ou azul e amarelo, xa que son difíciles de ler.
• Texto pode ser difícil de ler nas imaxes, polo que considere usar un fondo sólido ou unha superposición opaca.
• En gráficos e gráficos, considere tamén usar patróns para diferenciar os datos.

Fonte: Deseño de Facebook

6. Non confíes na cor para transmitir significado

Polo menos 2.200 millóns de persoas no mundo teñen algún tipo de deficiencia visual, incluíndo daltonismo, baixa visión, visión de preto e cegueira. De feito, o esquema de cores de Facebook é azul porque o seu fundador, Mark Zuckerberg, é daltónico do vermello-verde.

A cor tamén pode significar cousas diferentes para diferentes culturas. Por exemplo, o vermello pode significar unha tendencia á baixa nos gráficos financeiros dos Estados Unidos, pero en China o vermello é positivo.

• Visualizar ligazóns . Engade un subliñado ou unha animación ao pasar o rato para indicar que se pode facer clic no texto na hiperligazón. Nielsen Norman Group tenpautas útiles para visualizar ligazóns.
• Utiliza símbolos . En gráficos ou infografías, utiliza símbolos ou patróns como alternativa ou complemento á cor. Ou, engade etiquetas aclaratorias.

  Bonificación: Le a guía paso a paso de estratexia de redes sociais con consellos profesionais sobre como aumentar a súa presenza nas redes sociais.

  Obtén a guía gratuíta agora mesmo!

Unha publicación compartida por Nick Lewis Design (@nicklewisdesign)

7. Mantéñase informado sobre as ferramentas de accesibilidade

Algunhas plataformas teñen contas oficiais dedicadas á accesibilidade. Se es xestor de redes sociais ou comerciante, asegúrate de seguir estas contas para manterte informado. Coñece cales son as opcións dispoñibles para que poidas axudar aos membros da túa comunidade se necesitan a túa axuda.

Facebook:

• Páxina de accesibilidade de Facebook
• Accesibilidade de Facebook en Twitter
• Asistente de navegación de Facebook
• Centro de axuda de accesibilidade de Facebook
• Enviar comentarios sobre accesibilidade e tecnoloxía de asistencia de Facebook

Twitter:

• Conta de accesibilidade de Twitter
• Conta de Twitter capaz
• Conta de Twitter Together
• Conta de seguridade de Twitter
• Comparte comentarios sobre accesibilidade e outros problemas

YouTube:

• Configuración de accesibilidade de YouTube
• Usar YouTube cun lector de pantalla
• Compatibilidade con YouTube

Pinterest:

• Recursos de saúde emocional
• PinterestCentro de Axuda

LinkedIn:

• Desk de Respostas de Discapacidade de LinkedIn

Sigue aos defensores dos dereitos das persoas con discapacidade como Alice Wong, The Black Disability Collective, para perspectiva e comprensión. Únete a conversas nas redes sociais coas etiquetas #a11y #DisabilitySolidarity e outras que atopes.

8. Promover a inclusión positiva

A utilidade non é a única medida de inclusión. A representación tamén importa.

Necesitas probas? Considere o efecto Scully. As espectadoras de The X Files non só consideraron á axente Scully como un modelo positivo, senón que eran máis propensas a valorar e estudar STEM despois de ver o programa.

Despois do Black Panther estrea, Twitter explotou con chíos #WhatBlackPantherMeansToMe.

Encantaríame moito un fío de nenos negros con disfraces de Black Panther, como unha forma de lembrar e celebrar a #ChadwickBoseman 💔

— derecka (@dereckapurnell) 29 de agosto de 2020

É un principio básico de marketing que as marcas deben crear contido que fale á súa audiencia. Pero con demasiada frecuencia as marcas sobrerrepresentan nas súas imaxes homes novos, brancos, heterosexuales, aptos e de xénero cis.

En 2019, os personaxes masculinos superaron en número aos femininos nos anuncios a un ritmo de dous a un.

As persoas con discapacidade só representan o 2,2 % dos personaxes dos anuncios de 2019.

Considera tamén a asignación de funcións e a representación. As mulleres sempre están a facer a limpeza?O romance é sempre heterosexual? Antes de publicar calquera imaxe nas redes sociais, asegúrate de que non estea promovendo estereotipos racistas, sexistas, de idade, homofóbicos ou outros.

Unha publicación compartida por Osmosis (@osmosismed)

O teu feed debe ser tan diverso como as persoas da túa audiencia ou as persoas ás que che gustaría unirse á túa audiencia. Presenta diversidade a través das túas imaxes, asociacións e colaboracións. E cando o fagas, prepárate para ofrecer apoio. Iso significa que tes que aparecer cando o fan os trolls.

Le a nosa guía para o activismo xenuíno das redes sociais.

9. Benvido e acepta os comentarios

É raro facer todo ben no primeiro intento. Por iso é importante estar aberto aos comentarios e a ter erros cando os cometes.

Lamentamos probar os chíos de voz sen apoio para persoas con discapacidade visual, xordas ou con discapacidade auditiva. Foi unha falta presentar este experimento sen este apoio.

A accesibilidade non debe ser unha idea posterior. (1/3) //t.co/9GRWaHU6fR

— Soporte de Twitter (@TwitterSupport) 19 de xuño de 2020

Facilita un diálogo seguro e positivo coa túa comunidade. Proporciona datos de contacto, un formulario de comentarios ou un aviso que indica á túa audiencia onde poden compartir os seus pensamentos. Como di a deseñadora senior de interacción de Google, Kara Gates, "Se queres cambiar o mundo tes que incluílo".

Planificaprobar e repetir a miúdo. Aproveita ferramentas como Color Oracle para simular o daltonismo. Le o texto alternativo en voz alta ou, mellor aínda, utiliza un lector de pantalla ou outro tipo de tecnoloxía de asistencia para probar o teu contido. A continuación inclúese unha lista completa de ferramentas útiles.

Ferramentas de accesibilidade ás redes sociais

Extensións do navegador WAVE

A accesibilidade web As extensións de avaliación pódense usar en Chrome e Firefox para avaliar a accesibilidade do teu sitio web e do seu contido.

Editor Hemmingway

Asegura a lexibilidade da túa copia co Editor de Hemmingway. Apunta ao grao 8 e inferior para cumprir cos estándares WCAG. A ferramenta de proba de lexibilidade é outra opción.

Comprobador de accesibilidade de Microsoft

Microsoft ten unha ferramenta de accesibilidade integrada dispoñible en Outlook, Excel e Word. Microsoft Inclusive Design Manual tamén ofrece vídeos e folletos descargables sobre temas de deseño inclusivo.

Aplicación Thread Reader

Este bot de Twitter desenrola conversas na plataforma para que a xente poida lelas. máis facilmente. Para solicitar a aplicación, só tes que etiquetala e escribir "unroll" en resposta ao fío en cuestión.

Image Alt Text and Alt Text Reader

Etiqueta @ImageAltText ou @Get_AltText en resposta a un chío cunha imaxe para activar estes bots de Twitter. Se está dispoñible, responderán co texto alternativo.

Cliptomatic

Engade subtítulos automaticamente ao teuHistorias de Instagram, vídeos de TikTok e instantáneas con Cliptomatic.

Aplicación de contraste

Se usas un Mac, a aplicación de contraste é un comprobador de contraste compatible con WCAG. Unha boa característica desta aplicación é que permite aos deseñadores comprobar as súas puntuacións de contraste mentres seleccionan cores. Os creadores desta aplicación incluso proporcionan unha guía que simplifica os estándares WCAG.

Contrast Checker

Contrast Checker permíteche arrastrar e soltar unha imaxe específica para comprobar o contraste, o que é unha boa cousa que facer antes de cargar recursos ás redes sociais.

Color Oracle

Para asegurarse de que non está a usar só a cor para transmitir información, use o simulador de daltonismo. A ferramenta de código aberto está dispoñible para Windows, Mac e Linux.

Color Safe

Utiliza Color Safe se precisas axuda para atopar unha paleta de cores que ofreza contraste suficiente e cumpre coas directrices WCAG.

Texto na imaxe de fondo a11y comproba

Esta ferramenta de accesibilidade de texto sobre imaxe axúdache a determinar o grao de lexibilidade do texto en función do contraste de cores. Usa a ferramenta de comprobación de texto de imaxe de Facebook para determinar se tes demasiado texto na túa imaxe.

YouDescribe

YouDescribe, do Smith-Kettlewell Eye Research Institute, permite aos voluntarios crear audio descritivo para vídeos de YouTube. Simplemente copie e pegue un URL de YouTube no campo de busca e faga clic en Crear/Editar descricións para comezar.

67 Por cento.Colección

Como parte da súa campaña #SeeThe67 percent, Refinery29 asociouse con Getty Images para ofrecer imaxes con mulleres de talla grande. Ver tamén a Colección No Apologies, unha continuación da colaboración. Dove tamén se asociou con Getty para romper os estereotipos de beleza coa colección Show Us.

A colección Gender Spectrum

Vice anima aos medios a ir "máis aló do binario" con isto. colección de fotos de stock.

The Disability Collection

Global Accessibility Awareness Day, Getty Images, Verizon Media e a National Disability Leadership Alliance (NDLA) únense para reimaxinar a discapacidade con este catálogo. The Brewers Collective tamén creou catálogos con Unsplash e Pexels.

The Disrupt Aging Collection

Accede a máis de 1.400 imaxes que combaten os prexuízos por idade nesta colección creada por AARP e Getty .

Aegisub

Aegisub é unha ferramenta gratuíta de código aberto para crear e editar subtítulos. Tamén podes usar esta ferramenta para crear transcricións de vídeos.

Mentionolytics

Fai un seguimento das mencións da túa marca nas redes sociais e na web con Mentionolytics. Esta ferramenta é unha boa forma de aparecer e responder a preguntas e comentarios, tanto se te mencionaron como @- ou non.

Directrices de accesibilidade ao contido web (WCAG) 2.1

Estas recomendacións establecen os estándares do sector para a web accesible eexperiencias en redes sociais.

Directrices de accesibilidade de produtos Vox

Estas directrices ofrecen unha lista de verificación interactiva para deseñadores, editores, enxeñeiros e moito máis.

Xestiona todas as túas canles de redes sociais desde un só panel usando SMMExpert. Programa e publica facilmente todas as túas publicacións en redes sociais deseñadas de xeito inclusivo, interactúa cos teus seguidores e fai un seguimento do éxito dos teus esforzos. Probao gratis hoxe.

Comezar

— katholmes (@katholmes) 6 de marzo de 2017

O deseño inclusivo comeza identificando as necesidades máis raras ou extremas, tamén coñecidas como casos extremos ou casos de estrés. Segundo o contexto, os casos extremos poden incluír diferenzas de capacidade, idade, xénero, lingua e outros factores. Pola contra, o deseño universal pretende servir ao máis amplo abano de persoas e situacións.

@meyerweb O termo é revelador: os casos extremos definen os límites do que/a quen che importa.

— Evan Henſleigh (@futuraprime) 25 de marzo de 2015

Despois de identificar os casos extremos, o seguinte paso é deseñar unha solución. Os principios de deseño inclusivo de Microsoft proporcionan un bo marco:

1. Recoñece a exclusión
2. Resolve por un, estende a moitos e
3. Aprende da diversidade.

Moitas veces, o deseño inclusivo beneficia a todos.

Os subtítulos en vídeos son un excelente exemplo. O caso de uso principal dos subtítulos é axudar ás persoas con discapacidade auditiva. Pero tamén axudan aos estudantes de idiomas e aos espectadores que ven sen son desactivado. Os datos de Facebook mostran que o contido de marca deseñado para o son off calificouse cun 48 % máis de relevancia, un 38 % máis de interese de marca.

Por que a accesibilidade é importante para as redes sociais

O deseño inclusivo aumenta o acceso. Unha estratexia de redes sociais que considera un deseño inclusivo fai o mesmo. Senaccesibilidade, non podes conectarte co teu público potencial completo.

Polo menos mil millóns de persoas (o 15 % da poboación mundial) sofren algún tipo de discapacidade. Esa cifra aumenta significativamente cando se contabilizan as discapacidades temporais e situacionais. O contido e as experiencias non inclusivas afastan á xente. E non sempre é doado precisar cando isto ocorre. Os visitantes da web excluídos a miúdo non se queixan: o 71 % simplemente sae.

Unha enquisa de 2018 a usuarios de Facebook en 50 países descubriu que máis do 30 % das persoas denuncian dificultades con polo menos un dos seguintes: ver, escoitar , falar, organizar pensamentos, camiñar ou coller coas mans.

Manter accesibles as redes sociais significa recoñecer a exclusión, aprender dos teus seguidores e presentar a información da forma máis clara posible. E ao final do día, iso é só ser un bo comerciante.

Ademais, a case todos gústalles ver a inclusión na publicidade. Segundo unha enquisa recente de Google, o 64 % das persoas realizou unha acción despois de ver un anuncio que consideraba inclusivo.

9 consellos de deseño inclusivo para xestores de redes sociais

1. Facer o texto accesible

Escribir con claridade fai que o texto sexa máis accesible e comprensible. E iso beneficia a todos. É tan sinxelo coma iso.

Antes de premer en publicar, considera como as ferramentas de asistencia, como os lectores de pantalla, lerán o teucopiar. Que pasa coas persoas que están a aprender inglés como segunda lingua? Ou aqueles con dificultades de aprendizaxe ou familiaridade limitada co tema?

Aquí tes algúns consellos de deseño inclusivo para o texto:

• Escribe en linguaxe sinxela: Evita a xerga , argot ou termos técnicos a non ser que sexan apropiados. Non te preocupes. Podes facelo sen comprometer a voz da marca
• Non abuses das maiúsculas . As maiúsculas completas poden ser difíciles de ler e malinterpretadas polos lectores de pantalla.
• Utiliza maiúsculas e minúsculas para os hashtags de varias palabras . Escriba a primeira letra de cada palabra en maiúscula para facer que os hashtags sexan máis lexibles e evitar problemas cos lectores de pantalla.

PSA...

blacklivesmatter é pronunciado polo software lector de pantalla algo así como "black live (o verbo ) smatter"

BlackLivesMatter anúnciase como era de esperar: "as vidas negras importan"#Redes sociais #Accesibilidade

— Jon Gibbins (@dotjay) 9 de xullo de 2020

• Poñer hashtags e mencións ao final. Os lectores de pantalla len en voz alta os signos de puntuación. Teña en conta como os hashtags ou as mencións @ poden interromper a copia.
• Evita dicir "fai clic aquí". Usa chamadas á acción descritivas como: Rexístrate, Probao gratis ou subscríbete. .
• Limita o uso de emojis. Os emojis e as emoticonas (é dicir, ¯\_(ツ)_/¯ ) len en voz alta a tecnoloxía de asistencia. Isto significa que a xente escoitará cousas como "cara chorando forte" ou "monto de caca". Antes de usar un, mira comotradúcese a texto.
• Utiliza un tamaño de letra adecuado. Asegúrate de que o texto sexa lexible, especialmente cando se usa en imaxes ou áreas que non se poden modificar.
• Evita os caracteres especiais . Ademais da reducida lexibilidade, VoiceOver e outras ferramentas de axuda len os formatos especiais de forma moi diferente.

Ti 𝘵𝘩𝘪𝘯𝘬 é 𝒸𝓊𝓉ℯ 𝘄𝗿𝗶𝘄𝗿𝗶𝘁𝗿𝗶𝘁𝗿𝗶𝘁 aos teus chíos𝖖𝗶𝘁𝖍 nome de usuario. Pero 𝙡𝙞𝙨𝙩𝙚𝙣𝙚𝙙 para que 𝘴𝘰𝘶𝘯𝘥𝘴 𝘭𝘪𝘬𝘦 con tecnoloxías de asistencia como 𝓿𝓥𝓿𝓥𝓿𝓥𝓿 pic.twitter.com/CywCf1b3Lm

— Kent C. Dodds 🚀 (@kentcdodds) 9 de xaneiro de 2019

• Lonxitude límite da liña . As liñas demasiado longas poden interferir coa lexibilidade e a retención.
• Utiliza unha linguaxe inclusiva . Evita as linguaxes capaces, quédase con pronomes e termos neutros de xénero, comparte voces e emojis diversos e avalía o texto por supostos de puntos de vista limitados.

//www.instagram.com/p/CE4mZvTAonb /

2. Proporciona subtítulos descritivos de imaxes

Os subtítulos descritivos e o texto alternativo (tamén coñecido como texto alternativo) permiten que as persoas visualicen imaxes cando non poden velas. Segundo WebAIM, unha organización sen ánimo de lucro con Center for Persons with Disabilities, o texto alternativo faltante ou ineficaz é o aspecto máis problemático da accesibilidade web.

Varias plataformas de redes sociais usan tecnoloxía de recoñecemento de obxectos para ofrecer texto alternativo automático. Obviamente, hai límites á súa fiabilidade. Ésempre é mellor engadir unha descrición personalizada cando poidas.

Facebook, Twitter, Instagram e LinkedIn proporcionan campos específicos para que engadas texto alternativo para imaxes e GIF (tamén podes engadir texto alternativo con SMMExpert). Cando non sexa posible engadir texto alternativo, inclúa subtítulos descritivos.

Se estás aburrido de verme pedirlle á xente que describa as súas fotos, imaxina o aburrido que estou:

1. escribindo o mesmo unha e outra vez.

2. Pasando por esta aplicación e preguntándote que é tan divertido/molesto/importante sobre esa foto.

— Holly Scott-Gardner (@CatchTheseWords) 25 de setembro de 2020

Consellos para escribir texto alternativo descritivo :

• Transmitir o contido : hai unha gran diferenza entre "Imaxe dun gráfico" e algo así como "Un gráfico de barras ilustra que houbo un ano máis de aumento anual dos incendios forestais, alcanzando un máximo de 100 este ano."
• Omite dicir "imaxe de" ou "fotografía de". " O Royal National Institute of Blind People di que a maioría dos lectores de pantalla prefiren ti non o fagas.
• Menciona a cor se é importante para comprender a imaxe.
• Comparte humor . O texto descritivo non ten que ser excesivamente formal e debería facer todo o posible para expresar o que é divertido.
• Transcribe o texto . Se a imaxe ten unha copia que é fundamental para o seu significado, asegúrate de incluíla na descrición.
• Aprende dos mellores : WebAIM ofrece consellos e variosexemplos, e a presentación da redactora Ashley Bischoff é moi útil.
• Non esquezas os GIF . Twitter fixo recentemente que o texto alternativo fose unha opción para os GIF. Se a plataforma non admite texto alternativo, inclúa unha descrición na acción.

Normalmente, non tes que dicir "imaxe de" ou "fotografía de". Só ten que describir o que transmite a imaxe: o que se pretende que o usuario saque velo. Algúns exemplos:

— Robot Hugs (@RobotHugsComic) 5 de xaneiro de 2018

3. Inclúe subtítulos de vídeo

Os subtítulos son esenciais para os espectadores con discapacidade auditiva. Tamén melloran a experiencia de visualización para as persoas que ven no seu idioma non nativo ou para os espectadores en ambientes de son apagado. Os subtítulos incluso benefician aos nenos que aprenden a ler.

😳😳😳😂 grazas @AOC!!!!!!

Aprendín moito de ti grazas aos teus subtítulos. Grazas por ser inclusivo para 466 millóns de persoas xordas! //t.co/792GZFpYtR

— Nyle DiMarco (@NyleDiMarco) 28 de marzo de 2019

Probas internas en Facebook descubriron que os anuncios de vídeo que inclúen subtítulos aumentan un 12 % no tempo de visualización en media. Os subtítulos tamén axudan á lembranza. Varios estudos demostraron que as persoas que ven vídeos con subtítulos teñen máis probabilidades de lembrar o contido.

Facebook : xera subtítulos automaticamente, escríbeos vostede mesmo ou cargue un SubRip (.srt) arquivo. Os subtítulos automáticos tamén están dispoñibles para FacebookLive and Workplace Live.

YouTube : xera subtítulos automaticamente, transcribeos ou carga un ficheiro compatible. Os erros pódense corrixir co editor de subtítulos. Os subtítulos automáticos están dispoñibles en inglés para YouTube Live. Descontinuáronse os subtítulos da comunidade, que permitían que as contas puidesen realizar subtítulos e traducións en grupo.

Instagram : agora os subtítulos automáticos están dispoñibles para IGTV Live e IGTV. En caso contrario, os subtítulos dos vídeos deben gravarse ou codificarse previamente. Engade subtítulos ás túas historias de Instagram e aos vídeos de TikTok e Snapchat, con texto personalizado. Cliptomatic axuda con isto.

Twitter : carga un ficheiro .srt co teu vídeo. Twitter tamén está a traballar para engadir subtítulos automáticos ao vídeo e ao audio a principios de 2021.

LinkedIn : carga un ficheiro .srt co teu vídeo.

Cando os campos de texto alternativo non están dispoñibles, inclúa unha descrición no subtítulo. Este é o formato habitual: descrición da imaxe: [descrición da imaxe].

PD: SMMExpert permíteche cargar ficheiros de subtítulos xunto aos teus vídeos sociais en Compose, para que poidas publicar vídeos facilmente con subtítulos.

Ademais dos subtítulos, aquí tes algunhas cousas máis que podes facer para crear vídeos silenciosos moi visibles para as redes sociais.

4. Engadir descricións de vídeos

A diferenza dos subtítulos, que normalmente son unha transcrición de diálogos falados, a linguaxe descritiva indicaas vistas e os sons importantes que non se falan. Imaxina como aparece a escena da tarxeta de referencia en Love Actually para un espectador cego. Ou mirando a escena en Fight Club onde o personaxe de Edward Norton se bate a si mesmo.

Retote a que disfrutes dun programa de televisión usando audiodescrición. Mergúllate no mundo do audio e experimenta un programa de televisión ou unha película desde a perspectiva de #SightLoss que nunca sabes que podes sacar moito del. @sibbymeade @guidedogs @seandilleyNEWS @TPTgeneral pic.twitter.com/oMSjE7nduv

— Martin Ralfe – Cans guía (@MartinRalfe_GDs) 14 de setembro de 2020

Hai algunhas formas de proporcionar descricións:

• Audio descritivo . O vídeo descrito é a descrición narrada de calquera elemento non verbal importante do teu vídeo. Esta pista está escrita e gravada para encaixar nas lagoas entre elementos de audio importantes. Nas redes sociais, o vídeo descrito adoita estar integrado e non se pode desactivar.
• Transcrición descritiva . Ás veces, chamadas transcricións de medios alternativos, estas transcricións ofrecen descricións xunto co diálogo, como un guión.
• Vídeo descrito en directo . Os anfitrións de vídeo en directo deben estar familiarizados coas técnicas de vídeo descritivo, facendo pausas para describir o que está a suceder na pantalla. Accessible Media Inc. ten unha guía de boas prácticas.

5. Use un contraste de cores de polo menos