+++ WEB DESIGN UPDATE. - Volume 20, Issue 37, March 9, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 37 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: PHP. 10: TYPOGRAPHY. 11: USABILITY. 12: WEBWASTE & SUSTAINABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Session Timeouts By Patrick H. Lauke. Session timeouts are designed to protect privacy and security, but if they're implemented incorrectly, they can prevent people from completing tasks on a website. https://tetralogical.com/blog/2022/03/07/session-timeouts/ The Importance of Screen Reader Software for Web Navigation By Lily Mordaunt. "'How do you understand that? It's speaking so fast,' is a sentiment I hear often whenever someone experiences a screenreader for the first time…" https://blog.usablenet.com/the-importance-of-screen-reader-software-for-web-navigation Accessibility and Limited Fine Motor Skills By WeCo. "…Mouse-dependent websites, forms, and software products can be very exhausting for these users…" https://theweco.com/accessibility-limited-fine-motor/ Personas - Carlos as the First in a Series to Help with Online Accessibility By LexDis. "…Be consistent and offer a logical structure to all navigational elements, throughout the various parts of the interactive online eLearning experience…" https://www.lexdis.org.uk/2022/03/personas-carlos-as-the-first-in-a-series-to-help-with-online-accessibility/ Personas - Eum, a Would be Computer Scientist Who Needs Magnification By LexDis. "…He becomes frustrated when developers fail to realise the importance of avoiding overlaps and disappearing content when sites are magnified. He feels scrolling horizontally should not be necessary on websites especially when form filling, as this is a particular challenge with text fields or modal windows that go missing or where there is no logical order to the layout…" https://www.lexdis.org.uk/2022/03/personas-eum-a-would-be-computer-scientist-who-needs-magnification/ Personas - Amber, Activist for Inclusive Education. By LexDis. "…Main Strategies To Overcome Barriers To Access: Document Accessibility, Multimedia content needs captions that are accurate and synchronised with the audio, Signing on videos - Personalizing alternative format content, Audible Error or Alert Messages must be inclusive with alternatives, Multifactor authentication…" https://www.lexdis.org.uk/2022/03/personas-amber-activist-for-inclusive-education/ Quick Tip: Two Ways to Discover Whether YouTube Videos are Close Captioned By Deborah Edwards-Oñoro. "…For anyone searching only for closed captioned videos on YouTube, the two methods I describe will hopefully speed up your search process…" https://www.lireo.com/quick-tip-two-ways-to-discover-whether-youtube-videos-are-close-captioned/ Today's Accessibility Tip By Jenn. "Do the most you can, where you can. It works well with…" https://twitter.com/geekgalgroks/status/1499076693012606977 Overlays Underwhelm: A11y NYC (Video and Slides) By Adrian Roselli. "Following is the live stream of the talk…" https://adrianroselli.com/2022/03/overlays-underwhelm-a11y-nyc.html Joint Letter to Enforce Accessibility Standards By American Council of the Blind. "The American Council of the Blind is among 181 undersigned disability organizations who believe that there is an urgent need for digital accessibility regulations…" https://acb.org/accessibility-standards-joint-letter-2-28-22 Community College District Won't Take Disability Case to Supreme Court Following Protests By Colleen Shalby. "Responding to intense protests from the #disability community, the LACCD's Board of Trustees has backed down from appealing to the U.S. Supreme Court over a lawsuit filed by two blind students claiming they were denied equal access to education.' https://www.latimes.com/california/story/2022-03-03/community-college-wont-take-disability-rights-case-to-supreme-court-following-protests Web Accessibility Claims Put Institutions of Higher Learning at Risk By Adam R. Bialek. "…The time is now for schools and universities to pay attention and start the process of making their digital presence inclusive to reduce the potential for being sued and enhance the ability to muster a defense if sued…" https://www.natlawreview.com/article/web-accessibility-claims-put-institutions-higher-learning-risk Legal Update: February 2022 By Ken Nakata. "Like last month, February started really slow... and the first case didn't show up until the second week…" https://convergeaccessibility.com/2022/03/07/legal-update-february-2022/ +02: CASCADING STYLE SHEETS. Digging Deep into Media Queries with Alex Trost of Frontend.horse By Kilian Valkhof. "…We go into what each of the media queries does and what you should change for them, but we also go over why you make those changes…" https://kilianvalkhof.com/2022/css-html/digging-deep-into-media-queries-with-alex-trost-of-frontend-horse/ New CSS Features In 2022 By Michelle Barker. "2022 is shaping up to be a pretty great year for CSS, with a plethora of new features on the horizon. Some are already starting to land in browsers, others are likely to gain widespread browser support in 2022, while for one or two the process may be a little longer. In this article we'll take a look at a few of them…" https://www.smashingmagazine.com/2022/03/new-css-features-2022/ Building Web Layouts For Dual-Screen And Foldable Devices By Stephanie Stimac. "Dual-screen devices have been on the market for nearly three years. In that time new web platform technologies have been built with developer feedback to enable layout on the web that adapts to these devices. These web platform capabilities integrate with existing concepts, such as the viewport and media queries, so that developers and designers can spend more time ideating about how to leverage two displays to create enhanced experiences rather than learning a new set of code to build them…" https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/ Container Queries, the Next Step Towards a Truly Modular CSS (Video) By Maarten Van Hoof. Maarten's JSWORLD Conference 2022 presentation. https://www.youtube.com/watch?v=A2dMca3WrJE +03: EVALUATION & TESTING. Sample Sizes for Comparing SUS to a Benchmark By Jeff Sauro and Jim Lewis. "The System Usability Scale (SUS) has been used in industrial user experience research since the mid-1980s…" https://measuringu.com/sample-sizes-for-sus-benchmark-tests/ 6 Mistakes When Crafting Interview Questions By Maria Rosala. How you ask questions in a user interview impacts the reliability and utility of the data you collect. Here are 6 ways you can improve your interview questions. https://www.nngroup.com/articles/interview-questions-mistakes/ Moderated Versus Unmoderated Usability Testing By Salome Katunzi. "…To get the most out of your usability testing, you must first determine which method of testing is most appropriate for your project…" https://www.uxmatters.com/mt/archives/2022/03/moderated-versus-unmoderated-usability-testing.php Responding to Unhelpful Design Feedback By Rachel Krause. "In UX design meetings, critiques are sometimes based on hypothetical scenarios and pseudoevidence: not actual user problems, but something that *might* happen." https://www.nngroup.com/videos/responding-to-unhelpful-design-feedback/ +04: EVENTS. What is Accessibility? March 24, 2022. Online https://umn.zoom.us/webinar/register/WN_Pygwl5MrSReGMrvX_bVhDg The Business Case for Accessibility March 24, 2022. Online https://intopia.digital/articles/intopia-webinar-the-business-case-for-accessibility-24-march-2022/ Digital Accessibility: Equity, Inclusion, and the Bank's Bottom Line March 31, 2022. Online https://www.levelaccess.com/resources/aba-webinar-digital-accessibility-march-2022/ Accessible Typefaces, Fonts, and Text: Optimizing the Reading Experience April 5, 2022. Online https://www.meetup.com/A11yNYC/events/284234182/ Before You Spend Another Penny - Bake Accessibility into Your Procurement Process April 26, 2022. Online https://www.accessibility.com/event/2022/before-you-spend-another-penny-bake-accessibility-into-your-procurement-process UX Camp Spring: Home Edition May 21, 2022. Online https://chicagocamps.org/events/2022/ux-camp-spring/ +05: HTML. Is HTML A Programming Language? (Video) By Heydon Pickering. "It's been a long time! Glad to be back…" https://briefs.video/videos/is-html-a-programming-language/ +06: JAVASCRIPT. Accessibility in JavaScript Frameworks Part 2: Comparing Each Framework By Mark Steadman. "A question often seen in the accessibility space is "I am using this framework, how do I know if it is accessible?"…" https://dev.to/steady5063/accessibility-in-javascript-frameworks-part-2-comparing-each-framework-41ch Progressive Enhancement, the New Hotness By Chris Ferdinandi. "…Progressive enhancement means that you add functionality to the things you build in layers…" https://gomakethings.com/progressive-enhancement-the-new-hotness/ +07: MISCELLANEOUS. Write Plain Text Files By Derek Sivers. "…My written words are my most precious asset. They are also a history of my life. That's why I only use plain text files. They are the most reliable, flexible, and long-lasting option. Here's why…" https://sive.rs/plaintext What World Hearing Day Means for this Googler By Sagar Savla. "…For World Hearing Day, we talked with Dimitri about his work, why building for everyone matters and the future of accessible technology…" https://blog.google/outreach-initiatives/accessibility/world-hearing-day-2022/ +08: NAVIGATION. How Many Hyperlinks Are Too Many for Accessibility? By Bureau of Internet Accessibility. "Does your website have too many hyperlinks?…" https://www.boia.org/blog/how-many-hyperlinks-are-too-many-for-accessibility +09: PHP. The Basics - Generics in PHP #1 (Video) By Brent Roose. "This is the first of a four-part mini series on generics in PHP: what they are, how you can use them today, and what's possible in the future…" https://www.youtube.com/watch?v=c8hQ1fWU_mQ +10: TYPOGRAPHY. Typography in Inclusive Design (Video) By Jacinta Oakley. "…The webinar will: 1. Provide an introduction to typography with an inclusive design lens. 2. Explore best practice considerations for typography in inclusive design, and why we need to go above and beyond WCAG. 3. Highlight specific challenges that may be encountered by users with low vision, dyslexia, or other cognitive / learning disabilities as a result of inaccessible typography. 4. Offer practical tips for making text content easy to consume for all users, by designing with people with disability at the centre…" https://www.youtube.com/watch?v=ha768Ih6J8M +11: USABILITY. The 4 Factors of UX Maturity (Video) By Kate Moran. "4 main factors (and 12 subfactors) should be considered to assess an organization's UX maturity: strategy, culture, process, and outcomes." https://www.nngroup.com/videos/4-factors-of-ux-maturity/ Surveys That Work: A 10hr Workshop for Rosenfeld Media By Caroline Jarrett. Caroline has shared slides from her workshop. https://www.effortmark.co.uk/surveys-that-work-10hr-workshop-rm/ +12: WEBWASTE & SUSTAINABILITY. How Much CO2 Does Creating a 1,000-Word Piece of Content Cause? By Gerry McGovern. "If you want to understand and measure-and ultimately reduce-digital waste then you must start with the digital devices, because it is in the manufacture and disposal of digital devices where 80% or more of the CO2 and other waste occurs. Next, you need to understand the data. How it is created. How it is stored and transferred. How it is accessed. How it is used. How it is archived and deleted…" https://gerrymcgovern.com/how-much-co2-does-creating-a-1000-word-piece-of-content-cause/ [Section one ends.] ++ SECTION TWO: +13: 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 WebWaste & Sustainability Information. https://www.d.umn.edu/itss/training/online/webdesign/webwaste.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.]