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
Acessibilidade na Web
Search
Everton Denis
October 30, 2017
Technology
0
32
Acessibilidade na Web
Talk feita na Agência Next Idea, sobre Acessibilidade na Web
Everton Denis
October 30, 2017
Tweet
Share
More Decks by Everton Denis
See All by Everton Denis
Styled Components
evertondenis
0
39
Síndrome do Impostor
evertondenis
0
30
Other Decks in Technology
See All in Technology
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
EMとして2023年度に頑張ったこと / What we did well in FY2023 as a EM
pauli
1
170
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
820
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
440
Hands-on Gemini, the Google DeepMind LLM
meteatamel
1
110
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
150
ServiceNow Knowledge Learning Rise up
manarobot
0
210
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
340
開発生産性大幅アップ!Postman VS Code拡張機能
nagix
2
370
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
4
13k
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
510
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
How to Ace a Technical Interview
jacobian
272
22k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
187
16k
How to train your dragon (web standard)
notwaldorf
73
5.2k
What's new in Ruby 2.0
geeforr
337
31k
A Philosophy of Restraint
colly
197
16k
Typedesign – Prime Four
hannesfritz
36
2.1k
What's in a price? How to price your products and services
michaelherold
237
11k
Fireside Chat
paigeccino
21
2.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
244
20k
Transcript
Acessibilidade na web
Por que tornar um site acessível? Questão de boa prática
E por que me preocupar com isso quando meu prazo de entrega é tão curto? Mais pessoas impactadas
Acessibilidade & SEO
Podemos utilizar as mesmas técnicas de acessibilidade para aplicar técnicas
de SEO. • <img src="" alt="Texto complementar" /> • <a href="" title="Texto complementar"></a> • <prev 1 2 3 4 next> • Site map
HTML5 & WAI-ARIA
Você consegue marcar agora o que é um menu de
navegação, uma sidebar, um header, um footer etc
Microdata
Microdata
Grande parte dos leitores de tela não conhecem as tags
do HTML5 e dão ênfase para as WAI-ARIA em vez das novas tags.
Roles Abstract Widgets Document Structure Landmarks
Role Document Structure Para definir estruturas de organização da página.
Estruturas não interativas como o header, footer, sidebar, main, essas coisas.
Role Widgets Para marcar elementos de interface soltos, como caixas
de alerta, botões, checkbox, links, tabs etc.
None
None
Role Landmarks Para regiões de página que são pontos importantes
para onde o usuário navegaria. Exemplo: buscas, conteúdo principal, sidebar, formulários etc…
Estados & Propriedades
None
Fontes: http://tableless.com.br/acessibilidade-na-web-atualizando-como-tornar-seu-site-acessivel/ https://www.w3.org/TR/wai-aria/roles#roles_categorization http://tableless.com.br/wai-aria-estendendo-o-significado-das-interacoes/ http://www.data-vocabulary.org/