AccessBoost, o curso mais completo que você já viu (ou não viu) sobre acessibilidade digital.
Muito obrigado!
Obrigado a todas as pessoas que entraram no AccessBoost...
As inscrições para o curso mais completo de acessibilidade criado até hoje se encerraram em 16 de fevereiro de 2024.
Se você é uma das quase 800 pessoas que fazem parte de uma das 3 turmas em andamento do curso, meu agradecimento de coração pela confiança em meu trabalho! :)
Se você não for uma das pessoas inscritas, vou deixar aqui dois depoimentos que recebi de duas alunas (valeu Rafa e Marina!) das turmas 2 e 3 respectivamente, pouco antes das inscrições se encerrarem:
Se você queria entrar pra uma das turmas, mas não conseguiu, fique atento aos movimentos do mestre ninja em algum local dessa página... ele vai trazer algumas mensagens pra você em algum momento! ;)
Mensagem para pessoas inscritas nas turmas...
Tamo junto pessoal... estou correndo aqui pra finalizar as aulas restantes. Lembrando que até o momento já estão publicadas cerca de 102 horas de conteúdo. Faltam aproximadamente 30 horas pra finalizar tudo e já estamos na reta final.
Os primeiros certificados já estão sendo preparados e eles começarão a ser emitidos assim que as aulas forem publicadas e os primeiros desafios propostos começarem a ser entregues.
Todas as demais comunicações, serão mantidas em nossos grupos de apoio.
Mensagem para pessoas que não se inscreveram nas turmas...
O mestre ninja sabe das coisas... ele não irá te desapontar e em breve irá trazer novidades.
Enquanto as novidades não chegam, talvez você queira saber um pouco mais sobre Carreiras com foco em acessibilidade. Se esse assunto te interessar, acesse o site Carreiras em Acessibilidade link externo - abre em uma nova janela e já comece a se preparar com o que você precisa aprender para cada área de atuação... o mestre ninja irá te ajudar com isso no futuro!
Por curiosidade, qual é o conteúdo que faz parte deste curso?
É importante dizer que não existe nenhum outro curso no mundo que ofereça a mesma quantidade de conteúdo e a mesma forma de exemplificar (exemplos reais e que são partes de minha vivência com acessibilidade em grandes empresas).
O Accessboost é o único curso em português do Brasil que está listado na grade curricular do W3C link externo - abre em uma nova janela.
O curso é composto por 19 módulos e mais de 190 aulas diferentes e relacionadas entre si. Cada aula possui referências adicionais (algumas aulas contam com mais de 80 referências complementares) e há um total de mais de 3000 exemplos construídos exclusivamente para os diferentes módulos. Entre as aulas existem ferramentas desenvolvidas exclusivamente para estudantes, como a planilha de análise heurística ou a planilha de avaliação e testes para WCAG e há também um laboratório de testes exclusivo para estudantes criado essencialmente para o curso.
Ementa completa do curso:
-
-
Trilhas: Design Dev Conteúdo Qualidade Produto Liderança
Aulas: 5 aulas
- Boas-vindas
- Compreendendo a estrutura deste curso
- Sugestão para planejar os seus estudos
- Vontade de aprender versus pressa pra entender
- A diferença entre entender algo e resolver problemas
- Quem é Marcelo Sales e como me tornei especialista de acessibilidade?
- Pra simplificar, você precisa compreender a complexidade
- Repensando a educação no design
- Como este curso pode ajudar em sua carreira? (seja ela qual for)
- Boas-vindas
-
-
Trilhas: Design Dev Conteúdo Qualidade Produto Liderança
Aulas: Aproximadamente 20 aulas
- O que verdadeiramente é acessibilidade?
- acessi + bilidade
- Pra quem realmente estamos fazendo acessibilidade?
- Como podemos impactar o futuro?
- Acessibilidade é Design!
- Onde está a acessibilidade no processo de design?
- Design versus Decoração versus Estética
- E o tal do "design emocional", cadê?
- Perspectivas...
- do Negócio
- do Conteúdo
- da Interação
- da Usabilidade
- do Visual
- do Código
- da Pessoa
- Sobre pessoas...
- Vivendo em bolhas na sociedade
- Diversidade versus Inclusão versus Acessibilidade
- Dados e números são apenas dados e números
- TIC (Tecnologia de Informação e Comunicação) e a Pessoa com Deficiência
- Modelo Médico versus Modelo Social versus Modelo Biopsicossocial
- Tipos de deficiência e por que não pensar (apenas) neles?
- Entendendo o funcionamento de Tecnologias Assistivas
- Tecnologias assistivas para o desktop
- Tecnologias assistivas para o celular
- Tecnologias assistivas diversas
- Como pessoas com deficiências usam a internet?
- Como pessoas sem deficiências usam a internet?
- crianças e idosos
- canhotos
- pessoas que não sabem ler ou escrever
- pessoas que não tem acesso a internet
- pessoas que (ainda) não sabem usar tecnologias
- [insira quem você lembrar aqui]
- Tudo é acessibilidade!
- Acessibilidade não é uma caixinha isolada
- O que o Fogo, a Terra, a Água e o Ar tem a ver com acessibilidade?
- O que verdadeiramente é acessibilidade?
-
-
Trilhas: Produto Liderança
Aulas: Aproximadamente 25 aulas
- O que você precisa saber sobre legislação e como ela pode afetar o seu produto?
- eMAG versus WCAG
- LBI (Lei Brasileira de Inclusão)
- Abrangência Federal versus Abrangência Estadual
- Normas ABNT
- ISO/IEC 40500:2012
- ADA (Americans with Disabilities Act) - Section 508
- LATAM - Legislação na América Latina
- Demais países e legislações vigentes
- LGPD, CCPA, GDPR e a acessibilidade
- ESG (Environmental, Social and Governance) e a acessibilidade
- "Privacy by Design" e a acessibilidade
- Por que sua empresa deveria aderir ao "Contract for the Web"?
- "Selos" de Acessibilidade, por que não precisamos tê-los?
- "Accessibility Statements" (Declaração de Acessibilidade)
- Criando uma política para seu produto ou serviço (visão empresa)
- Definindo o nível de conformidade
- Definindo o escopo da política
- Definindo objetivos de atingimento
- Definindo o envolvimento de terceiros e fornecedores
- Definindo um processo de revisão das políticas
- Criando uma política para seu produto ou serviço (visão empresa)
- O que fazer quando um produto ou serviço não é acessível?
- Como abordar a empresa?
- Como acionar o Ministério Público?
- Como o Ministério Público age?
- O que fazer quando o seu produto não é acessível e você recebe uma notificação do Ministério Público?
- Primeira lição: Não tenha pressa pra resolver!
- Segunda lição: Reforce a primeira lição
- Terceira lição: Elabore um plano
- Entenda como elaborar um plano nessa situação
-
-
Trilhas: Design Dev Conteúdo Qualidade Produto Liderança
Aulas: Aproximadamente 10 aulas
- Dicas fundamentais pra você começar a trabalhar com acessibilidade
- Liberte-se do ego
- Pare de comparar o seu trabalho
- Pare de pensar em ferramentas
- Mas entenda como usar as ferramentas...
- Pare de reclamar do tempo
- Pare de botar a culpa nos outros
- Pare de repetir as soluções
- Tenha "contatinhos"
- Antes de você se declarar "especialista" em algo, entenda uma coisa aqui...
- O mal do "senior" que acha que é "senior" em tudo
- Uma coisa de cada vez e sem pressa
- Quem é o profissional de acessibilidade?
- O que é e qual o escopo de atuação de Accessibility Champions?
- Níveis de maturidade e proficiência
- Conhecimentos necessários para cada área de atuação
- Negócios, Marketing, Conteúdo, Design, Tecnologia, Qualidade e Liderança
- Hard Skills versus Soft Skills
- Como estruturar sua carreira pra focar em acessibilidade?
- Vale a pena tirar uma certificação internacional?
- Sobre a evolução da maturidade do mercado (Brasil e exterior)
- Sobre Profissionais e Vagas (Brasil e Exterior)
- Dicas fundamentais pra você começar a trabalhar com acessibilidade
-
-
Trilhas: Design
Aulas: Aproximadamente 5 aulas
- Da Ciência da Computação a Interação Humano-computador (HCI)
- Da Engenharia de Fatores Humanos (HFE) ao Design Centrado no Ser Humano (HCD)
- Do Design Industrial ao Design de Interação
- Tolerância ao Erro, heurísticas e a acessibilidade:
- Heurísticas de usabilidade (J. Nielsen)
- Princípios do design universal (R. Mace)
- Princípios de design de código (T. Berners-Lee)
- Princípios do design (D. Norman)
- Princípios do design de interação (B. Tognazzini)
- Uma breve história da tecnologia acessível
-
-
Trilhas: Produto Liderança
Aulas: Aproximadamente 15 aulas
- O que Game of Thrones e Jornada de Usuário pode nos ensinar sobre produtos acessíveis?
- O que motiva uma pessoa ou empresa a trabalhar com acessibilidade?
- Onde você ou a sua empresa quer chegar?
- Os desafios no caminho
- As oportunidades no caminho
- Os verdadeiros impactos da acessibilidade para o produto e para o negócio
- Impacto no Uso
- Impacto na Satisfação
- Impacto na Marca
- Impacto no Consumo
- Qual é o tamanho do mercado da acessibilidade?
- Será que essa é a preocupação real que devemos ter?
- Como fica o ROI?
- O "real" custo da acessibilidade
- O "real" retorno que a acessibilidade pode trazer
- Será que essa é a preocupação real que devemos ter?
- Como Apple, Google e Microsoft lidam com a acessibilidade em seus produtos?
- VPAT (Voluntary Product Accessibility Template)
- Não, essas (e outras) empresas não nasceram "inclusivas"
- Acessibilidade como inovação ou inovação como acessibilidade?
-
-
Trilhas: Produto Liderança
Aulas: Aproximadamente 20 aulas
- Você realmente quer mudar ou apenas seguir a onda?
- As principais desculpas para não se aplicar acessibilidade...
- Do checklist ao Processo Cultural
- Como você vai mudar sem alguém pra cuidar?
- Como você vai mudar sem alguém "preparado" pra mudar?
- Time A quer de um jeito, Time B quer de outro, time C não se preocupa...
- Governança, não há mudança sem ela
- Deixando claro qual é o seu problema e o seu objetivo
- Por que aplicar acessibilidade é difícil?
- O "gap" do conhecimento
- O "gap" do comportamento
- O "gap" da empatia e alteridade
- O "gap" da comunicação
- O "gap" do investimento
- O conceito deturpado da "entrega WOW"
- A abordagem equivocada da "automatização de tudo"
- Por que ferramentas do tipo "overlay tools" não te ajudam em (quase) nada?
- Como identificar ferramentas que verdadeiramente te ajudarão no processo?
- Identificando uma cultura tóxica de acessibilidade
- Como a acessibilidade se encaixa em processos que você já conhece...
- Acessibilidade e a "Gestão de Mudanças"
- Acessibilidade e a "Metodologia Ágil"
- Acessibilidade e o "Design Thinking"
- Acessibilidade e o "Jobs to be Done"
- Acessibilidade e a "Transformação Digital"
- Acessibilidade e os mundos "VUCA" e "BANI"
- Aulas EXTRAS (disponibilizadas a partir de 14 de Fevereiro de 2022)
- Como a indústria dos games pode nos ensinar a criar produtos mais inclusivos?
- Do planejamento aos lançamentos e produção
- O conceito da "alteração fundamental"
- GAG - Game Accessibility Guidelines
- APX - Accessible Player Experiences
- XAG - Xbox Accessibility Guidelines
- Como a indústria de filmes podem nos ensinar a criar produtos mais inclusivos?
- Da ideia ao roteiro
- O papel do Produtor e do Diretor
- Do dinheiro em caixa aos investidores
- Da decupagem aos storyboards
- O envolvimento da pesquisa na produção
- Da cena isolada ao ciclo de temporadas sem fim
- Da emoção da trilha sonora ao processo de legendagem
- Da contratação do elenco ao trabalho atrás das câmeras
- Dos resultados inesperados as críticas favoráveis
- Como a indústria de parques de diversões podem nos ensinar a criar produtos mais inclusivos?
- Do planejamento aos lançamentos dos parques
- Da identidade visual a sinalização de tudo
- A importância de entender o seu público
- Da capacitação as parcerias comerciais
- Do Hopi Venturi ao Disney Institute
- Como a operação de uma cozinha de restaurante pode nos ensinar a criar produtos mais inclusivos?
- Do pedido do cliente ao backlog na cozinha
- Do "mise en place" a entrega do prato
- Experiências gastronômicas são únicas
- Da satisfação a reclamação
- Como a indústria dos games pode nos ensinar a criar produtos mais inclusivos?
- Você realmente quer mudar ou apenas seguir a onda?
-
-
Trilhas: Produto Liderança
Aulas: Aproximadamente 25 aulas
- O conceito "Shift Left"
- Por que a acessibilidade não é aplicada adequadamente em produtos ou serviços
- ...sob a ótica da série Chernobyl da HBO
- ...sob a ótica do 7 a 1 da seleção
- ...sob a ótica do filme "Fome de Poder"
- ...sob a ótica da vida, do universo e tudo o mais
- A velha "briga" entre academia versus indústria
- Do "design estratégico" a "maturidade de acessibilidade"
- AMM - Accessibility Maturity Model
- Conduzindo o processo em sua empresa
- Identificando as barreiras digitais
- Identificando áreas responsáveis e pessoas-chave
- Trabalhando com empresas terceiras, consultorias, fornecedores e similares
- Trabalhando com plugins e ferramentas de terceiros
- Iniciando uma pequena "guilda" ou um time de "pontos focais"
- Evoluindo os times: Equipe centralizada ou descentralizada?
- Desmistificando o tema para a empresa
- Convencendo C-levels e stakeholders a investir em acessibilidade
- Promovendo capacitação dos times
- Desenvolvendo uma documentação
- Criando um plano de comunicação
- Ciclo de Vida do Produto
- Existe acessibilidade no MVP?
- Não assuma que seu produto não contempla pessoas com deficiências
- User Stories
- Critérios de aceite
- Priorizando problemas
- "Growth" a qualquer custo?
- Teste A/B de acessibilidade?
- E quanto aos Redesigns?
- Indo além do produto...
- O "entorno" de um site
- O "entorno" de um app
- Seu produto precisa chegar até as pessoas de alguma forma
- Accessibility Ops: O caminho natural para escalar
- Quando eu posso dizer que o meu produto ou serviço está acessível?
-
-
Trilhas: Produto Liderança
Aulas: Aproximadamente 12 aulas
- Sem estabeler o "output", vai ficar difícil chegar no "outcome"
- Primeiro vamos saber de onde partimos...
- A escolha do modelo de métricas é contextual
- NSM (North Star Metric) aplicada a acessibilidade
- Fugindo da famigerada métrica de vaidade...
- Sua "nota linda" no validador não passa de uma "nota linda" no validador
- Medindo a acessibilidade
- SUM ou PURE?
- GOMS ou KLM?
- APT (Accessibility Priority Tool)
- AUS (Accessibility Usability Scale)
- Google Analytics para acessibilidade?
- A solução ideal pode ser a criação de uma métrica própria
- O que medir em cada etapa?
- Quem se responsabiliza pelas métricas?
-
-
Trilhas: Design Dev Conteúdo Qualidade Produto
Aulas: Aproximadamente 75 aulas
- O que é a WCAG?
- Quem organiza os critérios da WCAG e como eles são evoluídos?
- Como a WCAG é estruturada?
- Princípios e Recomendações
- Anatomia de um Critério de Sucesso
- Abordagem técnica versus Abordagem Humana
- WCAG versus ATAG versus UAAG
- W3C Working Groups
- Quais são, como funcionam e como você pode participar?
- O que é estar em conformidade com a WCAG?
- Elementos, Telas completas e Processos completos
- WCAG não é o fim, apenas o "básico bem feito"
- A origem do "Acessibilidade Toolkit" e do "Guia WCAG"
- Criando um plano de estudos aprofundado da WCAG
EXCLUSIVIDADE: Utilizaremos durante essas aulas uma ferramenta exclusiva e autoral já utilizada pelo professor em outros cursos, mas com aprimoramentos exclusivos para este.
- Definindo as responsabilidades dos times
- Entendendo a WCAG de uma vez por todas... critério por critério:
- 1.1.1 - Conteúdo não textual
- 1.2.1 - 1.2.9 - Apenas audio ou vídeo
- 1.2.2 - 1.2.4 - Legendas
- 1.2.3 - 1.2.5 - 1.2.7 - 1.2.8 - Audiodescrição ou mídia alternativa
- 1.2.6 - Língua de Sinais
- 1.3.1 - Informações e Relações
- 1.3.2 - Sequência com significado
- 1.3.3 - Características sensoriais
- 1.3.4 - Orientação
- 1.3.5 | 1.3.6 - Identificando objetivos
- 1.4.1 - Utilização de cores
- 1.4.2 | 1.4.7 - Áudios
- 1.4.3 | 1.4.6 | 1.4.11 - Contrastes
- 1.4.5 | 1.4.9 - Imagens de texto
- 1.4.8 - Apresentação visual
- 1.4.10 - Refluxo (Reflow)
- 1.4.12 - Espaçamento de texto
- 1.4.13 - Conteúdo em foco por mouse ou teclado
- 2.1.1 - 2.1.2 - 2.1.3 - Teclados
- 2.1.4 - Atalhos de teclado por caractere
- 2.2.1 - 2.2.3 - 2.2.6 - Limites de tempo
- 2.2.2 - Colocar em pausa, parar ou ocultar
- 2.2.4 - Interrupções
- 2.2.5 - Nova autenticação
- 2.3.1 - 2.3.2 - Flashes
- 2.3.3 - Animações de interações
- 2.4.1 - Ignorar blocos
- 2.4.2 - 2.4.6 - 2.4.10 - Títulos , Cabeçalhos e Rótulos
- 2.4.4 - 2.4.9 - Links
- 2.4.5 - Várias formas
- 2.4.7 - 2.4.11 - 2.4.12 - Foco Visível e Aparência
- 2.4.8 - Localização
- 2.5.1 - Gestos de Acionamento
- 2.5.2 - Cancelamento de acionamento
- 2.5.3 - Rótulo no nome acessível
- 2.5.4 - Atuação em movimento
- 2.5.5 - 2.5.8 - Tamanho e Espaçamento da área clicável
- 2.5.6 - Mecanismos de entrada simultâneos
- 2.5.7 - Arrastar (Dragging)
- 3.1.1 - 3.1.2 - Idiomas
- 3.1.3 - 3.1.4 - Jargões e Abreviações
- 3.1.5 - Nível de leitura
- 3.1.6 - Pronúncia
- 3.2.1 - Em foco
- 3.2.2 - Em entrada
- 3.2.3 - 3.2.4 - Consistências
- 3.2.5 - Alteração a pedido
- 3.2.6 - 3.3.5 - Ajuda
- 3.2.7 - Controles ocultos
- 3.3.1 - 3.3.3 - Erros
- 3.3.2 - Rótulos, instruções
- 3.3.4 - 3.3.6 - (Prevenção de erros)
- 3.3.7 - Autenticação acessível
- 3.3.8 - Entrada redundante
- 4.1.1 - Análise (código)
- 4.1.2 - Nome, função e valor
-
-
Trilhas: Design Conteúdo Qualidade
Aulas: Aproximadamente 60 aulas
- O real problema da (falta de) acessibilidade é a comunicação!
- 5 chances para algo dar errado em sua comunicação
- "Ninguém lê nada" é a desculpa perfeita para quem não sabe se comunicar
- Problemas diferentes pedem conteúdos e formatos diferentes
- Content First: Tudo começa pelo conteúdo!
- Mobile First versus Content First
- A importância da Linguagem Clara e Simples
- A importância da Arquitetura de Informação
- Taxonomia e a Acessibilidade
- "CSS Zen Garden" desde 2003 "ensinando" sobre conteúdo estruturado
- SEO
- Especialistas de SEO versus Especialistas de Acessibilidade
- Otimizar para robôs ou para humanos?
- Onde verdadeiramente há conflitos entre a acessibilidade e o SEO?
- Linguagem neutra
- Uso do "@", "X", "E" e similares
- O mito por trás do leitor de telas
- O dilema por trás dos diferentes pontos de vista
- Descrição de Imagens
- A importância dos contextos
- Descrever cores para quem não vê cores, como assim?
- Imagem decorativa versus informativa versus funcional
- Boas práticas para descrever gráficos de todos os tipos
- Técnicas para imagens complexas
- Vídeo e Áudio
- Legendas abertas versus legendas fechadas
- Transcrição versus Áudiodescrição
- Áudiodescrição ou Autodescrição?
- Língua de Sinais
- Nome acessível
- O que é o "nome acessível"?
- Onde e como usar o "nome acessível"?
- Prefixos, sufixos e "complementos"
- Elementos estruturais
- TL;DR (Sem tempo, irmão!)
- Títulos: o principal método utilizado por quem não enxerga
- Links: do "saiba mais" ao "pular para o conteúdo"
- O parágrafo que não é parágrafo
- Listas: ordenadas versus não ordenadas versus de definição
- Gírias, metáforas, figuras de linguagem, abreviações e acrônimos
- Pronúncia
- Ajuda contextual versus Ajuda humanizada
- Mensagens de status e warnings
- Pontuações versus Símbolos versus Equações
- Emoticons versus Emojis
- Formulários
- A intersecção do visual com o conteúdo
- Conteúdo Ok, Visual Ok, mas ainda errado. O que faltou?
- Label versus Floting Label versus Placeholder
- Prevenção de erros versus Ajuda pra resolver
- Mensagem de Erro versus Sumário de Erro
- Os agrupamentos e a falta que faz um "legend"
- Idioma
- Internacionalização versus Localização
- Pensando o seu conteúdo para quem não sabe o seu idioma
- Orientação da escrita: direita para esquerda, esquerda para direita
- Idioma da página versus Idioma de partes de uma página
- Documentos
- Como funciona a acessibilidade em documentos fechados (PDF, ePUB, etc)
- Como funciona a acessibilidade em documentos abertos (doc, ppt, etc)
- Efetuando referências para documentos
- E-mail
- Boas práticas para e-mails acessíveis
- Redes Sociais
- O que é relevante e o que não é...
- LinkedIn, Facebook, Instagram, Twitter e suas peculiaridades
- Devo usar o texto alternativo ou descrever direto na legenda do post?
- #PraCegoVer, #PraTodosVerem, #DescriçãoDeImagem
- CamelCase na hashtag, o que é e por que isso é importante?
- O real problema da (falta de) acessibilidade é a comunicação!
-
-
Trilhas: Design Qualidade
Aulas: Aproximadamente 40 aulas
Importante: Este não é um curso sobre a criação de interfaces ou layouts e você não aprenderá a construir uma interface do zero. Se você estiver procurando por isso, recomendo acessar o site do curso UI boost link externo - o link abre em uma nova janela.
A ideia deste módulo é fazer com que a pessoa que já trabalha com a criação de interfaces digitais compreenda como pode melhorar e evoluir a sua criação para muito "além da tela". E se você ainda não trabalha com a criação de interfaces, entenderá de uma forma simplificada, como identificar boas práticas inclusivas pra tudo (ou quase tudo) o que você vê por aí.
- A abordagem visual da interface para a acessibilidade
- Não, não vou falar da ferramenta [insira o nome da sua preferida aqui]
- Por que você NÃO precisa seguir a "onda do momento" (seja ela qual for nesse momento)
- Uma interface bonita É importante, mas uma interface SÓ bonita não é
- A importância do Design de Interação para a acessibilidade
- Compreendendo como o "affordance" se relaciona com a acessibilidade
- Aliás, explicando affordance para "não designers"
- O que unidades de medidas e densidade de telas tem a ver com acessibilidade?
- Medidas relativas versus Medidas fixas
- 1px NÃO é um pixel
- Pixel Perfect versus Funcionalidade
- Qual elemento usar e onde usar?
- Erros mais comuns cometidos no UI
- Estrutura da interface
- A ordem dos elementos na tela importa
- A direita ou a esquerda, em cima ou embaixo?
- Agrupamento de elementos, o que é isso?
- Jamais esqueça de definir o estado de "foco" nos elementos
- Onde eu clico ou toco?
- A importância da aparência clicável
- Áreas clicáveis e adjacentes
- O que é área de clique ou toque?
- Qual é o tamanho mínimo necessário?
- Gestos
- O gesto que você acha simples, pode não ser tão simples assim
- Interações baseadas em gestos específicos
- Elementos "quebráveis" e "ocultos"
- O layout que você vê não é o mesmo que você ouve
- "Link Externo" e o motivo de não usar "target blank"
- Quebrar a linha ou incluir 3 pontinhos?
- Deu zoom e deu ruim!
- Botões sem labels visíveis, e agora?
- O mistério da navegação através do menu invisível
- Accordion e o dilema do "fechado" e "aberto"
- E o menu flutuante, como fica?
- Captcha tem jeito?
- Dando jeito no QR Code
- Feedbacks visuais
- A matemática do foco visível
- Por que botões não devem ter um cursor de mão, mas sim uma seta?
- A ordem do foco importa
- Mensagens, onde eu as coloco?
- Olhinho aberto para fechar, Olhinho fechado para abrir. Não, péra!
- Por quê Play/Stop é de um jeito e Volume On/Off é de outro?
- Skeletons, loadings e afins...
- Feedbacks não visuais
- Botão é botão, link é link!
- Você precisa (de verdade) parar de pensar só no visual
- Controles hápticos
- Sim, vibrações também podem representar algo visual
- Animações
- Complementar sim, essencial não
- Microinterações... do visual ao não visual
- Interações avançadas como "drag'n'drop" tem solução?
- Cores
- Não é só com o contraste que você precisa se preocupar, ok?
- Mas, como trabalhar seus contrastes de uma vez por todas!
- O que muda entre a WCAG 2.x e WCAG 3.0
- Compreendendo o APCA (Advanced Perceptual Contrast Algorithm)
- Dark Mode versus Light Mode
- Transparências e Degradês
- Não é só com o contraste que você precisa se preocupar, ok?
- Fontes
- Medidas relativas versus Medidas Fixas
- O que torna uma fonte acessível?
- Legibilidade versus Leiturabilidade
- O tamanho do título não tem impacto na hierarquia
- O que realmente importa ao se pensar em fontes?
- Impressão
- Sim, pessoas ainda imprimem coisas, mas dá pra customizar!
- Design para Impressão versus Design para Telas
- A abordagem visual da interface para a acessibilidade
-
-
Trilhas: Design Qualidade
Aulas: Aproximadamente 40 aulas
- Tudo está relacionado a experiências
- Identificando e "copiando com estilo" boas práticas de outros lugares
- Acessibilidade a partir das expectativas
- Por que seus "estudos empíricos" não funcionam com a acessibilidade?
- Usabilidade versus Acessibilidade
- Design Universal versus Design Inclusivo
- Design Inclusivo
- As Dimensões do Design Inclusivo
- Os Princípios do Design Inclusivo
- O que são barreiras e como as criamos sem perceber?
- Compreendendo as diferentes "lentes" da acessibilidade:
- Lente da Estrutura
- Lente da Legibilidade
- Lente do Significado
- Lente do Idioma
- Lente do Tempo
- Lente da Velocidade
- Lente do Controle
- Lente do Teclado
- Lente do Layout
- Lente da Imagem
- Lente do Audio e Vídeo
- Lente da Voz
- Lente da Animação
- Lente do Efeito
- Lente da Fonte
- Lente da Cor
- Pensando em diferentes lentes para o seu produto...
- Leis de UX aplicadas a acessibilidade
- Lei da Região Comum, da Proximidade, da Similaridade e da Conexão
- Occam, Pareto e Postel
- Miller, Jakob, Hick e Fitts
- Doherty e Tesler
- Viéses cognitivos e a acessibilidade
- Usando "gatilhos" sem parecer que são gatilhos
- A complexidade de se compreender estímulos que não são óbvios
- "Você tem até 23:59 pra concluir essa aula!" Apenas pare...
- Análise Heurística de Acessibilidade
EXCLUSIVIDADE: Utilizaremos durante essas aulas uma ferramenta exclusiva já utilizada pelo professor em outros cursos, mas com aprimoramentos exclusivos para este.
- Avaliação Heurística de Usabilidade versus Acessibilidade
- Aplicação em Protótipo versus Aplicação em Produção
- Avaliando "seus produtos" versus "produtos concorrentes"
- Personas
- Úteis ou não para a acessibilidade?
- Evitando uma abordagem equivocada com o uso de personas inclusivas
- Demais entregáveis de UX e como relacionar com a acessibilidade
- Pesquisas com pessoas
- Quando devo efetuar pesquisas com pessoas com deficiência?
- Os diferentes momentos da pesquisa
- Pesquisa ou Teste?
-
-
Trilhas: Design Dev Qualidade
Aulas: Aproximadamente 55 aulas
- Por que o seu design system não é acessível (de verdade)?
- O que seria um sistema acessível "de verdade"? Se ele não é, posso declarar que é?
- Por que a referência que você considera "boa" não é tão boa assim?
- Uma breve história: "de onde partimos", "onde estamos" e "onde podemos chegar"
- A psicologia do Design System que a razão literalmente não enxerga
- Abordagens equivocadas da Acessibilidade no Design System:
- A abordagem equivocada de designers
- A abordagem equivocada de pessoas desenvolvedoras
- A abordagem equivocada de demais pessoas no projeto
- Deixando os equívocos de lado e entregando consistência
- Dos elementos acessíveis aos sistemas acessíveis (de verdade)
- Os "gaps" entre o "elemento OK na documentação", a "entrega em produção" e o "usuário"
- Os "gaps" entre a "intenção de aplicar acessibilidade", a "aplicação parcial" e a "aplicação efetiva"
- Falando em componentes acessíveis...
- Tokens
- O que é importante saber sobre tokens com relação a acessibilidade?
- Quais tokens impactam diretamente na acessibilidade?
- Medidas
- "CSS Pixel Reference" versus Densidade de Pixels na Tela
- PX, EM, VW, VH, VMIN, VMAX, FR... qual usar e onde usar?
- Estrutura
- Flexbox ou CSS Grid? Isso impacta na acessibilidade?
- Header
- Footer
- Regiões
- Cabeçalhos (heading)
- Tabelas (dados tabulares)
- Listas
- Mensagens
- Alertas
- Caixas de Confirmação (dialogs)
- Validação de Formulários
- Toasts
- Navegação
- Breadcrumb
- Menus
- Links
- Paginação
- Pular para conteúdo
- Tabbar
- Carrossel
- Elementos ocultos
- Accordion
- "Mais informações"
- Abas
- Tooltip
- Popover
- Modal
- Formulários
- Botão
- Checkbox
- Inputs
- Radio button
- Select
- Slider
- Switch
- Imagens
- Usando imagens flexíveis de forma assertiva
- Fonte de ícones para ícones? Será que é ideal?
- Sprites versus SVG
- Boas práticas "ocultas"
- CSS Media Preferences
- Reduced Motion
- Reduced Transparency
- Reduced Data
- Contrast
- Color Scheme
- CSS Media Type
- Pseudo-classes
- Foco no "focus" e no "focus-within"
- CSS Media Preferences
- Tokens
- Por que o seu design system não é acessível (de verdade)?
-
-
Trilhas: Dev Qualidade
Aulas: Aproximadamente 12 aulas
Importante: Este não é um curso sobre desenvolvimento e você não aprenderá a desenvolver um site ou aplicativo do zero. Se você estiver procurando por isso, recomendo acessar o site do curso CodeBoost link externo - o link abre em uma nova janela.
No entanto, se você é designer e ainda não compreende o que precisa de fato entender sobre códigos e também diferenciar o que de fato é programação do que não é, este módulo é pra você. Se você trabalha com o desenvolvimento de códigos e ainda não compreende o relacionamento entre código e pessoas, este módulo também é pra você. A ideia aqui é trazer os reais motivos que designers e developers não costumam se entender no dia a dia.
- Começando do começo: eliminando o LIMBO entre os mundos...
- developers precisam entender que SEMÂNTICA é sobre pessoas
- Designers precisam entender que HTML e CSS não é programação
- Uma breve história do Front-end e a importância de 2008
- Front-end versus Design(ers)
- Descomplicando o HTML
- A importância da Semântica (não apenas no HTML)
- Semântica versus Arquitetura de Informação
- HTML é lindo e poderoso, mas não é programação
- Descomplicando o CSS
- O "gap" do conhecimento em CSS e a "culpa" do Box Model
- A lógica por trás da nomeação de classes e onde começam os problemas de acessibilidade
- Quando o CSS pode influenciar a leitura (visual e não visual) de uma página?
- O conceito do "Atomic CSS" e como ele pode te ajudar (ou não)
- Usando variáveis no CSS de forma simples
- CSS é lindo e poderoso, mas não é programação
- Descomplicando a estrutura
- DOM, CSSOM, Render Tree
- Accessibility Tree
- Descomplicando o WAI-ARIA
- Primeira regra: Não use ARIA!
- Segunda regra: Reforce a primeira regra
- Terceira regra: Se realmente precisar usar, entenda alguns pontos
- Descomplicando o código da acessibilidade
- Acessibilidade Web versus Acessibilidade Mobile
- Acessibilidade no Android
- Acessibilidade no iOS
- Acessibilidade em Frameworks e Bibliotecas
- Começando do começo: eliminando o LIMBO entre os mundos...
-
-
Trilhas: Design Dev Qualidade
Aulas: 8 aulas
- Performance tem tudo a ver com acessibilidade
- Como tudo o que você vê ou ouve na interface impacta na acessibilidade?
- Progressive Enhancement versus Graceful Degradation
- Entendendo a renderização da sua interface
- Entendendo a "árvore da acessibilidade"
- Responsabilidades de designers, developers e demais pessoas do time
- Como o uso de frameworks, bibliotecas e plugins afetam a acessibilidade?
- Entendendo como o "RAIL model" afeta a acessibilidade
- Resposta, Animação, Ociosidade e Carregamento
- Entendendo como o "Web Core Vitals" afeta a acessibilidade
- FCP, LCP, TBT e CLS
-
-
Trilhas: Design
Aulas: Aproximadamente 15 aulas
- A melhor documentação será aquela organizada com todo o time
- Uma documentação eficiente é baseada no design de interação de cada elemento
- Você também pode se basear na semântica, mas...
- Por que uma "tela bonita" não pode ser apenas uma tela bonita
- Design de Interação versus Arquitetura de Informação versus Tecnologias Assistivas
- Organizando a sua documentação
- Feedback
- Comportamento
- Conteúdo
- Aquele "algo a mais"...
- Passo a passo na especificação de seus layouts
- Especificação de Sites versus Especificação de Apps
- Criando uma biblioteca de documentação visando a consistência entre os times
- Onde criar e como organizar sua biblioteca
- Relacionando a sua documentação com outras já existentes
- Mantendo a documentação "viva"
- Boas práticas e modelos utilizados no mercado
-
-
Trilhas: Dev Qualidade Produto
Aulas: Aproximadamente 75 aulas
- A abordagem equivocada das "7 dicas de acessibilidade"
- A abordagem equivocada do uso de checklists
- Usando checklists de forma assertiva
- Checklist para Designers
- Checklist para Desenvolvedores
- Checklist para Conteúdistas
- Checklist para Gestores de Projetos
- Usando checklists de forma assertiva
- Testes Progressivos versus Regressivos de Acessibilidade
- Testes Manuais versus Automatizados de Acessibilidade
- Erros de Sistema versus Erros de Desenvolvimento
- O problema dos "falso-positivos"
- É possível testar protótipos?
- Definindo a sua abordagem para testes:
- O que pode e o que não pode ser automatizado?
- Formando uma equipe de testes manuais
- Definindo "o que" e "como" testar em cada etapa
- Documentando e gerando relatórios para os times
- O time de QA (Quality Assurance) não pode ser o único responsável
- Trabalhando com industrialização (fábricas e consultorias)
- Por que nunca é viável testar tudo?
- Como definir amostras para seus testes?
- Como priorizar o que será testado?
- Ferramentas
- Definindo uma "stack" de testes
- Ferramentas para testes de sites
- Ferramentas para testes de apps
- Ferramentas para testes de contraste
- Ferramentas do tipo "Bookmarklets"
- Inspetores e Depuradores dos browsers
- Extensões de browsers
- Compreendendo as diferenças entre leitores de tela e sistemas
- Compreendendo as diferenças entre testadores (pessoas) diferentes
- Usando o leitor de telas como identificador de código ruim
- Tipos de avaliação:
- Pontuação por incidência
- Pontuação por gravidade
- Investigação inicial e conceitos de design
- Testes informais durante os ciclos de desenvolvimento
- Testes em áreas específicas
- Testes em áreas e fluxos completos
- Testes com Pessoas com Deficiências
- A opinião de UMA pessoa é apenas a opinião de UMA pessoa
- Planejando o recrutamento
- Diferenças entre testes de usabilidade e acessibilidade
- Determinando as características dos participantes
- Armadilhas ao categorizar os diferentes tipos de deficiência
- Screener de Recrutamento
- Triagem versus Selecionados
- Determinando o local
- Preparando a sala de testes
- Configurando tecnologias assistivas
- Considerações para testes remotos
- Conduzindo os testes
- Considerações ao lidar com pessoas com deficiências
- Repensando o tempo dos testes
- Pensando em alternativas (plano B)
- A importância dos Testes-Piloto
- Conclusão de tarefas
- Técnicas rápidas para testes de Sites
- Teste de apresentação visual
- Teste de navegação por teclado
- Teste de redimensionamento de conteúdo
- Teste de contraste
- Teste de links e botões
- Teste de links do tipo "pular para conteúdo"
- Teste de nome acessível
- Teste de estrutura hierárquica de títulos
- Teste de estrutura de conteúdo
- Teste de tipografia
- Teste de legendas
- Teste com leitor de telas
- Técnicas rápidas para testes de Apps
- Teste de apresentação visual
- Teste de navegação por swipe
- Teste de redimensionamento de conteúdo
- Teste de orientação de tela
- Teste de nome acessível
- Teste de estrutura de conteúdo
- Teste de alternativas de acesso
- Teste com leitor de telas
-
-
Trilhas: Design Dev Conteúdo Qualidade Produto Liderança
Aulas: 4 aulas
- Pra você que chegou até aqui, meus parabéns e obrigado!
- Retrospectiva desse curso e uma mensagem para a vida...
- Pés no chão e uma jornada literalmente sem fim...
- Onde aprender mais?
"Prepare-se para nosso dojô!"
Mestre A11Y