Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Como pensar em acessibilidade com CSS?
Search
Carla Vieira
August 11, 2018
Technology
1
110
Como pensar em acessibilidade com CSS?
Palestra apresentada no Front In Vale (
http://frontinvale.com.br/
) em 2018.
Carla Vieira
August 11, 2018
Tweet
Share
More Decks by Carla Vieira
See All by Carla Vieira
Towards global and human-centered explanations for machine learning models
carlaprv
1
62
SESC SOROCABA - Algoritmos de Opressão
carlaprv
0
150
Como algoritmos de inteligência artificial ampliam desigualdades de gênero e raça
carlaprv
1
180
Empatia, ética, algoritmos e o futuro
carlaprv
1
160
Decolonização da Inteligência Artificial
carlaprv
0
260
Big Data e Math Washing
carlaprv
0
620
Construindo sistemas de aprendizado de máquina explicáveis: desafios e aprendizados
carlaprv
0
470
Using Explainable Artificial Intelligence to open black-box models
carlaprv
0
370
Interpretabilidade, Justiça e representatividade
carlaprv
0
470
Other Decks in Technology
See All in Technology
TypeScript 上達の道
ysknsid25
23
4.8k
【CEDEC2025】LLMを活用したゲーム開発支援と、生成AIの利活用を進める組織的な取り組み
cygames
PRO
1
1.6k
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
13
3.8k
MCPに潜むセキュリティリスクを考えてみる
milix_m
1
870
AI駆動開発 with MixLeap Study【大阪支部 #3】
lycorptech_jp
PRO
0
270
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
270
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
onishi
15
7.6k
今日からあなたもGeminiを好きになる
subaruhello
1
650
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
200
手動からの解放!!Strands Agents で実現する総合テスト自動化
ideaws
3
390
OpenTelemetry の Log を使いこなそう
biwashi
5
1.1k
AIに全任せしないコーディングとマネジメント思考
kikuchikakeru
0
270
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Facilitating Awesome Meetings
lara
54
6.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
A Tale of Four Properties
chriscoyier
160
23k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Raft: Consensus for Rubyists
vanstee
140
7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Transcript
Carla Vieira @carlaprvieira
Sistemas de Informação - USP Leste Business Intelligence @carlaprvieira @carlaprv
@carlaprv
None
None
None
None
http://www.w3c.br/pub/Agenda/PalestraCampusPartyWCAGReinaldo/apres-CP2010-v06.pdf http://www.maujor.com/w3c/tec_css_acess.html http://www.acessibilidade.gov.pt/w3/TR/WCAG20/
None
None
Fornecer formas de ajudar os usuários a navegar, localizar conteúdos
e determinar o local onde estão. Fornecer alternativas em texto para qualquer conteúdo não textual Maximizar a compatibilidade com atuais e futuros agentes de usuário, incluindo tecnologias assistivas.
Fornecer alternativas de texto para conteúdo não-textual (imagens, vídeos etc).
None
https://codepen.io/carlaprv/pen/VBVwJM
Utilize CSS para incluir imagens decorativas e ícones
None
Faça todas as funcionalidades acessíveis por teclado.
None
Um dos itens indispensáveis em um site é o formulário
de contato, já pensou deixar ele acessível para todos na web?
https://codepen.io/carlaprv/pen/wxQPbE
https://codepen.io/carlaprv/pen/wxQPbE
https://codepen.io/carlaprv/pen/wxQPbE
Criar conteúdo que pode ser apresentado de diferentes maneiras (por
exemplo um layout simplificado) sem perder informação ou estrutura.
https://codepen.io/carlaprv/pen/GBzrdj
Alguns usuários apresentam dificuldade em ler texto pequenos e utilizam
do zoom para facilitar a leitura.
None
Oferecer contraste mínimo entre plano de fundo e primeiro plano
Tabelas: http://emag.governoeletronico.g ov.br/#s7
Implemente uma versão de alto contraste no seu site
Maximizar a compatibilidade entre os atuais e futuros agentes de
usuário, incluindo tecnologias assistivas.
None
https://caniuse.com/#search=css
None
https://developers.google.com/web/updates/2018/01/devtools
Plugin de Chrome oferecido pelo Google com várias funções de
verificação de acessibilidade em sites.
https://lowvision.support/
http://colorfilter.wickline.org/
https://contrast-ratio.com/
None
@carlaprvieira @carlaprv @carlaprv