Conheça os “Componentes Inclusivos”: Padrões Front-End acessíveis e à prova de balas

A acessibilidade de front-end ainda é um tanto misteriosa nos dias de hoje. Como construímos botões e menus suspensos acessíveis? E as dicas de ferramentas, guias e notificações amigáveis ​​ao teclado? Ou acordeões inclusivos, sliders, tabelas de dados e modais ? Vamos descobrir juntos. Conheça o Inclusive Components , nosso novo manual para construir produtos digitais totalmente acessíveis. Baixe um PDF de amostra grátis (1,1 MB).

Sobre o livro

Em sua essência, Componentes Inclusivos é um manual detalhado e prático para a construção de interfaces totalmente acessíveis. O livro examina 12 padrões de interface comuns — acordeões, tabelas, modais , notificações, guias, alternâncias e tudo mais — através da lente da inclusão. O resultado são componentes acessíveis e robustos que criamos, conectamos e usamos diariamente.

Durante anos, Heydon Pickering, um desenvolvedor front-end experiente com foco em acessibilidade, tem escrito sobre soluções acessíveis. Fizemos uma parceria com Heydon para produzir um livro com desafios e soluções comuns que ele vem aprimorando ao longo de todos esses anos.

Para cada componente, as explorações detalhadas são meticulosamente ilustradas e todas as soluções estão disponíveis como trechos de código à prova de balas, aplicáveis ​​ao seu trabalho imediatamente. Bônus: você aprenderá a criar seus próprios componentes acessíveis com design inclusivo em mente — tudo em um único livro. Ir para o índice ↓

332 páginas . Capa dura de qualidade com encadernação costurada e marcador de página de fita. O eBook está disponível em PDF, ePUB, Amazon Kindle. Escrito e desenhado por Heydon. Baixe um PDF de amostra (1,1 MB).

Índice

Cada capítulo aborda um único componente, abordando como pessoas diferentes e vulneráveis ​​podem ler e interagir com ele e como elas podem ser melhor acomodadas. Baixe um PDF de amostra (1,1 MB).

Sobre o autor

Heydon Pickering (@heydonworks) trabalhou com The Paciello Group, BBC, Smashing Magazine e Bulb Energy como designer, engenheiro, escritor, editor e ilustrador. Ele foi indicado para Designer do Ano no The Net Awards.

Heydon escreveu anteriormente o Inclusive Design Patterns que vendeu mais de 10.000 cópias. Os rendimentos deste título foram doados à ACLU e aos Socialistas Democráticos da América, para ajudar essas organizações a combater o fascismo e criar uma sociedade mais inclusiva.

Aqui está o que Heydon compartilhou quando perguntado por que ele decidiu escrever este livro:

“Alguns anos atrás, eu estava ficando entediado com web design. Então surgiu o design responsivo, apresentando-me novos desafios. Isso tornou minha vida e meu trabalho interessantes novamente. Então descobri o mundo da acessibilidade na web, e meu entusiasmo foi mais uma vez renovado. Algumas pessoas parecem pensar que faço acessibilidade na web porque me sinto moralmente obrigado, ou que me sentiria culpado se não o fizesse.

Embora acredite firmemente que todos os tipos de pessoas devem poder acessar a web, também sou grato pelos desafios de acessibilidade da web que encontrei e abordados neste livro por me estimular e dar uma nova profundidade ao meu trabalho.

Escrevi este livro porque quero que você saiba o quão divertido pode ser tornar suas interfaces mais acessíveis, bem como o quão realizado você pode se sentir por ter feito isso. Obrigado por ler isso, e espero que o livro também.”

Depoimentos

“Componentes Inclusivos é uma explicação muito profunda e completa do desenvolvimento de componentes acessíveis com exemplos do mundo real. Heydon Pickering mostra várias abordagens alternativas e explica os prós e contras de cada uma. Também é um prazer ler!”

— Artem Sapegin, desenvolvedor front-end, Wayfair

