+++ WEB DESIGN UPDATE. - Volume 20, Issue 05, July 28, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 05 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: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What People Should Know Before Writing Articles or Creating Products About Accessibility By Sheri Byrne-Haber. "So many people are writing or developing products around this hot tech topic right now. Many of them are getting it very wrong…" https://sheribyrnehaber.medium.com/what-people-should-know-before-writing-articles-or-creating-products-about-accessibility-85a3af34a7cb What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages By Mike Gifford and Luke Fretwell. "…For government to effectively tackle the digital accessibility challenge, the onus falls on all agency stakeholders to become accessibility champions -- executives, procurement officers, developers, UX/content designers, product managers, project managers and operations. Similar to what's done with security, in order for accessibility success to scale, especially as the demand for digital government exponentially grows, we need to take a more holistic approach…This must address procurement, technology, resourcing and culture issues including…" https://fcw.com/articles/2021/07/22/fed-website-accessibility.aspx Not a Checklist: Building Accessibility Compliance into Your Business Processes By Eve Hill. "…Achieving accessibility compliance is about building accessibility into your business and development processes, so that accessibility is incorporated naturally…" https://www.deque.com/blog/not-a-checklist-building-accessibility-compliance-into-your-business-processes/ Overview: Three Ways PowerPoint's "Design Ideas" Excludes Your Audience, and How to Fix It. By Matthew Deeprose. "…PowerPoint's Design Ideas feature helps us create attractive slides quickly. Unfortunately, some of its suggestions do not follow accessibility best practice, creating barriers that may exclude members of your audience. In this blog post we explain three issues and how to fix them. The examples shown here use the default PowerPoint template but are likely to occur whichever template you use…" https://generic.wordpress.soton.ac.uk/digital-learning/2021/07/20/design-ideas-three-ways-overview/ Takeaways from the 2021 State of Digital Accessibility Report By Deborah Edwards-Onoro. "On July 21, 2021, Level Access chief executive office Tim Springer highlighted the latest trends and insights learned from the 2021 State of Digital Accessibility report…" https://www.lireo.com/takeaways-from-2021-state-digital-accessibility-report/ Accessibility Strategy for Product Management By David Sloan. "This is the first in a series of posts looking at accessibility strategy from the perspective of different roles and organizational types. This post will focus on the role of product manager…" https://www.tpgi.com/accessibility-strategy-for-product-management/ Twitter Adds Captions for Voice Tweets After Criticism By Ann-Marie Alcántara. "Accessibility advocates said that before the change, voice tweets had excluded deaf people…" https://www.wsj.com/articles/twitter-adds-captions-for-voice-tweets-after-criticism-11626467979 AccessiBe Is Not Your Friend By Todd Libby. "…Don't believe the hype. Overlays, no matter who they are from, and there are many companies out there selling the snake oil these days, do not work…" https://toddl.dev/posts/accessibe-is-not-your-friend/ accessiBe and the False David vs. Goliath Narrative By Eric Bailey. "…Their modern form of a 'quick fix' solution does not work, and using one will both: Prevent disabled people from using your website or webapp and, (ironically) increase your chances of getting sued…" https://ericwbailey.design/writing/accessibe-and-the-false-david-vs-goliath-narrative/ +02: CASCADING STYLE SHEETS. CSS: ':has()' and the Lost Paradigm By Jens Oliver Meiert. "In Selectors Level 4, CSS specifies :has(), a relational pseudo-class that allows to select the parents of elements…" https://meiert.com/en/blog/the-lost-paradigm/ Detecting Media Query Support in CSS and JavaScript By Kilian Valkhof. "…In this article I'll show you how you can detect support for media queries regardless of if they are turned on." https://kilianvalkhof.com/2021/web/detecting-media-query-support-in-css-and-javascript/ Attribute Selectors in CSS By Chris Ferdinandi. "Today, we'll be looking at some of the awesome ways CSS lets you target elements on a page…" https://gomakethings.com/attribute-selectors-in-css/ CSS Logical Properties and Values By Ollie Williams. "Now that cross-browser support is at a tipping point, it's a good time to take a look at logical properties and values. …" https://css-tricks.com/css-logical-properties-and-values/ +03: COLOR. Have You Ever Wondered Why the WCAG Colour Contrast Ratio Doesn't Always Seem to Work? By Dan Hollick. "…Well it actually has to do with how we calculate colour contrast and is super interesting…" https://twitter.com/DanHollick/status/1417895151003865090 +04: EVALUATION & TESTING. How Many Participants for Quantitative Usability Studies: A Summary of Sample-Size Recommendations By Raluca Budiu and Kate Moran. "40 participants is an appropriate number for most quantitative studies, but there are cases where you can recruit fewer users." https://www.nngroup.com/articles/summary-quant-sample-sizes/ Statistically-Generated Personas (Video) By Page Laubheimer. "Personas are usually a qualitative element in the UX design process, but statistical data from more users can be added for more precision, as long as the personas are still grounded in qualitative insights." https://www.nngroup.com/videos/statistically-generated-personas/ +05: EVENTS. Accessible Educational Materials (AEM) Café Monthly Series September 2, October 7, and November 4, 2021. Online https://us02web.zoom.us/meeting/register/tZYuc-2qrjooHNPMrnpxX8ygErTXx8RYKmuk UX Conference September September 18-October 1, 2021. Online https://www.nngroup.com/training/september/ Devopsdays Boston 2021 September 27-28, 2021. Online https://devopsdays.org/events/2021-boston/welcome/ DrupalCon Europe 2021 October 4-7, 2021. Online with Local Camps https://events.drupal.org/europe2021 +06: HTML. The Section Element By Manuel Matuzović. "Use the
element to mark up a grouping of related content, typically introduced with a heading…" https://www.htmhell.dev/tips/the-section-element/ HTML Concepts: Constraint Validation By Jens Oliver Meiert. "In this installment of 'HTML Concepts,' let's look at HTML forms and constraint validation…" https://meiert.com/en/blog/html-constraint-validation/ +07: JAVASCRIPT. New in ARIA 1.2: ARIA IDL Attributes By Scott O'Hara. "One of the new features coming in the ARIA 1.2 specification is the ability to specify ARIA attributes using the new ARIA IDL interfaces…" https://www.scottohara.me/blog/2021/07/23/aria-idl.html The Best Way to Clone an Array or Object With Vanilla JS By Chris Ferdinandi. "…I was playing around with different ways to clone arrays and objects. Today, I wanted to talk about what I learned…" https://gomakethings.com/the-best-way-to-clone-an-array-or-object-with-vanilla-js/ +08: MISCELLANEOUS. Reflections as the Internet Archive Turns 25 By Brewster Kahle. "…The World Wide Web at its best is a mechanism for people to share what they know, almost always for free, and to find one's community no matter where you are in the world…" http://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/ Design Thinking in Practice (Video) By Nielsen Norman Group. Teams who don't know much about UX, often ask you "so when will you give us the design?" during the early design-thinking stages. Areej Aljarba used design thinking itself to overcome this misconception. (Video from 'Back in the Real World' panel with past UX Conference participants.) https://www.nngroup.com/videos/design-thinking-practice/ Q&A With Rich Schwerdtfeger, Co-Creator and Former Chair of the W3C WAI-ARIA Accessibility Standards By Equal Entry. "Rich Schwerdtfeger was the CTO for Accessibility at IBM and chairman of the board for Knowbility. He helped develop the first GUI screen reader for the IBM PC. Rich has led accessibility efforts on OS/2, Java, Windows (IAccessible2), Web 2.0 Accessibility (WAI-ARIA), and transcoding middleware for seniors…" https://equalentry.com/qa-with-rich-schwerdtfeger-wai-aria/ +09: NAVIGATION. Building a Breadcrumbs Component By Adam Argyle. "A foundational overview of how to build a responsive and accessible breadcrumbs component for users to navigate your site…" https://web.dev/building-a-breadcrumbs-component/ +10: TOOLS. Skip to Landmarks and Headings Extension By Jon Gunderson et al. "Supports the Bypass Blocks requirement of WCAG by providing keyboard support for viewing and navigating to selected landmarks and headings on any web page. It also provides everyone with a high level outline of the landmarks and headings of a page to quickly scan the content of a web page, including users of screen readers. Shortcut keys to open the SkipTo menu are ALT+2 on Windows/Linux and Option+2 on MacOS." Chrome Extension: https://chrome.google.com/webstore/detail/skip-to-landmarks-and-hea/fjkpbfcodhflpdildjbmdhhmcoplghgf Firefox Extension: https://addons.mozilla.org/en-US/firefox/addon/skipto/ +11: USABILITY. Four Factors in UX Maturity By Sarah Gibbons, Kate Moran, Kara Pernice, and Kathryn Whitenton. "Improving UX maturity requires growth and evolution across 4 high-level factors: strategy, culture, process, and outcomes." https://www.nngroup.com/articles/factors-ux-maturity/ UX Win: Consumer Reports Unsubscribe from Mailing List By Deborah Edwards-Onoro. "…I've always thought unsubscribing from mailing lists should be quick and easy to do. Which is why I'm giving a UX win to Consumer Reports and how they've designed a process with the user in mind, making the unsubscription process easy to understand and complete…" https://www.lireo.com/ux-win-consumer-reports-unsubscribe/ +12: XML. What is RSS (Really Simple Syndication)? By Nicky Case. "Imagine an open version of Twitter or Facebook News Feed, with no psy-op ads, owned by no oligopoly, manipulated by no algorithm, and all under your full control. Imagine a version of the newsletter where you don't have to worry about them selling your email to scammers, labyrinth-like unsubscribe pages, or stuffing your inbox with ever more crap. Now imagine this existed and was extremely popular 15 years ago. Then we got suckered by the shiny walled gardens. Well, it's time to make like a tree and go back to the future, baby…" https://ncase.me/rss/ OMG, SVG Favicons FTW! By Austin Gil. "…Let's dig into adding SVG favicons to your project…" https://austingil.com/svg-favicons/ [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.]