Inclusive Design for a Digital World Designing with Accessibility in Mind

Total Page:16

File Type:pdf, Size:1020Kb

Inclusive Design for a Digital World Designing with Accessibility in Mind Inclusive Design for a Digital World Designing with Accessibility in Mind Regine M. Gilbert Foreword by Ron Rateau Inclusive Design for a Digital World: Designing with Accessibility in Mind Regine M. Gilbert New York, NY, USA ISBN-13 (pbk): 978-1-4842-5015-0 ISBN-13 (electronic): 978-1-4842-5016-7 https://doi.org/10.1007/978-1-4842-5016-7 Copyright © 2019 by Regine M. Gilbert This work is subject to copyright. All rights are reserved by the Publisher, whether the whole or part of the material is concerned, specifically the rights of translation, reprinting, reuse of illustrations, recitation, broadcasting, reproduction on microfilms or in any other physical way, and transmission or information storage and retrieval, electronic adaptation, computer software, or by similar or dissimilar methodology now known or hereafter developed. Trademarked names, logos, and images may appear in this book. Rather than use a trademark symbol with every occurrence of a trademarked name, logo, or image we use the names, logos, and images only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark. The use in this publication of trade names, trademarks, service marks, and similar terms, even if they are not identified as such, is not to be taken as an expression of opinion as to whether or not they are subject to proprietary rights. While the advice and information in this book are believed to be true and accurate at the date of publication, neither the authors nor the editors nor the publisher can accept any legal responsibility for any errors or omissions that may be made. The publisher makes no warranty, express or implied, with respect to the material contained herein. Managing Director, Apress Media LLC: Welmoed Spahr Acquisitions Editor: Natalie Development Editor: James Markham Coordinating Editor: Jessica Vakili Distributed to the book trade worldwide by Springer Science+Business Media New York, 233 Spring Street, 6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax (201) 348-4505, e-mail [email protected], or visit www.springeronline.com. Apress Media, LLC is a California LLC and the sole member (owner) is Springer Science + Business Media Finance Inc (SSBM Finance Inc). SSBM Finance Inc is a Delaware corporation. For information on translations, please e-mail [email protected], or visit http://www. apress.com/rights-permissions. Apress titles may be purchased in bulk for academic, corporate, or promotional use. eBook versions and licenses are also available for most titles. For more information, reference our Print and eBook Bulk Sales web page at http://www.apress.com/bulk-sales. Any source code or other supplementary material referenced by the author in this book is available to readers on GitHub via the book's product page, located at www.apress.com/ 978-1-4842-5015-0. For more detailed information, please visit http://www.apress.com/ source-code. Printed on acid-free paper I dedicate this book to my daddy Allen Gilbert, Jr. - he told me I could do whatever I put my mind to and he was right. Thank you to all of my students, who have taught me more than I could have ever taught you. To all my friends and family: you all have been with me on my journey - thank you! Table of Contents About the Author ...............................................................................xiii About the Technical Reviewer ............................................................xv Acknowledgments ............................................................................xvii Foreword By Ron Rateau ...................................................................xix Introduction .....................................................................................xxiii Chapter 1: Designing with Accessibility in Mind ..................................1 Changing Attitudes to Disabled People .................................................................3 Medical/Social Model of Disability ........................................................................4 We Can All Create More Inclusive Experiences .....................................................9 True Story ......................................................................................................11 NFL Image Color Rush Uniforms ....................................................................12 Red–Green Color Blindness ...........................................................................14 Blue–Yellow Color Blindness .........................................................................15 Complete Color Blindness .............................................................................15 Where to Begin? ..................................................................................................19 Conclusion ..........................................................................................................20 Chapter 2: Accessibility, Content, HTML, JavaScript, CSS, and the Land of Accessible Rich Internet Applications ......................21 Governing on the Web .........................................................................................22 Web Accessibility ................................................................................................24 v TABLE OF CONTENTS Web Content ........................................................................................................26 Information Architecture Helps Build Better Experiences .............................27 What Does the Code Do? ...............................................................................30 The Benefits of Knowing Basic HTML and CSS .............................................30 Understanding Code and How to Code Is Understanding Pixels ....................31 Assistive Technologies ........................................................................................32 HTML Best Practices ...........................................................................................33 Use Container Elements for Layout Only .......................................................34 Use Other HTML Elements the Way They’re Intended ....................................34 Headings ........................................................................................................35 Examples of Accessibility Do’s and Don’ts for HTML ..........................................35 JavaScript ...........................................................................................................40 Conclusion ..........................................................................................................42 Chapter 3: If It’s Annoying, It’s Probably not Accessible ....................43 The Annoyances and Solutions ...........................................................................45 A Page Taking Too Long to Load ....................................................................46 Poor Content Layout ......................................................................................46 Pop-ups .........................................................................................................48 Too Much Text ................................................................................................49 Uncertainty Related to Buttons and Links .....................................................50 Autoplay .........................................................................................................51 What to Do Next ..................................................................................................58 Closing Thoughts .................................................................................................59 Chapter 4: Compliance and Accessibility ...........................................61 A Step in the Right Direction ...............................................................................61 United States .................................................................................................62 Other US Digital Accessibility Legislation ......................................................62 vi TABLE OF CONTENTS Canada ..........................................................................................................62 Europe ...........................................................................................................63 Asia Pacific ....................................................................................................63 International Standards .................................................................................63 Further Reading .............................................................................................64 Web Content Accessibility Timeline ....................................................................64 POUR ...................................................................................................................65 Perceivable: Providing Text Alternatives ........................................................66 Operable: Components and Navigation .........................................................74 Understandable: Error Identification ..............................................................77 Robust ...........................................................................................................78 ADA’s Impact on Web Accessibility .....................................................................79 Target 2008....................................................................................................80
Recommended publications
  • Accessibility Through User-Centred Design and Inclusive Design Processes
    ACCESSIBILITY THROUGH USER-CENTRED DESIGN AND INCLUSIVE DESIGN PROCESSES 2014 Richard Herriott Side 1 af 3 This PhD dissertation addresses the subject of accessibility through user- centred and Inclusive Design processes (ID). The project takes as its starting point the observation that the concept of Inclusive Design is not adequately delimited. The supporting literature in the field of ID is structured around the fact that the needs of individuals with reduced capabilities compared to the norm (referred to for convenience as "the elderly and disabled") have not been properly addressed by standard design processes. In response to this fact, ID is a proposed design method to find more effective means to improve the usability of consumer goods. The method focusses on using a wide range of techniques to identify user needs, chiefly deployed at the start of the design process but also emphasises involvement at middle to final stages. The research question that this dissertation is centred upon is: can ID be delimited by examining design for accessibility in the areas of assistive technology (AT) and public transport (PT) with reference to consumer product design? Whilst a considerable body of literature exists on why ID should be done (technical and ethical reasons) and on methods to achieve this aim, there has not been made an attempt to define the limits of ID methods. No process or design method is universal. There is a means, ID, and an objective or end, accessibility for a much broader range of users but in existing literature the means and ends are not disentangled. Whilst accessibility is a constant requirement, the methods outlined to achieve this end are presented on the assumption that approaches intended for design for mainstream consumer products are universally applicable.
    [Show full text]
  • Inclusion by Design Equality, Diversity and the Built Environment 5642 A4:Layout 1 21/11/08 09:30 Page 2
    5642_A4:Layout 1 20/11/08 10:43 Page 1 Inclusion by design Equality, diversity and the built environment 5642_A4:Layout 1 21/11/08 09:30 Page 2 Published in 2008 by the Commission for Architecture and the Built Environment. CABE is the government’s advisor on architecture, urban design and public space. As a public body, we encourage policymakers to create places that work for people. We help local planners apply national design policy and advise developers and architects, persuading them to put people’s needs first. We show public sector clients how to commission projects that meet the needs of their users. And we seek to inspire the public to demand more from their buildings and spaces. Advising, influencing and inspiring, we work to create well-designed, welcoming places. Cover photo: Barking Town Centre, © Tim Soar Printed by Seacourt Ltd on Revive recycled paper, using the waterless offset printing process (0 per cent water and 0 per cent isopropyl alcohol or harmful substitutes), 100 per cent renewable energy and vegetable oil-based inks. Seacourt Ltd holds EMAS and ISO 14001 environmental accreditations. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, copied or transmitted without the prior written consent of the publisher except that the material may be photocopied for non-commercial purposes without permission from the publisher. This document is available in alternative formats on request from the publisher. 5642_A4:Layout 1 20/11/08 10:43 Page 3 Inclusion by design The quality of buildings and spaces has a strong influence on the quality of people’s lives .
    [Show full text]
  • Design Guide: Real Estate Development Designing and Developing Real Estate and Community
    DESIGN GUIDE: REAL ESTATE DEVELOPMENT DESIGNING AND DEVELOPING REAL ESTATE AND COMMUNITY DESIGN DEVELOPMENT HOW DESIGN SUPPORTS DESIGNING ACCESSIBLE, DEVELOPMENT WELCOMING, & SUSTAINABLE PLACES 2 DESIGN GUIDE: REAL ESTATE DEVELOPMENT DESIGNING AND DEVELOPING REAL ESTATE AND COMMUNITY DESIGN DEVELOPMENT HOW DESIGN SUPPORTS DESIGNING ACCESSIBLE, DEVELOPMENT WELCOMING, & SUSTAINABLE PLACES 4 SECTION 1 WHAT IS DESIGN? 12 Design Disciplines 15 What a Designer Does 16 Design Principles 18 Design Solutions 19 Design Should Inspire 20 Beyond Aesthetics 10-33 24 Hiring the Right Designer SECTION 2 REAL ESTATE DEVELOPMENT 37 Who Is a Developer? 37 Types of Projects 42 Policy Shapes Development 44 Development Shapes a City’s Identity 34-55 49 Prioritizing Development Outcomes SECTION 3 HOW DESIGN SUPPORTS DEVELOPMENT 59 The People Involved 60 Setting Yourself Up for Success 62 Phases of the Development Journey 56-93 63 How Designers Support the Development Process Design Core Detroit 5 SECTION 4 DESIGNING ACCESSIBLE, WELCOMING, & SUSTAINABLE PLACES 97 Universal Design 103 Inclusive Design 94-111 110 Sustainable Design SECTION 5 Estate Guide: Real Design CASE STUDIES 115 Grace in Action 118 Allied Media Projects “LOVE” Building 121 Core City Developments 124 Commonwealth Single-Family House Infill 126 B. Siegel Building 112-129 128 Foundation Hotel 130 Conclusion 134 Glossary 142 Appendices 155 Resources 160 Acknowledgments 162 References 130-162 6 Strengthening the Built Environment Through Design This Guide was produced by Design Core Detroit as one of a series of Guides to help people understand design and how it can help them be more successful in their endeavors. It seeks to inspire, inform, and advise.
    [Show full text]
  • Inclusive Design for Mobile Devices with WCAG and Attentional Resources in Mind
    Linköping University | Department of Computer and Information Science Master’s thesis, 30 credits | Cognitive science Spring term 2020 | ISRN: LIU-IDA/KOGVET-A--20/010--SE Inclusive Design for Mobile Devices with WCAG and Attentional Resources in Mind An investigation of the sufficiency of the Web Content Accessibility Guidelines when designing inclusively and the effects of limited attentional resources. Josefin Carlbring Tutor: Erik Marsja (IBL) Examinator: Arne Jönsson (IDA) Copyright The publishers will keep this document online on the Internet – or its possible replacement – for a period of 25 years starting from the date of publication barring exceptional circumstances. The online availability of the document implies permanent permission for anyone to read, to download, or to print out single copies for his/hers own use and to use it unchanged for non-commercial research and educational purpose. Subsequent transfers of copyright cannot revoke this permission. All other uses of the document are conditional upon the consent of the copyright owner. The publisher has taken technical and administrative measures to assure authenticity, security and accessibility. According to intellectual property law the author has the right to be mentioned when his/her work is accessed as described above and to be protected against infringement. For additional information about the Linköping University Electronic Press and its procedures for publication and for assurance of document integrity, please refer to its www home page: http://www.ep.liu.se/. © Josefin Carlbring ii iii Abstract When designing for the general population it is important to design inclusively in order to invite to participation in today’s digital society.
    [Show full text]
  • What Is Universal Design…Inclusive Design…Design-For-All?
    What is universal design…inclusive design…design-for-all? …a framework for the design of places, things, information, communication and policy that focuses on the user, on the widest range of people operating in the widest range of situations without special or separate design. Or, more simply: Human-Centered design (of everything) with everyone in mind Universal Design Principles: Equitable Use: The design does not disadvantage or stigmatize any group of users. Flexibility in Use: The design accommodates a wide range of individual preferences and abilities. Simple, Intuitive Use: Use of the design is easy to understand, regardless of the user’s experience, knowledge, language skills, or current concentration level. Perceptible Information: The design communicates necessary information effectively to the user, regardless of ambient conditions or the user’s sensory abilities. Tolerance for Error: The design minimizes hazards and the adverse consequences of accidental or unintended actions. Low Physical Effort: The design can be used efficiently and comfortably, and with a minimum of fatigue. Size and Space for Approach & Use: Appropriate size and space is provided for approach, reach, manipulation, and use, regardless of the user’s body size, posture, or mobility. [Developed by a group of US designers and design educators from five organizations in 1997. Principles are copyrighted to the Center for Universal Design, School of Design, State University of North Carolina at Raleigh. The Principles are in use internationally.] Relationship between Legally Mandated Accessibility & Inclusive Design Legally mandated requirements for accessible design, within a civil or human rights context, provide a vital basis for autonomy and equal opportunity for people with disabilities.
    [Show full text]
  • INCLUSIVE DESIGN Topic Leader: Professor Nicholas J
    INCLUSIVE DESIGN Topic Leader: Professor Nicholas J. Ward Assistant Professor Bernadette McCrory Associate Teaching Professor Frank Marchak Assistant Teaching Professor Maria Velazquez Definition It is socially responsible to design products, services and systems that are responsive to the needs of most people. Such design should also be compatible with the culture of user communities and sustain their local environments. In this context, Inclusive Design1 is an intentional process to involve all relevant user communities in the design process to create solutions that provide usable and meaningful access to products, services and systems for most people .2 Successful Inclusive Design can improve quality of life amongst diverse user communities in a way that respects their local culture and protects the shared environment. Inclusive Design can produce a single solution by integrating features to address the needs of diverse user communities. For example, this staircase integrates steps with ramps for access by users requiring wheelchair. Inclusive Design can also produce a single solution with special features to include a target user community but is also usable by other users. For example, Oxo Good Grip3 is a utensil design with oversized handles for arthritic users to comfortably operate them, which is also comfortable for other users.4 1 “Inclusive Design” originated in Europe and primarily focuses on the design of technology and considers all forms of exclusion. The related term “Universal Design” originated in the USA and primarily
    [Show full text]
  • Spring 2005 Inside
    the CARDINALSt. Charles Preparatory School Alumni Magazine Spring 2005 Inside Joel I. Klein is a “non-traditional” superintendent of the New York City School system. Read how this “change agent” is working to transform a public school system facing many serious challenges and his warning that globalization will not tolerate unprepared students in the workforce. Page 4 1958 alumnus Frederick Gottemoeller is a world- recognized expert in the field of bridge design aesthetics. Read about his distinguished career in architecture and transportation planning, as well as the role former St. Charles teacher Fr. Charles A. Haluska played in influencing his academic and professional successes. Page 6 The freedoms some Americans take for granted have been afforded us by the supreme and ultimate sacrifices of those in the armed forces. In a special section, we honor St. Charles alumni and family members currently serving in the military — in some of the most dangerous places on earth. Read about their personal accounts from abroad, updates on a historic group of graduates in 1989 as many current military alumni as we could find, and a special gift to soldiers being deployed to Iraq. Page 8 Last November St. Charles recognized four members of its community with The Borromean Medals and Principal’s Award, the school’s highest honors. Read about Fr. Robert Schwenker ’54, Dr. Daniel Rankin III ’53 and faculty members Ann Cobler and Doug Montgomery — all noted Honoring Service to Country their service and dedication for their distinguished service and Many alumni attend military academies, dedication. Page 25 serve in U.S.
    [Show full text]
  • What Are We Missing? Rethinking
    What Are We Missing? Rethinking Public, Private and Nonprofit Strategies to Advance Women in Technology UCLA Luskin Center for Innovation March 2016 Luskin School of Public Affairs ABOUT & AUTHORSHIP This report is an outcome of the event What are we Missing? Rethinking Strategies to Advance Women in Technology (the conference), which was hosted by the UCLA Luskin Center for Innovation and the UCLA Office of Information Technology on April 30, 2015. The report is divided into four main sections, starting with an introduction, then a literature review of a wide range of strategies to advance women in technology, recommendations for further research, and an appendix that includes a summary of the conference. The literature review was authored by Rebecca Sadwick, Sophie Mako Tanaka, and Adina Farrukh of the UCLA Luskin Center for Innovation. The summary of conference findings was authored by Rhianon Anderson and Kiana Taheri, with editing by Rebecca Sadwick. The bios below list both past and present affiliation. All work was done when the authors were with the Luskin Center for Innovation. Rebecca Sadwick is the Digital Technologies Program Manager for the UCLA Luskin Center for Innovation. She also serves as Director of Marketing for GoGuardian, an education technology company providing device management software to schools. Rebecca’s prior work includes research on the effects of teacher tenure on K-12 education, youth Internet safety, and the role of merit-based teacher pay on student outcomes. Sophie Mako Tanaka was a researcher with the UCLA Luskin Center for Innovation’s digital technologies initiative. She is now a researcher for the Social and Identity Lab a UCLA and the Chief of Marketing and Finances for the Undergraduate Research Journal of Psychology at UCLA.
    [Show full text]
  • The Principles of Inclusive Design: They Include
    The principles of inclusive design. (They include you.) Published in 2006 by the Commission for Architecture and the Built Environment. Written by by Howard Fletcher. Graphic design by Alexander Boxill. Photography by Michele Turriani. Many thanks to the models who gave up their time to be photographed for this project. Printed by Lithosphere on Starfine environmentally friendly paper. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system, copied or transmitted without the prior written consent of the publisher except that the material may be photocopied for non-commercial purposes without permission from the publisher. This document is available in alternative formats on request from the publisher. CABE is the government's advisor on architecture, urban design and public space. As a public body, we encourage policymakers to create places that work for people. We help local planners apply national design policy and offer expert advice to developers and architects. We show public sector clients how to commission buildings that meet the needs of their users. And we seek to inspire the public to demand more from their buildings and spaces. Advising, influencing and inspiring, we work to create well-designed, welcoming places. CABE 1 Kemble Street London WC2B 4AN T 020 7070 6700 F 020 7070 6777 E [email protected] www.cabe.org.uk Inclusive design is about making places everyone can use. The way places are designed affects our ability to move, see, hear and communicate effectively. Inclusive design aims to remove the barriers that create undue effort and separation.
    [Show full text]
  • The Economic Explanation of Inclusive Design in Different Stages of Product Life Time
    INTERNATIONAL CONFERENCE ON ENGINEERING DESIGN, ICED19 5-8 AUGUST 2019, DELFT, THE NETHERLANDS THE ECONOMIC EXPLANATION OF INCLUSIVE DESIGN IN DIFFERENT STAGES OF PRODUCT LIFE TIME Li, Fang (1,3); Dong, Hua (2) 1: College of Architecture and Urban Planning, Tongji University; 2: College of Design and Innovation, Tongji University; 3: Institute of International Exchange, Shanghai Open University ABSTRACT The static data obtained from user research are not sufficient to accurately reflect the change of the user's needs and capabilities in different contexts. Not paying enough attention to the economic feasibility of design solutions makes inclusive design face challenges in commercialization. In this paper, the user's demand is regarded as a function of the dynamic interaction between the user's characteristics and the environment. The inclusion problem is defined from an economic perspective. By distinguishing the stages before and after the delivery of a product, different economic properties of the product are defined. Then the two stages are analysed from the perspective of investment and consumption respectively, and the competition criterion of inclusivity distribution and the reasons for exclusion are deduced. According to the causes of different problems in the two stages, the research direction of inclusive solutions is pointed out, and the economical sustainability of inclusive design is analysed. This paper emphasizes that the goal of inclusive design lies not only in the partial and temporary elimination of exclusion, but also in how to distribute the freedom of choice. Keywords: Inclusive design, Design theory, Design methodology, User centred design, Design economics Contact: Li, Fang Tongji University College of Architecture and Urban Planning China, People's Republic of [email protected] Cite this article: Li, F., Dong, H.
    [Show full text]
  • User-Centered Approach to Product Design for People with Visual Impairments
    https://doi.org/10.24867/GRID-2018-p33 Original scientific paper USER-CENTERED APPROACH TO PRODUCT DESIGN FOR PEOPLE WITH VISUAL IMPAIRMENTS Monika Rastovac 1 , Jurica Dolić 2 , Jesenka Pibernik 2 , Lidija Mandić 2 1Q-Bit d.o.o., Zagreb, Croatia 2University of Zagreb, Faculty of Graphic Arts, Zagreb, Croatia Abstract: The aim of this research was to investigate the application of the user-centred design process to the design and development of a product and it’s packaging suitable for people with visual impairments. The product and packaging had to be accessible to stakeholders on both sides - not only to visually impaired end users but also to the workers with visual impairments in the production process. The accessibility features had to function in conjunction with other presentation and functional requirements of the product and packaging. In order to adapt the design for people with visual impairments, research of optimal design process was conducted using combination of contextual design with other user-centred methods. Rapid prototyping was used to create full-scale physical packaging models and product moulding tools for evaluation. Additional subjective evaluation using semantic differential was carried on users without visual impairments to establish the perception of pragmatic and hedonic quality of the packaging. Key words: packaging, product design, visual impairment, Braille, user-centred Design, contextual design 1. INTRODUCTION User-Centred Design (UCD), which is a subset of Human-Centred Design (HCD), is an approach to design of interactive products in which the deep understanding of users’ needs and potentials presents a key factor for design decisions throughout the design process.
    [Show full text]
  • Download Magazine
    UCLA SCHOOL OF LAW BOARD OF ADVISORS Michael T. Masin '69, Co-Chair Kenneth Ziffren '65, Co-Chair Nancy Abell '79 James D. C. Barrall '75 Jonathan F. Chait '75 Stephen E. Claman '59 Deborah David '75 Hugo D. de Castro '60 David J. Epstein ‘64 Edwin F. Feo ‘77 David Fleming '59 Arthur N. Greenberg '52 Bernard Greenberg '58 Antonia Hernandez '74 Joseph K. Kornwasser ‘72 Stewart C. Kwoh ‘74 Louis M. Meisinger ‘67 Wendy Munger ‘77 Greg M. Nitzkowski ‘84 Nelson C. Rising '67 UCLA LAW Paul S. Rutter ‘78 Ralph J. Shapiro '58 The Magazine of the School of Law The Honorable David Sotelo ‘86 Vol. 29 / No. 1 / Fall 2006 Bruce H. Spector ‘67 Robert J. Wynne '67 © 2006 Regents of the University of California The Honorable Kim Wardlaw ‘79 UCLA School of Law Office of Communications Box 951476 UCLA LAW ALUMNI ASSOCIATION BOARD OF Los Angeles, California 90095-1476 DIRECTORS Greg Ellis '85, President Michael H. Schill Dean and Professor of Law Donna Wells '92, Vice President Laura Lavado Parker, Assistant Dean, External Affairs Honorable Steven Z. Perren '67, Past President Philip Little, Director of Communications Leslie Cohen '80 Editor Anne Greco Larry Ebiner '85 Assistant Director of Communications Rasha Gerges '01 Honorable Joe W. Hilberman '73 Design Francisco A. Lopez Michael Josephson '67 Manager of Publications and Graphic Design Pamela Kelly '86 David Kowal '96 Contributing Writers Liz Furmanchik Karin Krogius '82 Dan Gordon Ronald Lazof '71 David Greenwald Thomas Mabie '79 Scott Woolley, Forbes Magazine Martin Majestic '67 The Honorable Jon Mayeda '71 Photography Edward Carreon, Carreon Photography Vernon Thomas Meader '78 Todd Cheney, ASUCLA Photography Jay Palchikoff '82 Don Liebig, ASUCLA Photography Wilma Pinder '76 William Short, ASUCLA Photography George Ruiz '92 Rick Runkel '81 The Honorable George Schiavelli '74 Printer The Castle Press Gary Stabile '67 Pasadena, Calif.
    [Show full text]