“Inclusive Components está repleto de conselhos práticos e abrangentes sobre a construção de UI acessível. É o meu recurso principal após a documentação oficial WCAG e ARIA. Achei extremamente útil ao construir nosso sistema de design!”

— Sarah Federman, desenvolvedora de front-end sênior

“O que Heydon alcança com seu trabalho em Componentes Inclusivos é um conjunto de guias pragmáticos, amigáveis ​​e acessíveis que ajudam você a gerar não apenas componentes acessíveis, mas também pontos de partida resilientes e progressivos que o ajudarão a construir melhores sites e aplicativos da web em em geral. Costumo descrever este trabalho como material de aprendizagem crucial por esse motivo exato.”

— Andy Bell, designer e desenvolvedor independente

Por que este livro pode ser para você

O diabo está nos detalhes e muitas vezes as coisas que você faz com boas intenções podem impor barreiras de acessibilidade sem saber. Componentes Inclusivos é para todo desenvolvedor front-end que deseja aprender como detectar e resolver possíveis problemas de acessibilidade em seu trabalho. O livro vai te ensinar:

1. Como usar os elementos <button> , como aplicar estilos aos seus botões de alternância e como rotulá-los.
2. Como criar listas gerenciadas que permitem aos usuários criar e excluir conteúdo — de forma inclusiva.
3. Como abordar e resolver problemas de acessibilidade com menus e submenus de navegação (também conhecidos como “dropdowns”).
4. Como criar dicas de ferramentas e dicas de alternância acessíveis e amigáveis ​​ao teclado.
5. Como criar um tema de “modo escuro” que seja acessível e sustentável a longo prazo.
6. Como criar um controle deslizante de conteúdo acessível para evitar danos a pessoas sensíveis ao movimento.
7. Como criar notificações inclusivas com regiões ao vivo para se comunicar com seus usuários por meio de canais visuais e auditivos simultaneamente.
8. Como criar tabelas de dados semanticamente corretas, responsivas e classificáveis.
9. Como construir diálogos acessíveis e diálogos modais com desempenho e design inclusivo em mente.
10. Como criar e agrupar cartões inclusivos (por exemplo, para teasers).

Detalhes técnicos

• ISBN: 978-3-945749-82-1 (impressão)
• Capa dura de qualidade, encadernação costurada, marcador de página de fita.
• O eBook está disponível como PDF, ePUB e Amazon Kindle no site de Heydon.
• Envio gratuito de correio aéreo mundial da Alemanha. (Verifique os prazos de entrega.)
• Disponível como eBook e impresso + eBook.

Assuntos da Comunidade ️

Com Componentes Inclusivos , tentamos criar um manual muito focado com soluções e estratégias aplicáveis ​​e duradouras para criar interfaces acessíveis e inclusivas.

Nossa esperança é que, com o livro de Heydon, você possa tomar melhores decisões de design e codificação ao construir suas interfaces. Talvez até se torne um daqueles livros de referência que você acessará toda vez que precisar criar um desses componentes comuns de interface do usuário.

Produzir um livro leva um pouco de tempo, e não poderíamos fazê-lo sem o apoio de nossa maravilhosa comunidade . Um grande abraço aos Smashing Members por seu apoio contínuo em nossas aventuras. Como resultado, o eBook é e sempre será gratuito para Membros Smashing . Além disso, os membros obtêm um desconto amigável na compra de sua cópia impressa.

Continuem arrasando e obrigado por seu apoio contínuo, a todos!

Mais livros incríveis

Promover as melhores práticas e fornecer dicas práticas para dominar seus desafios diários de codificação e design sempre esteve (e estará) no centro de tudo o que fazemos na Smashing. Nos últimos anos, tivemos muita sorte de ter trabalhado em conjunto com algumas pessoas talentosas e atenciosas da comunidade da web para publicar sua vasta experiência como livros que resistem ao teste do tempo. Alla, Adam e Andy são algumas dessas pessoas. Já deu uma olhada nos livros deles?