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
51
SESC SOROCABA - Algoritmos de Opressão
carlaprv
0
140
Como algoritmos de inteligência artificial ampliam desigualdades de gênero e raça
carlaprv
1
170
Empatia, ética, algoritmos e o futuro
carlaprv
1
150
Decolonização da Inteligência Artificial
carlaprv
0
240
Big Data e Math Washing
carlaprv
0
580
Construindo sistemas de aprendizado de máquina explicáveis: desafios e aprendizados
carlaprv
0
440
Using Explainable Artificial Intelligence to open black-box models
carlaprv
0
340
Interpretabilidade, Justiça e representatividade
carlaprv
0
440
Other Decks in Technology
See All in Technology
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
120
Larkご案内資料
customercloud
PRO
0
600
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
Datadog APM におけるトレース収集の流れ及び Retention Filters のはなし / datadog-apm-trace-retention-filters
k6s4i53rx
0
320
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
1
110
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
地方拠点で エンジニアリングマネージャーってできるの? 〜地方という制約を楽しむオーナーシップとコミュニティ作り〜
1coin
1
130
2.5Dモデルのすべて
yu4u
2
610
Featured
See All Featured
Making Projects Easy
brettharned
116
6k
A Philosophy of Restraint
colly
203
16k
Practical Orchestrator
shlominoach
186
10k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
How GitHub (no longer) Works
holman
313
140k
Visualization
eitanlees
146
15k
We Have a Design System, Now What?
morganepeng
51
7.4k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
Producing Creativity
orderedlist
PRO
343
39k
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