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
自動テストの世界に、この5年間で起きたこと
autifyhq
10
7.1k
これからSREになる人と、これからもSREをやっていく人へ
masayoshi
6
4.1k
2.5Dモデルのすべて
yu4u
2
610
データの品質が低いと何が困るのか
kzykmyzw
6
1k
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
2
390
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.4k
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
Classmethod AI Talks(CATs) #15 司会進行スライド(2025.02.06) / classmethod-ai-talks-aka-cats_moderator-slides_vol15_2025-02-06
shinyaa31
0
170
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
660
Featured
See All Featured
Building Your Own Lightsaber
phodgson
104
6.2k
Building an army of robots
kneath
302
45k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
GraphQLとの向き合い方2022年版
quramy
44
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
KATA
mclloyd
29
14k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
RailsConf 2023
tenderlove
29
1k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Agile that works and the tools we love
rasmusluckow
328
21k
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