Conozca los "componentes inclusivos": patrones front-end accesibles y a prueba de balas

La accesibilidad front-end sigue siendo algo misteriosa en estos días. ¿Cómo construimos botones y menús desplegables accesibles? ¿Qué pasa con la información sobre herramientas, las pestañas y las notificaciones compatibles con el teclado? ¿O acordeones, controles deslizantes, tablas de datos y modales inclusivos ? Averigüémoslo juntos. Conozca Componentes Inclusivos , nuestro nuevo manual para crear productos digitales totalmente accesibles. Descargue un PDF de muestra gratuito (1,1 MB).

Acerca del libro

En esencia, Inclusive Components es un manual práctico y detallado para crear interfaces totalmente accesibles. El libro examina 12 patrones de interfaz comunes ( acordeones, tablas, modales , notificaciones, pestañas, conmutadores y todo lo demás) a través de la lente de la inclusión. El resultado son componentes accesibles y robustos que creamos, conectamos y usamos a diario.

Durante años, Heydon Pickering, un desarrollador front-end experimentado que se enfoca en la accesibilidad, ha estado escribiendo sobre soluciones accesibles. Nos asociamos con Heydon para producir un libro con desafíos y soluciones comunes que ha estado perfeccionando durante todos estos años.

Para cada componente, las exploraciones en profundidad se ilustran meticulosamente y todas las soluciones están disponibles como fragmentos de código a prueba de balas , aplicables a su trabajo de inmediato. Bonificación: aprenderá a crear sus propios componentes accesibles teniendo en cuenta el diseño inclusivo, todo en un solo libro. Saltar a la tabla de contenidos ↓

332 páginas . Tapa dura de calidad con encuadernación cosida y marcador de página de cinta. El libro electrónico está disponible en formato PDF, ePUB, Amazon Kindle. Escrito y diseñado por Heydon. Descargue un PDF de muestra (1,1 MB).

Tabla de contenido

Cada capítulo aborda un solo componente, abordando cómo las personas diferentes y vulnerables pueden leerlo e interactuar con él, y cómo se les puede acomodar mejor. Descargue un PDF de muestra (1,1 MB).

Sobre el Autor

Heydon Pickering (@heydonworks) ha trabajado con The Paciello Group, The BBC, Smashing Magazine y Bulb Energy como diseñador, ingeniero, escritor, editor e ilustrador. Fue preseleccionado para Diseñador del año en los premios The Net.

Heydon escribió anteriormente Inclusive Design Patterns, que vendió más de 10.000 copias. Las ganancias de este título se donaron a ACLU y The Democratic Socialists Of America, para ayudar a estas organizaciones a luchar contra el fascismo y crear una sociedad más inclusiva.

Esto es lo que compartió Heydon cuando se le preguntó por qué decidió escribir este libro:

“Hace unos años, me estaba aburriendo el diseño web. Luego apareció el diseño receptivo, que me presentó nuevos desafíos. Hizo que mi vida y mi trabajo volvieran a ser interesantes. Luego descubrí el mundo de la accesibilidad web y mi entusiasmo se renovó una vez más. Algunas personas parecen pensar que hago accesibilidad web porque me siento moralmente obligado, o que me sentiría culpable si no lo hiciera.

Si bien creo firmemente que todo tipo de personas deberían poder acceder a la web, también estoy agradecido por los desafíos de accesibilidad web que he encontrado y que he cubierto en este libro, por estimularme y darle a mi trabajo una nueva profundidad.

He escrito este libro porque quiero que sepa lo divertido que puede ser hacer que sus interfaces sean más accesibles, así como lo realizado que puede sentirse por haberlo hecho. Gracias por leer esto, y espero que el libro también”.

Testimonios

“Inclusive Components es una explicación muy profunda y exhaustiva del desarrollo de componentes accesibles con ejemplos del mundo real. Heydon Pickering muestra varios enfoques alternativos y explica los pros y los contras de cada uno. ¡También es un placer leerlo!”

— Artem Sapegin, desarrollador front-end, Wayfair

