+++ WEB DESIGN UPDATE. - Volume 18, Issue 09, August 27, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 09 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: CASCADING STYLE SHEETS. 03: COLOR. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Checklist (Updated) By Updated by Jay Nemchik. "Elsevier is proud to announce the upgraded Accessibility Checklist Tool! Now with text search, WCAG 2.1 checkpoints, and a new modernized 1 page checklist for designers/developers." http://romeo.elsevier.com/accessibility_checklist/ UX Accessibility for Elderly - 12 Principles By Szymon Trzepla. "…I decided to collect data on this topic and have reproduced it as 12 rules + examples to follow…" https://uxplanet.org/ux-accessibility-for-elderly-12-principles-9708289b6f78 FAQ: What You Should Know About Audio Description By Jaclyn Leduc. "Audio description is showing up in more and more places, but what is it, how does it work, and why is it important…" https://www.3playmedia.com/2019/08/19/faq-audio-description/ Exploring prefers-reduced-motion By Stoyan Stefanov. "…A whole lot of people are sensitive to motion and you don't want your site to cause motion sickness and dizziness, right?…" https://www.phpied.com/exploring-prefers-reduced-motion/ Updated CAPTCHA Note Published By Janina Sajka. "Today the Accessible Platform Architectures (APA) Working Group, with the assistance of its Research Questions Task Force (RQTF), has published 'Inaccessibility of CAPTCHA,' as a Working Group Note: https://www.w3.org/TR/turingtest/ …" https://www.w3.org/blog/2019/08/updated-captcha-note-published/ Accessibility Program Fundamentals: 3rd-Party Vendor Management By Greg Williams. "…In this post, we will discuss how your organization can properly manage its third-party vendors via a policy so that accessibility is a priority…" https://www.deque.com/blog/3rd-party-vendor-management/ Accessibility Guidelines Working Group (AG WG) Project Plan By AG WG. "This page contains the project plan for the proposed Accessibility Guidelines Working Group (AGWG). The plan includes information about specifications and milestones indicated in the AGWG Charter. The dates below are tentative, used for internal planning purposes, and may change…" https://www.w3.org/WAI/GL/project The Truth About the ROI of Web Accessibility By Karl Groves. "…Ultimately, once a lawsuit is filed, the outcome is pre-determined but you can turn accessibility risk into accessibility ROI by being proactive about accessibility and by creating marketing campaigns that discuss your efforts around accessibility." https://karlgroves.com/2019/08/27/the-truth-about-the-roi-of-web-accessibility California Supreme Court Issues Unanimous Decision Affirming Full, Equal Access in the Internet Age By Disability Rights Education & Defense Fund. "…We conclude that a person who visits a business's website with intent to use its services and encounters terms or conditions that exclude the person from full and equal access to its services has standing under the Unruh Civil Rights Act, with no further requirement that the person enter into an agreement or transaction with the business…" https://dredf.org/2019/08/16/california-supreme-court-issues-unanimous-decision-affirming-full-equal-access-in-the-internet-age/ This Week in Accessibility: White v. Square By Sheri Byrne-Haber. "This case ends the hope of remaining inaccessible for Domino's or any other organization who wants to do business in California or with Californians." https://medium.com/@sheribyrnehaber/this-week-in-accessibility-white-v-square-ff8b2135f656 Federal Court Rules in Favor of Blind Students By National Federation of the Blind. "…The Federal District Court for the Central District of California Found that LACCD violated the students' rights under Title II of the Americans with Disabilities Act and Section 504 of the Rehabilitation Act of 1973 by, among other things, failing to provide them with accessible documents and course materials, failing to provide equal access to library resources, procuring and using inaccessible educational technology, and maintaining an inaccessible website…" https://nfb.org/about-us/press-room/federal-court-rules-favor-blind-students Permanent Induction and Final Judgement (Los Angeles Community College District Case) (Note this is an untagged PDF) By US District Court Central District of California. "…Within one year of the date of this Order, LACCD shall ensure that the LACCD website, and all other educational or instructional websites available to students enrolled at LACC, including all educational resources or embedded programs on those websites(such as PeopleSoft)made available to LACC students, are accessible to blindstudents in accordance with WCAG 2.1 Level AA standards…" https://www.courtlistener.com/recap/gov.uscourts.cacd.671736/gov.uscourts.cacd.671736.330.0.pdf Findings of Fact and Conclusions of Law (Los Angeles Community College District) By US District Court Central District of California. "As to the LACC website itself, Mr. Bossley testified that LACC could revise the website to make the website accessible under the Web Content Accessibility Guidelines ('WCAG'). Deficiencies in the formatting of LACC's website that preclude access by text-to-speech users do not conform with WCAG standards and could theoretically be remedied through changes in the website's coding. LACCD offered no evidence to rebut or contradict Mr. Bossley's testimony about reasonable modifications to the LACC website" https://www.docketbird.com/court-documents/Roy-Payan-et-al-v-Los-Angeles-Community-College-District-et-al/FINDINGS-OF-FACT-AND-CONCLUSIONS-OF-LAW-signed-by-Judge-Stephen-V-Wilson-See-document-for-details-mrgo/cacd-2:2017-cv-01697-00267 +02: CASCADING STYLE SHEETS. CSS Slide Decks By Russ Weakley. "24 CSS slide decks now available, from beginner to advanced topics. Each with step-by-step exercises." https://russmaxdesign.github.io/maxdesign-slides/ +03: COLOR. How to Make Your Charts More Accessible with Color Blind Friendly Palettes By Rachel Cravit. "Detailed guide on using color blind friendly palettes in charts and infographics" https://venngage.com/blog/color-blind-friendly-palette/ +04: DRUPAL. Top 10 Drupal Accessibility Modules By Tim Lehnen. "…there have been many more accessibility-focused modules contributed to the Drupal project - and these are what we'll take a closer look at in this post…" https://www.agiledrop.com/blog/top-10-drupal-accessibility-modules +05: EVALUATION & TESTING. Scenario Mapping for Design Exploration (Video) By Kim Flaherty. "When you are in the early stages of designing a user experience flow, use scenario mapping to work out how different personas will use the proposed design to solve their tasks." https://www.nngroup.com/videos/scenario-mapping/ Can You Use a 3-Point Instead of an 11-Point Scale for the NPS? By Jeff Sauro. "…To find out, we conducted three studies using the Net Promoter Score item to corroborate or clarify earlier research findings that three-point scales would be less valid and reliable…" https://measuringu.com/3-point-nps/ +06: EVENTS. Creating Accessible Modals and Autocompletes August 29, 2019. Sydney, Australia https://www.meetup.com/Sydney-Web-Accessibility-Inclusive-Design/events/264181130/ World Interaction Design Day (IxDD) September 24, 2019. Everywhere https://interactiondesignday.org/ DrupalCon Amsterdam 2019 October 28-31, 2019. Amsterdam, Netherlands https://events.drupal.org/ 2019 Australian A11y Camp November 12-15, 2019. (Workshops: November 12-13) Sydney, Australia https://a11ycamp.org.au/ World Usability Day 2019 at the University of Minnesota November 14, 2019. Minneapolis, Minnesota, U.S.A. https://it.umn.edu/events/world-usability-day-2019 Accessible Learning Conference November 21-22, 2019. East Lansing, Michigan, U.S.A. http://www.accessiblelearning.org/accessibility-learning-conference/ Las Vegas UX Conference December 7-13, 2019. Las Vegas, Nevada, U.S.A. https://www.nngroup.com/training/las-vegas/ +07: HTML. Short Update on Multiple Labels For By Steve Faulkner. "…Do not provide multiple labels for a control using the label element. Although it has been possible, as per the HTML specification, for many years, this technique is simply not well supported and may never be. If you have text before and after the input you want to include in the label, wrap the label…" https://codepen.io/stevef/post/short-update-on-multiple-labels-for +08: JAVASCRIPT. Solidity Function Visibility, Explained By Ire Aderinokun. "When writing a smart contract, we can control who/what can call functions within that contract by specifying what is known as the function visibility. This allows us to easily secure certain parts of a contract without having to write too much custom logic…" https://bitsofco.de/solidity-function-visibility-explained/ React By Charlie Owen. "I have a problem with React the library and spend a lot of time talking to my therapist…" https://www.sonniesedge.net/posts/react/ +09: MISCELLANEOUS. Why We All Need a Personal Website - Plus Practical Tips for How to Build One By Chris Shiflett. "Building and maintaining a personal website is good for you, your data, and your career. It's also essential to creating a free, open, and inspiring web. Here's how to get started and do it right…" https://99u.adobe.com/articles/64112/why-you-need-a-personal-website-and-tips-for-how-to-build-one Joel Snyder - Audio Description Associates (Video) By Emily Ha. "Dr. Joel Snyder is known internationally as one of the world's first 'audio describers,' a pioneer in the field of audio Description, making theater events, museum exhibitions, and media accessible to people who are blind or are visión-impaired…" http://www.axschat.com/joel-snyder-audio-description-associates/ Understanding Digital Speed By Gerry McGovern. "…Collaboration is an essential skill of the digital economy. And yet, in my experience, how to collaborate productively is hardly ever thought either in universities or in the workplace. You're just expected to know. But people don't always know because while non-productive collaboration is a no-brainer, productive collaboration is really hard. It requires a whole range of communication, organizational and social skills…" http://gerrymcgovern.com/understanding-digital-speed/ Jeremy Keith - Building The Web - View Source 2019 (Video) By Jeremy Keith. "An interview with Jeremy Keith, a front-end developer from Brighton, UK, on the state of the web, how we evolved over all these years, the tooling and the skills necessary to know for front-end engineers today." https://www.youtube.com/watch?v=b2PaxNwr9nI Google Is Tightening Its Grip on Your Website By Owen Williams. "A new AMP update shows how the speed-boosting technology can infiltrate every corner of the internet…" https://onezero.medium.com/google-is-tightening-its-iron-grip-on-your-website-27e06b3150e0 Opening Up the AMP Cache By Jeremy Keith. "I have a proposal that I think might alleviate some of the animosity around Google AMP…" https://adactio.com/journal/15726 Deconstructing Google's Excuses on Tracking Protection By Jonathan Mayer and Arvind Narayanan. "Blocking cookies is bad for privacy. That's the new disingenuous argument from Google, trying to justify why Chrome is so far behind Safari and Firefox in offering privacy protections. As researchers who have spent over a decade studying web tracking and online advertising, we want to set the record straight…" https://freedom-to-tinker.com/2019/08/23/deconstructing-googles-excuses-on-tracking-protection/ +10: TOOLS. Show Tweet Image Alt Text By Adrian Roselli. "…bookmarklet to show image alt text on new Twitter…" http://adrianroselli.com/2015/01/css-bookmarklets-for-testing-and-fixing.html#NewTwitterAlt +11: USABILITY. Text Scanning Patterns: Eyetracking Evidence By Kara Pernice. "Eyetracking research shows that there are 4 main patterns that people use to scan textual information on webpages: F-pattern, spotted pattern, layer-cake pattern, and commitment pattern." https://www.nngroup.com/articles/text-scanning-patterns-eyetracking/ UX Win: Get Together Signup Form By Deborah Edwards-Onoro. "…Filling out signup forms doesn't need to be a frustrating task for users, if designers keep the user in mind…" https://www.lireo.com/ux-win-get-together-signup-form/ Advice for Technical Writing By Chris Coyier. "…In advance of a recent podcast with the incredible technical writer and Smashing Magazine editor-in-chief Rachel Andrew, I gathered up a bunch of thoughts and references on the subject of technical writing…" https://css-tricks.com/advice-for-technical-writing/ Large Devices Preferred for Important Tasks By Kate Moran and Kim Flaherty. "Despite substantial improvements in mobile UX over the past decade, people still tend to do their most important online activities on larger screens." https://www.nngroup.com/articles/large-devices-important-tasks/ Usability Heuristic 3: User Control & Freedom (Video) By Lexie Kane. "No. 3 of the top 10 UX design heuristics is to allow users freedom to be in control of the interaction, even if they make mistakes and will need a clearly marked way out of trouble." https://www.nngroup.com/videos/flexibility-efficiency-use/ UX Writing: Creating Microcopy That Speaks to Users By Alejandra Rodriguez. "A single word in combination with the right visual design can make the difference between a user who engages with your brand and a user who never comes back." https://www.uxmatters.com/mt/archives/2019/08/ux-writing-creating-microcopy-that-speaks-to-users.php [Section one ends.] ++ SECTION TWO: +12: 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.]