+++ WEB DESIGN UPDATE. - Volume 18, Issue 11, September 11, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 11 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: EVALUATION & TESTING. 04: EVENTS. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Making Audio and Video Media Accessible By W3C Web Accessibility Initiative (WAI), Shawn Lawton Henry, Editor. "Accessible audio and video is essential for people with disabilities, and benefits organizations. Depending on the content of your media, it might need captions/subtitles (a text version of the audio that is shown synchronized in the media player), a transcript (a separate text version of the audio), audio description of visual information (usually an additional audio stream that describes important visual content), or other accessibility functionality/features…" https://www.w3.org/WAI/media/av/ Command Palettes for the Web By Rob Dodson. "A while back I was working with a fellow Googler to try and improve the accessibility for one of our apps. In the scenario, a user needed to click some UI, which then opened a panel, where the user needed to click more UI to perform an action. Helping a screen reader navigate these various UI states is a tricky technique known as focus management…" https://robdodson.me/command-palettes/ Table with Expando Rows By Adrian Roselli. "…Typically there are only two things you as an author need to do for a row expando to retain table semantics…" http://adrianroselli.com/2019/09/table-with-expando-rows.html Accessible Components (Hat tip to Margaret Menzi) By Scott O'Hara. "Accessible markup patterns and progressively enhanced JavaScript components to build common UI patterns." https://github.com/scottaohara/accessible_components What Makes an Accessible Card? (Video) By Rian Rietveld. "What makes an accessible card? In this August 2019 edition, Rian Rietveld discusses the considerations for creating an accessible card from the basics of construction through title, thumbnail, date, excerpt, tags, categories and read more link…" https://www.youtube.com/watch?v=AH2NagMoYYE Why Accessibility Is the Future of Tech By John Brownlee. "Designing solutions for people with disabilities offers a peephole into the future…" https://modus.medium.com/why-accessibility-is-the-future-of-tech-a3f535cc4f0e Understanding Assistive Technology: How Does a Blind Person Use Twitter? (Video) By Meaghan Roper. "For people who are blind or low vision, screen reading software enables them to browse the web and use applications. We asked Level Access business analyst, Meaghan Roper, to show us how she uses Twitter on her laptop and her iPhone…" https://levelaccess.com/video-how-does-a-blind-person-use-twitter-assistive-technology-screen-reader-voiceover-talkback/ ADA Lawsuit Costs are WAY More Than Just the Settlement By Sheri Byrne-Haber. "When performing accessibility risk assessment, there are many costs you must include in your calculations in addition to plaintiff payouts…" https://medium.com/@sheribyrnehaber/ada-lawsuit-costs-are-way-more-than-just-the-settlement-7f2aaccfe1e7 Renewed Web and Physical Accessibility Congressional Efforts an Exercise in Futility? By Minh N. Vu and Kristina M. Launey. "Congress Members recently renewed their efforts to take legislative action and urge the DOJ take regulatory action regarding physical and website accessibility, respectively…" https://www.adatitleiii.com/2019/09/renewed-web-and-physical-accessibility-congressional-efforts-an-exercise-in-futility/ How Domino's Could Topple the Accessible Web - Part 1: Public Accommodations By Ben Myers. "This post is the first in a three-part series on web accessibility in American case law, and the impact Robles v. Domino's Pizza could have on that landscape. This first entry focuses on the ways courts interpret public accommodations…" https://blog.benmyers.dev/dominos-1/ Will the U.S. Supreme Court Hear Domino's v. Robles? If They Do, What Could Happen? By Level Access. "The reason this case is getting so much attention is that Domino's is asking the U.S. Supreme Court to find, once and for all, that Title III of the Americans with Disabilities Act (ADA) does not require restaurants and other public accommodations, such as banks, retailers, and hotels, to make their web and mobiles apps accessible for persons with disabilities…" https://levelaccess.com/supreme-court-dominos-robles-digital-accessibility/ +02: CASCADING STYLE SHEETS. Overflow and Data Loss in CSS By Rachel Andrew. "In this article, Rachel Andrew explores the situations in which you might encounter overflow in your web designs and explains how CSS has evolved to create better ways to manage and design around unknown amounts of content…" https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/ Logical Operations with CSS Variables By Ana Tudor. "…This article is going to show you what calc() formulas we need to use for each logical operation and explain how and why they are used with a couple of use cases that lead to the writing of this article…" https://css-tricks.com/logical-operations-with-css-variables/ Inspired Design Decisions: Alexey Brodovitch By Andy Clarke. "In this fourth installment of Inspired Design Decisions, Andy Clarke will teach you about Alexey Brodovitch, one of the most influential art directors of the twentieth century. Andy will teach you about Brodovitch's iconic work and show you how to apply some of his design techniques to the work you make for the web. In this article, you'll learn how scattering images will fill your designs with movement. Andy will teach you how to mirror pictures and text, and how to carve text into shapes using CSS Shapes…" https://www.smashingmagazine.com/2019/09/inspired-design-decisions-alexey-brodovitch/ +03: EVALUATION & TESTING. Evaluating Websites for Accessibility (Video) By Bruce Bailey and Jared Smith. Bruce and Jared's September 5 webinar. "…This introductory webinar will cover online barriers to accessibility and explain how to check that web content is accessible to all visitors using standards that apply to the federal government under Section 508 of the Rehabilitation Act…" https://www.accessibilityonline.org/ao/archives/110746 Sample Size in Usability Studies: How Well Does the Math Match Reality? By Jeff Sauro. "…In this article I'll use some real usability test data to see what happens with just five users…" https://measuringu.com/sample-size-reality/ Tests Go First. Usability Testing in Design By Alina Arhipova. "The article provides general insights on the role of usability testing in UX design and methods helping to discern usability problems in mobile apps and websites…" https://tubikstudio.com/tests-go-first-usability-testing-in-design/ Running Inclusive Research Sessions. Beyond Screen Readers and Verbal Feedback. By Vita Mangan. "Inclusive research makes services better for everyone, not only those with accessibility needs…" https://medium.com/swlh/running-inclusive-research-sessions-beyond-wheelchairs-and-screen-readers-488362c7103d +04: EVENTS. Usability Starts with Accessibility September 18, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/264583181/ Live stream: https://www.youtube.com/watch?v=5P3L1MRfvfM Live captions: http://www.streamtext.net/player?event=CDA JAWS Inspect: An Inclusive Approach To Manual Accessibility Testing October 9, 2019. Cleveland, Ohio, U.S.A. https://www.meetup.com/Cleveland-Accessibility-Meetup/events/264002876/ Boston Accessibility Group Conference 2019 November 2, 2019. Boston, Massachusetts, U.S.A. https://www.meetup.com/a11yBos/events/263835817/ Association for Computing Machinery (ACM) Special Interest Group on University and College Computing Services (SIGUCCS) Conference November 3-6, 2019. New Orleans, Louisiana, U.S.A. https://siguccs.org/Conference/2019/ +05: JAVASCRIPT. Accessible React Component Libraries By Marcus Herrmann. "…In this little blog post I will try to collect my findings so far (please reach out to me via Twitter or eMail if you happen to know of more resources…" https://marcus.io/blog/accessible-react-component-libraries Angular, Accessibility, and You By Matt Moore. "The motivation behind this post is that technical resources for implementing accessibility techniques, especially with modern Javascript frameworks like Angular, are very sparse…" https://blog.dinolytics.com/2018/10/25/angular-accessibility-and-you/ It's Not Wrong That "🤦🏼‍♂️".length == 7< By Henry Sivonen. "…In this post, I will try to convince you that ridiculing JavaScript for this is less insightful than it first appears and that Swift's approach to string length isn't unambiguously the best one. Python 3's approach is unambiguously the worst one, though…" https://hsivonen.fi/string-length/ +06: MISCELLANEOUS. Google's 'Secret Web Tracking Pages' Explained By Jane Wakefield. "Google has been accused of using hidden webpages that are assigned to users to provide more information to advertisers about their every move online…" https://www.bbc.com/news/technology-49593830 Firefox Private Network By Mozilla. "If a Wi-Fi connection is free and open to you, it's also free and open to hackers. Firefox Private Network is a desktop extension that helps secure and protect your connection everywhere you use Firefox. Try it free (in the US) during our beta trial…" https://private-network.firefox.com/ +07: USABILITY. The Problem with Tooltips and What to do Instead By Adam Silver. "…While tooltips provide a way to hide and show content, needing to clarify how your interface works indicates bad design. At best, tooltips make users jump through a series of hurdles in order to access the content. At worst, they're not seen and totally inaccessible. A better alternative is to just show the content in situ, or better yet, design the interface so that users don't need the additional guidance in the first place…" https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/ Digital is Garbage By Gerry McGovern. "Digital is mainly garbage. 90% of data is never accessed again 90 days after it is first stored. 80% of downloaded apps are never used again after 90 days. 90% of data has been created in the last two years. Over the years, we found that we had to delete 90% of a typical website to make it useful. Even the information that is used is usually full of garbage. I've rarely come across 1,000 words that can't be edited down to 200 and made more effective…" http://gerrymcgovern.com/digital-is-garbage/ Usability for Seniors: Challenges and Changes by Lexie Kane. Users ages 65 and older face unique challenges when using websites and apps. Digital literacy among this demographic is rising, but designs need to accommodate aging users." https://www.nngroup.com/articles/usability-for-senior-citizens/ Change Blindness in User Interfaces (Video) By Maria Rosala. "Change blindness is the tendency for people to overlook things that change outside their focus of attention. In user interface design, this explains why screen changes that seem striking to the designer can be completely ignored by users." https://www.nngroup.com/videos/change-blindness/ Designing Effective Carousels for Websites and Mobile Apps (Video) By Kara Pernice. "Sliding hero images that rotate through a set of promotions, news, or the like on the top of web pages are often annoying to users and are definitely error prone, unless they are designed according to usability guidelines." https://www.nngroup.com/videos/carousels-websites-mobile-apps/ Usability Heuristic 4: Consistency and Standards (Video) By Kate Moran. "No. 4 of the top 10 UX design heuristics is to stick to UI conventions and follow existing standards, so that users know what to expect and how to operate the interface." https://www.nngroup.com/videos/usability-heuristic-consistency-standards/ [Section one ends.] ++ SECTION TWO: +08: 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.]