+++ WEB DESIGN UPDATE. - Volume 17, Issue 48, May 23, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 48 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: EVALUATION & TESTING. 03: EVENTS. 04: HTML. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. First Annual State Of Accessibility Report (PDF) By Diamond. "The current state of accessibility is unacceptable. There are an average of 59.6 major accessibility errors per webpage. From both a civil rights and a business perspective, the 61 million Americans 2 and 1 billion people3 with disabil-ities ('PwD') worldwide are under-served by today's digital products. Accessibility lawsuits are rising exponentially, which has resulted in nascent awareness that accessibility is an issue…" https://cdn2.hubspot.net/hubfs/5626219/SOAR%20/Diamond_SOAR_Report_2019.pdf Columbia & Elm; Fairfield & Gloucester. By Ethan Marcotte. "…I want to read poetry in alt text; to have our work's success measured by how broadly it can be accessed; to create moving, beautiful experiences for people who may not use the web like I do…" https://ethanmarcotte.com/wrote/columbia-and-elm-fairfield-and-gloucester/ 7 Reasons Why You Want to Caption Your Videos By Meryl K. Evans. "…People who are deaf or hard of hearing are NOT the main users of captioned videos. Here are seven reasons to caption your videos…" https://www.linkedin.com/pulse/7-reasons-why-you-want-caption-your-videos-meryl-evans Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible By Oliver Lindberg. "…To mark Global Accessibility Awareness Day, we asked several accessibility advocates for some practical tips you may not have thought of, to help you build sites and apps that are more accessible and inclusive…" https://www.shopify.com/partners/blog/universal-design Short Note on prefers-reduced-motion and Puzzled (Windows) Users By Patrick H. Lauke. "…recommend just sticking to this particular (Windows-specific effects in the 'Advanced System Settings') checkbox when testing for 2.3.3 Animation from Interactions - unless you enjoy spending time after each round of testing to reset your Windows environment the way you like it." https://developer.paciellogroup.com/blog/2019/05/short-note-on-prefers-reduced-motion-and-puzzled-windows-users/ Checklist By The A11Y Project. "Determine how accessible your site is…" https://a11yproject.com/checklist Understanding SC 1.1.1 Non-text Content By Raghavendra Satish Peri. "This success criterion requires that any non-text content that includes active images (imagelinks), area maps, informative images, complex charts and graphs, CSS images, decorative images, input image controls, CAPTCHA and audio and video contents must have text alternatives…" https://www.digitala11y.com/understanding-sc-1-1-1-non-text-content/ Summary of Accessibility Toronto Camp By Dennis Lembree. "Accessibility Toronto Camp occurred Saturday, May 18 at OCAD University in incredible city of Toronto, Ontario, Canada…" http://www.webaxe.org/summary-of-accessibility-toronto-camp/ Selfish Accessibility - YGLF Vilnius (Slides) By Adrian Roselli. Adrian's Vilnius JavaScript slides. http://adrianroselli.com/2019/05/selfish-accessibility-yglf-vilnius.html How Your Company Can Prevent ADA Website Accessibility Lawsuits By Kim Krause Berg. "…The only way to prevent an ADA lawsuit is to plan for, design and build for web accessibility…" https://www.searchenginejournal.com/prevent-accessibility-website-lawsuit/306055/ Fraud Whistleblower Seeks Redress for Inaccessible Public Website that Cost California $66 Million By Kristopher Nelson. "TRE Legal Practice alleges that Xerox Corp. and Conduent, Inc. defrauded taxpayers when the two companies built a $66 million state park reservation website that hundreds of thousands of Californians with disabilities cannot use…" https://www.trelegal.com/posts/fraud-whistleblower-seeks-redress-for-inaccessible-public-website-that-cost-california-66-million/ +02: EVALUATION & TESTING. Using Trade-Off Scales for Prioritization in UX Design Projects By Anna Kaley. "Trade-off scales are a tool that UX practitioners can use to to visually prioritize user needs and project dimensions to focus resources on the most important ones." https://www.nngroup.com/videos/tradeoff-scale-ux-priority/ +03: EVENTS. Utah Accessibility Meetup #1 May 29, 2019. Salt Lake City, Utah, U.S.A. https://www.meetup.com/UtahA11y/events/261077544/ Maker Series: Accessibility Workshop with Derek Featherstone June 13, 2019. Dayton, Ohio, U.S.A. https://www.eventbrite.com/e/maker-series-accessibility-workshop-with-derek-featherstone-tickets-61582042547 Impact of Captions & Transcripts on Student Learning & Comprehension June 26, 2019. Online https://www.3playmedia.com/resources/webinars/ JSConf US August 12-14, 2019 Carlsbad, California, U.S.A. https://2019.jsconf.us/ Vancouver UX Conference August 19-23, 2019. Vancouver, British Columbia, Canada https://www.nngroup.com/training/vancouver/ Abstractions August 21-23, 2019 Pittsburgh, Pennsylvania, U.S.A. https://abstractions.io/ W3C Developer Meetup September 16, 2019. Fukuoka, Japan https://www.w3.org/2019/09/Meetup/ +04: HTML. Building an Accessible Progressive Loader (Slides) By Russ Weakley. "This presentation for A11y Bytes May 2019, takes you through how to mark up a progress loader using the progress element. Then, eight tips for making the progress loader accessible." https://www.slideshare.net/maxdesign/building-an-accessible-progressive-loader +05: JAVASCRIPT. JavaScript and Accessibility: Accordions By Lindsey Kopacz. "…I am going to go into a deep dive on how to make accordions accessible! Our focus is: 1.) Accessing the accordion with a keyboard 1.) Screen reader support…" https://www.a11ywithlindsey.com/blog/javascript-accessibility-accordions/ +06: MISCELLANEOUS. Take Back Your Web (Video) By Tantek Çelik. "…Own your domain. Own your content. Own your social connections. Own your reading experience. IndieWeb services, tools, and standards enable you to take back your web." https://vimeo.com/336343886 Can 'Indie' Social Media Save Us? By Cal Newport. "…If you're using a company's servers without paying for the privilege, then that company must be finding other ways to 'extract value' from you…Social media has reshaped our culture, and this has convinced us that it is fundamentally appealing. Strip away its most manipulative elements, though, and we may find that it's less rewarding than it seems." https://www.newyorker.com/tech/annals-of-technology/can-indie-social-media-save-us All Constraints are Beautiful (Video) By Charlie Owen. "…In this talk Charlie will tell us how constraints are something that should be sought out and embraced, especially in the infinite chaos of the web…" https://vimeo.com/335856612 Accessibility in Web Standards (Podcast) By Jamie White. "Léonie Watson has been focused on accessibility for nearly twenty years. She joins us to talk about her long career in web accessibility, her involvement in the W3C, and where she believes the future of the technology is headed.…" https://www.heroku.com/podcasts/codeish/16-accessibility-in-web-standards +07: NAVIGATION. How to Conduct Research for Customer Journey Mapping (Video) By Kate Kaplan. "When conducting research for customer-journey maps, use qualitative methods that allow direct interaction with or observation of users, such as interviews, field studies, and diary studies." https://www.nngroup.com/videos/research-journey-mapping/ +08: TOOLS. ARC Toolkit By The Paciello Group. "Quickly uncover accessibility issues on any web page and gain valuable accessibility insights with TPG's ARC Toolkit." https://www.paciellogroup.com/toolkit/ Contrast Checker By GOVUK Design System Team. Developed to help test WCAG 2.1 Success Criterion 1.4.11: Non-text Contrast. https://contrast-checker.glitch.me/ +09: USABILITY. Digital Contributing to Climate Crisis By Gerry McGovern. "…The digital environment is much more wasteful than the physical environment since it is easy to create, copy, and publish digital things. Our oceans are full of plastic. Our websites are even more full of crap. We treat our digital environment even worse than our physical environment. It's high time we changed." http://gerrymcgovern.com/digital-contributing-to-climate-crisis/ 10 Usability Heuristics Applied to Video Games By Alita Joyce. "Following Jakob Nielsen's 10 heuristics for user-interface design will improve the user experience of video games." https://www.nngroup.com/articles/usability-heuristics-applied-video-games/ [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]