+++ WEB DESIGN UPDATE. - Volume 19, Issue 15, October 7, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 15 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What to Expect From WCAG 2.2 By Wilco Fiers. "…This autumn, the W3C is preparing to publish version 2.2 of WCAG. WCAG 2.2 adds several new success criteria focused on extending requirements for users with low vision, cognitive impairments, and limited fine motor skills…" https://www.deque.com/blog/what-to-expect-from-wcag-2-2/ Accessible Animation (Video) By Una Kravets. "Interactive touches can be great for user understanding in a digital environment, but they can also leave some of your users disoriented and frustrated, the opposite of the intended effect…" https://www.youtube.com/watch?v=_ZdZh-ESOHY How a Blind Person uses a Website, a Demonstration and Q and A (Video) By Joseph DiNero. "…Joe will demonstrate and explain strategies he uses when visiting a website. These are the same practical strategies that he also teaches his blind and visually impaired students as an educator and assistive technology specialist at Helen Keller Services for the Blind…" https://www.youtube.com/watch?v=X88AHJVkwoM Web Accessibility: Definitions and Acronyms By Megh Plunkett. "Initially, learning about web accessibility, its policies, and its guidelines can seem daunting, but taking the time to learn and understand the basics is well worth the effort. In order to have informed discussions and make informed decisions, web accessibility is an area in which all website owners and web professionals need to have foundational knowledge…" https://www.lullabot.com/articles/web-accessibility-definitions-and-acronyms Online Accessibility Act (PDF) By U.S. Representatives Ted Budd and Lou Correa. "To amend the Americans with Disabilities Act of 1990 to include consumer facing websites and mobile applications owned or operated by a private entity, to establish web accessibility compliance standards…A consumer facing website or mobile application shall be considered compliant under the requirements of this section if such website or mobile application is in substantial compliance with the Web Content Accessibility Guidelines (referred to in this title as WCAG) 2.0 Level A and Level AA standard established by the Accessibility Guidelines Working Group, or any subsequent update, revision, or replacement to the WCAG 2.0 Level A and Level AA standard published by the World Wide Web Consortium or successor organization…" https://budd.house.gov/uploadedfiles/budd-online_accessibility_act.pdf New Online Accessibility Act Introduced to Congress Would Require Businesses To Make Their Website and Mobile Apps Accessible By Joanna Fantozzi. "…If passed, violators could be fined $20,000 for a first offense and up to $50,000 for every subsequent offense. Private lawsuits would be allowed but only after companies had exhausted remedies through administrative compliance…" https://www.nrn.com/operations/new-online-accessibility-act-introduced-congress-would-require-businesses-make-their Proposed Online Accessibility Act in US Congress is Bad for Digital Inclusion By Lainey Feingold. "…The new law would not allow a private lawsuit until a disabled person first went to the Department of Justice. This would take time and delay fixing a website. Lawsuits have been important to making the ADA work for 30 years. It is not fair to limit disabled people's civil rights…" https://www.lflegal.com/2020/10/ada-backlash/ Online Accessibility Act: Review and Legal Analysis By Ken Nakata. "…meaningful change in this area is needed. Unfortunately, I just don't see that change coming from within the Department of Justice, so that leaves the ball in Congress's court to address. I'd be happy to contribute to the conversation. And I think a lot of other people would be willing to lend their voice- and that we'd all be surprised by the harmony of our opinions." https://convergeaccessibility.com/2020/10/04/online-accessibility-act-review-and-legal-analysis/ Proposed Online Accessibility Act - Three Key Takeaways By Jason Taylor. "…The real likelihood of a new law in the future may increase more lawsuits in the short term and do little to reduce lawsuits in the long term…" https://blog.usablenet.com/proposed-online-accessibility-act-three-key-takeaways Introduced Online Accessibility Act Would Amend ADA, Clarify Web Accessibility Compliance Standards By Bureau of Internet Accessibility. "The Online Accessibility Act was introduced to Congress on October 2…" https://www.boia.org/blog/introduced-online-accessibility-act-would-amend-ada-clarify-web-accessibility-compliance-standards Audit Revealed 43 States' Vote-By-Mail Application Forms Not Accessible to Many with Disabilities, as Deadlines Loom By Deque Systems. "Deque Systems' audit of the application forms required for registered voters to vote by mail in November discovered that 43 states' applications had some level of digital inaccessibility - making them challenging or impossible to complete by many people with disabilities. Five states do not have or require an application to vote by mail; two states have another application process…" https://www.deque.com/blog/vote-by-mail-accessibility/ Millions of Disabled Voters Could be Sidelined in 12 Battleground States Because of Their Election Websites, New Report Shows By Yelena Dzhanova. "A dozen state election websites are not accessible to millions of visually impaired voters, according to a report from a nonprofit released Thursday…" https://www.businessinsider.com/election-sites-battleground-states-not-accessible-report-2020-9 Digital Vote-By-Mail Applications in Most States are Inaccessible to People With Disabilities By Devin Coldewey. "The 2020 election is without a doubt going to be the biggest one in history for voting by mail, but people with disabilities may find it rather difficult to apply for their ballot, since according to an audit by Deque, most states don't actually have an accessible digital application…" https://techcrunch.com/2020/10/01/digital-vote-by-mail-applications-in-most-states-are-inaccessible-to-people-with-disabilities/ Supreme Court Nominee Wrote Opinion in Credit Union ADA Lawsuit By David Baumann. "Amy Coney Barrett, President Trump's nominee for Supreme Court justice, authored an opinion that threw out an Americans With Disabilities Act lawsuit filed by a blind man against an Illinois credit union." https://www.cutimes.com/2020/09/28/supreme-court-nominee-wrote-opinion-in-credit-union-ada-lawsuit/ +02: CASCADING STYLE SHEETS. Accessibility Rendering Tools in Chrome By Dennis Lembree. "There are a few great simulation tools in Chrome which invoke rendering of a couple CSS media queries and simulate several types of color blindness…" http://www.webaxe.org/accessibility-rendering-tools-in-chrome/ A Complete Guide to CSS Media Queries By CSS-Tricks. "Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings…" https://css-tricks.com/a-complete-guide-to-css-media-queries/ Clamp By Trys Mudford. "CSS has some exciting new features for fluid scaling. clamp(), min(), and max() are functions that cap and scale values as the browser grows and shrinks…" https://utopia.fyi/blog/clamp/ +03: COLOR. Emulate Vision Deficiencies in DevTools By Addy Osmani. "Emulate vision deficiencies in Chrome DevTools to see how users who experience color blindness or blurred vision might see your site…" https://addyosmani.com/blog/emulate-vision-deficiencies-devtools/ +04: EVALUATION & TESTING. How and Why to Recruit Backup Participants (aka 'Floaters') in User Research By Kara Pernice. "Sometimes you should intentionally overrecruit test participants for one-on-one user-research studies. Backup participants must be recruited according to the same screening criteria and paid at least as much as regular participants." https://www.nngroup.com/articles/recruit-backup-users-in-research/ Data-Driven Design: An Integral Part of UX Design By Anusha Pichumani. "…Data helps product teams understand their target users, reveals information about users' painpoints, unearths new trends, supports data-driven design, and assures teams that their work is on track…" https://www.uxmatters.com/mt/archives/2020/10/data-driven-design-an-integral-part-of-ux-design.php +05: EVENTS. Leveraging Accessibility & Usability to Serve Truly Diverse Audiences October 15, 2020. Online https://groups.drupal.org/node/536133 User Centred Design Gathering (UCD) Gathering October 15, 2020. Online https://www.ucdgathering.net/ A Better Way to Make and Keep Websites Accessible October 15, 2020. Online https://go.3playmedia.com/wbnr-10-15-2020-website Hosting a Zoom Meeting with JAWS October 15, 2020. Online https://zoom.us/webinar/register/WN_rVUQR6biRt2AITD3MroHFw WordCamp Los Angeles October 17-18, 2020. Online https://la.wordcamp.org/2020/ Low Vision Symposium October 22, 2020. Online https://www.eventbrite.com/e/low-vision-symposium-tickets-122711207525 Accessible Learning Conference 2020: Accessibility Reimagined November 12-13, 2020. Online https://www.accessiblelearning.org/ UI Arch Conf November 19-20, 2020. New Orleans, Lousiana, U.S.A. https://uiarchconf.com/ +06: INFORMATION ARCHITECTURE. A Guide to Creating Mobile-App Wireframes in 2020 By Mayur Panchal. "…The overall process of creating a mobile-app wireframe comprises eight steps…" https://www.uxmatters.com/mt/archives/2020/10/a-guide-to-creating-mobile-app-wireframes-in-2020.php +07: JAVASCRIPT. Micro-note on aria-roledescription By Steve Faulkner. "aria-roledescription is not a label. It is an alternative expression of the Aural UI of the role of an element…" https://html5accessibility.com/stuff/2020/10/06/micro-note-on-aria-roledescription/ How to Get and Set the Value of a Select Menu with Vanilla JS By Chris Ferdinandi. "Today, we're going to look at how to get and set the value of a select menu with vanilla JS…" https://gomakethings.com/how-to-get-and-set-the-value-of-a-select-menu-with-vanilla-js/ How To Get And Set The Value of A Select Menu Using an ID By Chris Ferdinandi. "On Friday, we looked at how to get and set the value of a select menu with vanilla JS. But the approach we used only works if the option elements have a value property on them…" https://gomakethings.com/how-to-get-and-set-the-value-of-a-select-menu-using-an-id/ +08: MISCELLANEOUS. Delete 90%: Principles of Digital Earth Experience Design By Gerry McGovern. "…Digital culture is the worst possible culture to address global warming with. We must break our addiction to Moore's Law and cheap storage." https://gerrymcgovern.com/delete-90-principles-of-digital-earth-experience-design/ +09: USABILITY. Design Better by Avoiding your Cognitive Biases By Koos Looijesteijn. "…In this post I will present seven cognitive biases, how they can mess up your design work and what you can do to avoid that…" https://www.kooslooijesteijn.net/blog/design-better-avoiding-cognitive-biases The Best Design Is No Design By Almonzer Eskandar. "…As many companies scale up, … they struggle to add value without adding complexity…" https://www.uxmatters.com/mt/archives/2020/10/the-best-design-is-no-design.php Login Walls (Video) By Raluca Budiu. "Demanding that users create a new account before they are able to access a website or mobile app is only justified in rare cases. Usually, people go away, rather than scale a wall placed between them and your offerings…" https://www.nngroup.com/videos/login-walls/ [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. https://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: https://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.]