“Inclusive Components está repleto de consejos prácticos y completos sobre cómo crear una interfaz de usuario accesible. Es mi recurso de referencia después de la documentación oficial de WCAG y ARIA. ¡Lo he encontrado extremadamente útil al construir nuestro sistema de diseño!”

— Sarah Federman, desarrolladora front-end sénior

“Lo que Heydon logra con su trabajo en Inclusive Components es un conjunto de guías pragmáticas, amigables y accesibles que lo ayudan a generar no solo componentes accesibles, sino también puntos de partida resistentes y progresivos que lo ayudarán a crear mejores sitios web y aplicaciones web en general. A menudo describo este trabajo como un material de aprendizaje crucial por esta misma razón”.

— Andy Bell, diseñador y desarrollador independiente

Por qué este libro podría ser para ti

El diablo está en los detalles y muchas veces las cosas que haces con buenas intenciones pueden imponer barreras de accesibilidad sin saberlo. Componentes inclusivos es para todos los desarrolladores front-end que desean aprender a detectar y abordar posibles problemas de accesibilidad en su trabajo. El libro te enseñará:

1. Cómo usar los elementos <button> , cómo aplicar estilos a los botones de alternancia y cómo etiquetarlos.
2. Cómo crear listas administradas que permitan a los usuarios crear y eliminar contenido, de manera inclusiva.
3. Cómo abordar y resolver problemas de accesibilidad con menús y submenús de navegación (también conocidos como "menús desplegables").
4. Cómo crear información sobre herramientas accesible y compatible con el teclado y información para alternar.
5. Cómo crear un tema de "modo oscuro" que sea accesible y mantenible a largo plazo.
6. Cómo crear un control deslizante de contenido accesible para evitar daños a las personas sensibles al movimiento.
7. Cómo crear notificaciones inclusivas con regiones en vivo para comunicarse con sus usuarios a través de canales visuales y auditivos simultáneamente.
8. Cómo crear tablas de datos que sean semánticamente correctas, receptivas y ordenables.
9. Cómo crear diálogos accesibles y diálogos modales teniendo en cuenta el rendimiento y el diseño inclusivo.
10. Cómo crear y agrupar tarjetas inclusivas (por ejemplo, para teasers).

Detalles técnicos

• ISBN: 978-3-945749-82-1 (impreso)
• Tapa dura de calidad, encuadernación cosida, marcador de página de cinta.
• El libro electrónico está disponible en formato PDF, ePUB y Amazon Kindle en el sitio de Heydon.
• Envío gratuito por correo aéreo mundial desde Alemania. (Consulte sus tiempos de entrega.)
• Disponible como eBook e impreso + eBook.

Asuntos de la comunidad ️

Con Componentes Inclusivos , hemos tratado de crear un manual muy enfocado con soluciones y estrategias aplicables y duraderas para crear interfaces accesibles e inclusivas.

Nuestra esperanza es que con el libro de Heydon, pueda tomar mejores decisiones de diseño y codificación a medida que construye sus interfaces. Tal vez incluso se convierta en uno de esos libros de referencia que consultará cada vez que necesite crear uno de esos componentes comunes de la interfaz de usuario.

Producir un libro lleva bastante tiempo y no podríamos lograrlo sin el apoyo de nuestra maravillosa comunidad . Un gran agradecimiento a los miembros de Smashing por su continuo apoyo en nuestras aventuras. Como resultado, el eBook es y siempre será gratuito para Smashing Members . Además, los miembros obtienen un descuento amistoso al comprar su copia impresa.

¡Sigan aplastando, y gracias por su apoyo continuo, a todos!

Más libros impactantes

Promover las mejores prácticas y brindarle consejos prácticos para dominar sus desafíos diarios de codificación y diseño siempre ha sido (y será) el núcleo de todo lo que hacemos en Smashing. En los últimos años, tuvimos mucha suerte de haber trabajado junto con algunas personas talentosas y solidarias de la comunidad web para publicar su gran experiencia como libros que superan la prueba del tiempo. Alla, Adam y Andy son algunas de estas personas. ¿Ya echaste un vistazo a sus libros?