Com interesse em acessibilidade?
Se aqui chegaste, por uma razão ou por outra, o tópico da acessibilidade muito provavelmente não te é estranho. Seja por mera curiosidade, ou como especialista no tema, sê muito bem-vindo a este espaço do DXD. Aqui encontrarás muitas e incríveis referências especificamente sobre acessibilidade.
Alguns dos melhores conteúdos sobre o tópico, criados por centenas de autores que todos os dias partilham um pouco do seu conhecimento através da world wide web, enriquecendo desta maneira a comunidade. Mesmo não os conhecendo, todos merecem o nosso mais sincero e humilde obrigado.
Tens à tua disposição aqui referência a muitos conteúdos. Escolhidos através de uma curadoria cuidada e organizados segundo diversas áreas temáticas. É importante dizer que esta seleção de conteúdos, não é, como nunca poderia ser, uma visão unilateral sobre o tema. Para além destes, existem muitos outros conteúdos fantásticos por toda a web. Todas estas referências são uma selecção pessoal de alguns dos conteúdos mais interessantes encontrados online ao longo do tempo.
Facilmente encontrarás online, conteúdos que não estão nesta lista, mas podiam. Todas as sugestões de novas referências são muito bem-vindas. Se por acaso conheceres algum conteúdo que seria interessante constar desta selecção, por favor, partilha.
Índice
- Artigos DXD
- Curadoria
- Livros
- Vídeos
- Eventos
- Casos de estudo
- Pessoas
- Checklists
- Toolkits
- Introdução
- Legislação
- Processos legais
- WCAG
- Tipografia
- Cor
- Visualização de dados
- Componentes
- Texto alternativo
- Design
- UX Writing
- HTML
- SEO
- Estratégias e tecnologias
- Leitores de ecrã
- Widgets e overlays
- Anotações
- Design systems
- Mobile
- Auditoria
- Ferramentas de verificação automática
- Pesquisa
- Governação
- Recrutamento
- Métricas
- Retorno de investimento
- Organizações
- Formação
- Estudos
Artigos DXD
Podes encontrar no DXD vários conteúdos sobre acessibilidade. Artigos de opinião, recursos, estudos, ferramentas, publicações, entre um conjunto muito maior de informação que te pode ser muito útil se procurares descobrir um pouco melhor o tema da acessibilidade. Descobre mais conteúdos sobre acessibilidade no blog DXD.
Curadoria
- Ideas for digital accessibility at Clube da Criatividade de Portugal
- Todos por acessibilidade
- Accessibility resources by Ian Routledge
Livros
- Accessibility for everyone by Laura Kalbag
- Color accessibility workflows by Geri Coady
- The book on accessibility by Charlie Triplett
- Giving a damn about accessibility by Sheri Byrne-Haber
- Acessibilidade na web de Reinaldo Ferraz
Vídeos
- Todos por acessibilidade (Youtube)
- Inclusive Design 24 (Youtube)
- AMA – Ciclo de Formação (Youtube)
- Môre – curso acessibilidade – aula 2 – diretrizes em acessibilidade
- Stéphanie Walter – accessibility for designers
- What are the accessibility overlays?
- Intopia – Youtube playlists
Eventos
- Web accessibility conf
- Inclusive design 24
- GAAD – global accessibility awareness day
- Link – festival digital de acessibilidade
- WordPress Accessibility Day
Casos de estudo
- Case study – implementing accessible data charts for the Khan Academy 2018 annual report
- Accessible design in Material Design
- eBay just created a shortcut for building accessible websites
- Iniciativas de acessibilidade do Banco Carrefour
- Manual de comunicação inclusiva do Banco Carrefour
- Creating accessible digital experiences (Xperienz)
- Accessibility compliance app (Xperienz)
- GOV.UK – accessibility articles on blog
- GOV.UK – what we found when we tested tools on the world’s least-accessible webpage
- Docusign Accessibility Hub
Pessoas
- UK Department for Education – how many people?
- Neurodiversity and UX: Essential Resources for Cognitive Accessibility (Stéphanie Walter)
- UX Design thinking from a senior citizen’s perspective
- Older Users Online: WAI guidelines address older users web experience
- Digital divide persists even as Americans with lower incomes make gains in tech adoption
- Americans with disabilities less likely than those without to own some digital devices
- Design Personas: digital accessibility recommendations for interactive designs
- Four personas to help you create accessible digital services
- W3C-WAI – stories of web users
- Personas with disabilities
- GOV.UK – accessibility personas
- GOV.UK – Understanding disabilities and impairments: user profiles
- Exclusion calculator lite (University of Cambridge)
Checklists
- The va11ydette – Orange audit checklist
- Nordhealth Design system – accessibility checklist
- IBM accessibility requirements
- WUHCAG – WCAG checklists
- WebAIM WCAG 2 checklist
- Accessibility checklist (Nick Babich)
- Sapo UX – checklists
- Intopia – accessibility not-checklist
- W3C-WAI – easy checks – first review of web accessibility
- ACT Rules Community – rules
- The A11Y Project – checklist
- Adam Fard – the ultimate guide to accessibility – everything you need to know
- The accessibility cheatsheet
- European Commission – basic website checks
- MagentaA11y – accessibility acceptance criteria
- WebAIM – HTML semantics and accessibility cheat sheet
- Geri Reid – WCAG for designers
- University of Washington – IT accessibility checklist
- Vox Product – accessibility guidelines
- Bite-Sized Accessibility – quick and small accessibility
- Elsevier – accessibility checklist
- Canaxess – this is WCAG – web accessibility simplified
- Webflow accessibility checklist
- Accessible Numbers
Toolkits
- Comprehensive accessibility training for shipping high-quality web applications
- Accessibility for teams
- Accessibility for teams (US Government)
- Acessibilidade toolkit
- Department for Education UK – accessibility and inclusive design manual
- The Ad Hoc accessibility beyond compliance playbook
- Laws of UX
- European Commission – accessibility
- Rocket Validator – accessibility guide
- Studio 24 – guide to accessible content
- W3Schools – HTML element reference
- Understanding accessibility
- GOV.UK – dos and don’ts on designing for accessibility (posters)
- Guia WCAG (cartas)
- Online Accessibility Toolkit (South Australian Government)
- Inclusive design toolkit (University of Cambridge)
- BBC – accessibility for products
- BBC – accessibility, your team and you
Introdução
- Accessibility Myths
- Acessibilidade do site facilitada – seu guia completo de 2020
- Accessibility basics
- Accessibility articles in Nielson Norman Group
- Web accessibility – five common fallacies
- Including accessibility from the start in your projects
- Understanding the user-centred approach to accessibility
- Designing accessible products
- Designing for accessibility is not that hard
- 3 Accessibility basics you need to know as a designer
- Figma – accessibility and inclusion
- Guia prático para aumentar a acessibilidade da sua aplicação
- Web accessibility – reference to creating inclusive websites
- A is for accessibility – 12 top tips for designing an inclusive user experience
- 7 Things you can do as a designer to make web accessible
- 3 Accessibility basics you need to know as a designer
- Designing for accessibility and inclusion
- Accessibility guidelines for UX designers
- Accessibility in design – why should it matter?
- Accessible design means better design (McKinsey & Company)
- A complete guide to accessibility tooling
- Accessibility.Dev – accessibility tools for developers
- A primer to web accessibility for designers
- Understanding accessibility – a tool for web designers
- 7 Things every designer needs to know about accessibility
- Inclusive design and accessibility
- A designer’s guide to documenting accessibility and user interactions (Stéphanie Walter)
- University of Berkeley – what is digital accessibility?
Legislação
- O que precisa saber sobre a Declaração de Acessibilidade
- European accessibility act – what you need to know
- Everything you need to know about the EU web accessibility directive and the european accessibility act
- Digital accessibility laws around the globe
- White House – OMB releases digital accessibility guidance to ensure all Americans have ability to access critical government resources
- Lei Europeia da Acessibilidade: o que tem de mudar no seu negócio até 2025?
- European Accessibility Act (EAA) – what you need to know (Axess Lab)
- European Accessibility Act – everything you need to know (Storyblok)
- European Accessibility Act (EAA) – Kiosks, touch screens and physical devices (Axess Lab)
- Rocket Validator – european accessibility act
- Introduction to The European Accessibility Act (EAA) (Marli Ritter)
- Top 10 questions about The European Accessibility Act (EAA) (Marli Ritter)
- How to get started with compliance with the EAA (Marli Ritter)
- Navigating compliance with the European Accessibility Act (EAA) (Stark)
- European Commision – Employment, Social Affairs & Inclusion – publications and documents
- European Accessibility Act (EAA): Top 20 Key Questions Answered (Deque)
Processos legais
- UK disability legal and pre-legal case lists (June 2024) (Ficheiro Excel)
- UsableNet – ADA Accessibility Lawsuit Tracker Final Numbers in Digital Lawsuits for
- Vueling Airlines fined for failing to make their website accessible
WCAG
- WCAG quick reference (3pha)
- How to meet WCAG (quick reference) (W3C-WAI)
- Understanding WCAG 2.2 (W3C-WAI)
- Diretrizes de acessibilidade para conteúdo web (WCAG) 2.1 (em português)
- How to check WCAG compliance – a quick guide
- Aligning Jakob Nielsen’s 10 usability heuristics with the WCAG 2.1
- Understanding the new WCAG 2.2 criteria (Stark)
- The WCAG explained (Stark)
- What’s new in WCAG 2.2?
- A guide to designing accessible WCAG-conformant focus indicators
- GOV.UK – Department for Education – draft WCAG 2.2. changes
- GOV.UK – draft WCAG 2.2 changes
- Web accessibility standards – an overview for designers
- How to use web accessibility guidelines
- WCAG, but in language I can understand
- Tetra Logical WCAG primer
- WCAG 2.2 map by theme
Tipografia
- Como determinar o tamanho da letra de uma página web?
- A guide to understanding what makes a typeface accessible
- Letter case and text legibility in normal and low vision
- Accessibility in design – typography and legibility
- Google Fonts – fonts knowledge
- Text spacing bookmarklet (testar a versatilidade da tipografia numa plataforma web)
Cor
- We are colorblind
- The Verge – chasing rainbows (about colorblindness)
- Accessible palette – stop using HSL for color systems
- Color and contrast
- Colorblind accessibility manifesto
- Color contrast and why you should rethink it
- Fix color contrast – web accessibility for text and UI design
Visualização de dados
- Data visualization for color accessibility
- Visually accessible data visualization
- Google – top tips for data accessibility
Componentes
- The anatomy of accessible forms – the problem with placeholders
- Nielsen Norman Group – table of contents – the ultimate design guide
- Why you should stop using placeholders in text boxes
- Designing better target sizes
- E-commerce and accessibility - creating an inclusive online shopping experience
- Inclusive components blog
- A beginner’s complete guide to form accessibility – the 5 things accessible forms needs and how to fix common errors
- Smashing Magazine – a complete guide to accessible Frontend components
Texto alternativo
- Escrever texto alternativo acessível em 10 dicas (parte 1)
- Quem escreve o texto alternativo acessível? (parte 2)
Design
UX Writing
- Accessibility in UX Writing
- Palavras claras – dicionário de compliquês
- Designing content for conflicting access needs
HTML
SEO
Estratégias e tecnologias
- FCT – Tecnologias de apoio para pessoas com deficiência
- Infopedia – dicionário de lingua gestual portuguesa
Leitores de ecrã
Widgets e overlays
- Overlay fact sheet
- Accessibility overlays don’t guarantee compliance with European legislation
- Accessibility overlays (Comissão Europeia)
- Should I use an accessibility overlay?
- Overlay false claims
- Webbed Briefs – what are accessibility overlays?
- The A11Y Project – should I use an accessibility overlay?
- European Disabilty Forum – accessibility overlays don’t guarantee compliance with European legislation
- Accessible Web – do away with overlays
- International Association of Accessibility Professional – overlay position and recommendations
- Level Access – the many pitfalls of accessibility overlays
- The New Yorker Times – for blind internet users, the fix can be worse than the flaws
- Overlay fails in lawsuit test – website accessibility settlement speaks volumes
Anotações
- How to document the screen reader user experience
- A designer’s guide to documenting accessibility and user interactions
Bibliotecas de anotações Figma
- Intopia – accessibility annotation kit
- Microsoft – accessibility annotation kit
- Indeed – accessibility annotation kit
- GitLab – accessibility annotation kit
Design systems
- Accessible design systems (Tetra Logical)
- Acessibilidade e design system – será que deu match?
- How to create accessible design system components
- WP Design system – accessibility tools
- “Accessible” design systems don’t guarantee accessible products
- Testes de acessibilidade: o padrão de qualidade no Annecy Design System
- Accessibility in design systems: a comprehensive approach through documentation and assets
- Calcite Design System – accessibility foundations
Mobile
Auditoria
- Performing a web accessibility audit
- The top accessibility errors found in 2023
- The ultimate guide to debugging accessibility issues
- Como saber se seu site é acessível?
- Common accessibility issues that you can fix today
- WCAG-EM Overview – website accessibility conformance evaluation methodology
- Comparison of accessibility of e-government websites in Europe
- W3C – website accessibility conformance evaluation methodology
- AuditTool WCAG 2.2. Herramienta para auditorías de accesibilidad de acuerdo a las WCAG 2.2
- Automated accessibility tool reviews (Sparkbox)
- Template for accessibility evaluation reports (W3C-WAI)
- WCAG-EM Report Tool (W3C-WAI)
- Auditing accessibility of mobile apps – 2024 update
Ferramentas de verificação automática
- Web accessibility evaluation tools list (W3C)
- W3C Markup Validation Service (HTML)
- AccessMonitor (Portugal)
- Accessibility Cloud
- AMAWeb
- Microsoft Accessibility Insights
- WebAIM Wave
- Popetech powered by Wave
- Deque Axe
- Monsido by Acquia
- Accessibility Checker
- AChecker
- Audioeye Website Accessibility Checker
- HTML CodeSniffer
- QualWeb
- Nagarro Website Accessibility Checker
- Rocket Validator
Google Chrome Add-on
- Google Lighthouse
- IBM Equal Access Accessibility Checker
- TPGi Arc Toolkit
- Deque Axe
- Web Developer
- Stark Accessibility Checker
- Siteimprove Accessibility Checker
- ANDI Accessibility Testing Tool
Pesquisa
- Testing sites and apps with blind users – a cheat sheet
- Insights – mobile accessibility
- How can an eclectic user research practice allow teams to ship accessible digital products?
- Conducting usability testing with people with disabilities (Xperienz)
- Accessibility interviews questions
- Seven mistakes we make running inclusive research
- 5 most annoying website features I face as a blind person every single day
- Fable – test accessibility with real people online
- GOV.UK – accessibility personas
Governação
- AccessFrame – modelo para a transformação da acessibilidade dos produtos e serviços digitais das empresas
- GOV.UK – accessibility strategy
- GOV.UK – accessibility strategy – blog article
- Pitching accessible and inclusive design solutions
- How to make a strong case for accessibility
- Is closing the web accessibility design/development gap a bridge too far?
- How to convince company leadership to care about accessibility – a guide
- The three levels of accessibility
- The “perilous pitfalls” of accessibility maturity
- Accessibility for designer – where do I start?
Recrutamento
- Carreiras em acessibilidade (Marcelo Sales)
- How to hire for digital accessibility roles
- Characteristics of a digital accessibility champion
- GOV.UK – accessibility specialist profile
- Teach access accessibility skills hiring toolkit
- How to become an accessibility designer for free
Métricas
- Accessible usability scale (AUS) analysis of desktop screen readers
- Accessible usability scale (AUS)
Retorno de investimento
- Metrics to measure the ROI of web accessibility
- The commercial impact of accessibility
- Why digital accessibility matters
Organizações
- WebAIM – web accessibility in mind
- The A11Y Project
- International Association of Accessibility Professionals
- ACT Rules Community Group
Formação
- W3C-WAI – course list – digital accessibility education, training, and certification
- Introduction to web accessibility (W3C-WAI) (video)
- Google Developers – Web.Dev – learn accessibility (conteúdos)
- Sara Soueidan – practical accessibility course (video)
- Uxcel – design accessibility (conteúdos)
- IxDF – how to design for an aging population (video)
- IxDF – how to design for neurodiversity: inclusive content and UX (video)
- IxDF – accessibility: how to design for all (video)
- IxDF – introduction to digital accessibility (video)
- IxDF – accessible and inclusive design patterns (video)
- A11Y Collective – web accessibility, the basics (video)
- A11Y Collective – accessible design, the basics (video)
- A11Y Collective – accessible code (video)
- A11Y Collective – writing accessible content for the web (video)
- A11Y Collective – advanced accessible components (video)
- A11Y Collective – ARIA explained (video)
- A11Y Collective – web accessibility, the business case (video)
- Content Design London – accessible content (online em directo)
- Udemy – digital accessibility courses
- Udemy – curso básico de acessibilidade digital (video)
- Access Boost – acessibilidade como você nunca a viu antes (video)
- Nau – acessibilidade dos conteúdos digitais (conteúdos)
- Nau – acessibilidade web: por onde começar (conteúdos)
- Nau – tecnologias para a inclusão e acessibilidade (conteúdos)
- Lisbon Digital School – fundamentos de acessibilidade digital (online em direto)
- Lisbon Digital School – acessibilidade digital na prática para designers (online em direto)
- Lisbon Digital School – acessibilidade digital na prática para developers (online em direto)