+++ WEB DESIGN UPDATE. - Volume 20, Issue 36, March 2, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 36 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: TYPOGRAPHY. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Foundations: Headings By Henny Swan. "Well structured content helps everybody understand and navigate documents. When coded properly in the HTML, headings, lists, and landmarks help people who use screen readers (software that reads what's on screen) both scan and navigate pages…" https://tetralogical.com/blog/2022/02/28/headings/ Support for Marking Radio Buttons Required, Invalid By Adrian Roselli. "The required set of radio buttons. The white whale to many a developer who is trying their darnedest to ensure they are conveyed accessibly while not also making it sound like every individual radio button must be toggled…" https://adrianroselli.com/2022/02/support-for-marking-radio-buttons-required-invalid.html Turning the Tables on Accessibility By Lucy Monie Hall. "A lesson on how to present data for all types of audiences…" https://www.theguardian.com/info/2022/feb/22/turning-the-tables-on-accessibility 5 Accessibility Quick Wins You Can Implement Today By Daniel Yuschick. "Let's face it: building an AA or AAA-accessible product can be quite daunting. Luckily, having an accessible product isn't all-or-nothing. Even seemingly small improvements can have nice quality of life benefits for many people. In that spirit, here are five accessibility quick wins you can implement today…" https://css-tricks.com/5-accessibility-quick-wins-you-can-implement-today/ Only 2% of Sites Meet Accessibility Standards. Let's Change That. By Martin McKay. "Long sentences and the use of jargon are just a few of the major barriers for consumers with disabilities…" https://www.adweek.com/media/only-2-of-sites-meet-accessibility-standards-lets-change-that/ Accessibility Challenge 2022: Nurture More Champions Part 2 By Jennie Delisi. "Proven tips to expand your accessibility community…" https://mn.gov/mnit/media/blog/?id=38-518320 The Social Model: Do We Disable People Through Our Tech? By Claudio Luis Vera. "Do our society's design and tech choices actually cause disabilities? In this article, we honor Mike Oliver, discover the origins of the social model and dive deep into the role that we in tech play in perpetuating ableism." https://www.getstark.co/blog/the-social-model-do-we-disable-people-through-our-tech What Makes Writing More Readable? By Rebecca Monteleone and Jamie Brew. "An examination of translating text to make it as accessible as possible. Looking at how to make writing easier to read…" https://pudding.cool/2022/02/plain/ 4 Simple Ways to Improve Web Accessibility By Bureau of Internet Accessibility. "You've got plenty of reasons to prioritize accessibility when developing your website - but if you haven't taken the first steps yet, don't worry. While building for accessibility is always preferable to remediation, it's never too late to start considering the experiences of people with disabilities…" https://www.boia.org/blog/4-simple-ways-to-improve-web-accessibility What Every Programmer Should Know About Digital Accessibility By Helen Reaume. "Planning your apps to effectively serve disabled people is paramount in today's world. Is your software prepared?…" https://www.makeuseof.com/what-every-programmer-should-know-about-digital-accessibility/ Axe-con Online Digital Accessibility Conference Returns March 15-17, 2022 By Deborah Edwards-Oñoro. "Returning for the second year on March 15-17, 2022, the free, virtual axe-con 2022 conference offers three days of learning about building accessible digital experiences…" https://www.lireo.com/axe-con-online-digital-accessibility-conference-returns-march-15-17-2022/ Time for Government to Stop Using Medium By Luke Fretwell. "The larger issue related to governments publishing information to Medium is that its commitment to digital access is terrible…" https://govfresh.com/thoughts/government-civictech-medium 2021 Website Accessibility Lawsuit Recap (PDF) By Accessibility.com. "Data, trends, comparisons…" https://f.hubspotusercontent30.net/hubfs/6576634/2021%20Accessibility%20Lawsuit%20Complete%20Report.pdf Overlay Position and Recommendations By International Association of Accessibility Professionals (IAAP). "…companies should refrain from using marketing language implying that a website or application can be made fully accessible to all people with disabilities by simply installing a plugin or widget without requiring additional steps or services…" https://www.accessibilityassociation.org/s/overlay-position-and-recommendations +02: CASCADING STYLE SHEETS. Calculate the Specificity of a CSS Selector By Bramus Van Damme. "To calculate the Specificity of a CSS Selector there are several rules to follow…" https://www.bram.us/2022/02/23/calculate-the-specificity-of-a-css-selector-with-bramus-specificity/ CSS Content Property By Maxability. "…Best is to avoid informational and important content using the CSS content property." https://www.maxability.co.in/2022/02/27/css-content-property/ When to Avoid the text-decoration Shorthand Property By Šime Vidas. "…Keep in mind that when you set a shorthand property, e.g., text-decoration: underline, any missing parts in the value are re-initialized…" https://css-tricks.com/when-to-avoid-css-text-decoration-shorthand/ Web Component Pseudo-Classes and Pseudo-Elements are Easier Than You Think By John Rhea. "I'm specifically referring to the ::part and ::slotted pseudo-elements, and the :defined, :host, and :host-context pseudo-classes. They give us extra ways to interact with web components. Let's examine them closer…" https://css-tricks.com/web-component-pseudo-classes-and-pseudo-elements/ +03: EVALUATION & TESTING. Why Collect Task - and Study-Level Metrics? By Jeff Sauro and Jim Lewis. "…In this article, we'll explore this common practice of collecting both types of metrics to understand the rationale and potential benefits of collecting data at different levels of granularity in a UX study…" https://measuringu.com/why-collect-task-and-study-metrics/ Secondary Research in UX By Mayya Azarova. "Secondary research is an essential foundation for UX work, necessary to explore the problem space and scope of prior projects and to identify important questions and best practices in the field of study. It also helps to focus the scope of your own project and often saves money." https://www.nngroup.com/articles/secondary-research-in-ux/ +04: EVENTS. Mobile-Accessibility Testing Toolbox March 2, 2022. Online https://www.tpgi.com/webinar-march-2-at-12pm-et-mobile-accessibility-testing-toolbox/ ASU A11y Guild March 14, 2022, 2022. Online https://accessibility.asu.edu/events/asu-a11y-guild-2 Intersectional Accessibility - Time to Think About Difference March 17, 2022. Online https://www.fenews.co.uk/event/intersectional-accessibility-time-to-think-about-difference/ Audio Description Institute March 21-25, 2022. Online https://interland3.donorperfect.net/weblink/weblink.aspx?name=E144393&id=77 From Disabled Veteran to Full-Stack Drupal Developer March 23, 2022. Online https://groups.drupal.org/node/536645 UX London June 28-30, 2022. London, England, United Kingdom https://2022.uxlondon.com/ UX Strat September 12-14, 2022. Online and Boulder, Colorado, U.S.A. https://uxstrat.com/usa/ Accessible and Usable Interactions for Web Applications September 14, 2022. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p0000183elrEAA +05: HTML. (Not So) Short Note On Being Owned By Steve Faulkner. "aria-owns is surprisingly strong magic…" https://html5accessibility.com/stuff/2022/02/28/not-so-short-note-on-being-owned/ +06: JAVASCRIPT. How to Make MPAs That Are as Fast as SPAs By Chris Ferdinandi. "Yesterday, I wrote about how SPAs were a mistake. Today, I want to talk about how you can build multi-page apps (or, you know, regular websites) that are as fast as SPAs…" https://gomakethings.com/how-to-make-mpas-that-are-as-fast-as-spas/ +07: MISCELLANEOUS. Making Technology and Content Accessible for People With Dissabilities With Lainey Feingold (Podcast) By Jessica Miller-Merrell. "…Today, I'm joined by Lainey Feingold. She's a disability rights lawyer and author of Structured Negotiation: A Winning Alternative to Lawsuits. Lainey helped negotiate the first web accessibility agreement in the United States in 2000…" https://workology.com/episode-340-making-technology-and-content-accessible-for-people-with-dissabilities-with-lainey-feingold/ +08: NAVIGATION. A Long Bet on Link Rot is Resolved, but Questions About the Durability of the Web Still Remain By Jacob Kuppermann. "Long Bets URLs still work as intended, but a large portion of the rest of the web runs the risk of falling into a digital dark age…" https://longnow.org/ideas/02022/02/24/a-long-bet-on-link-rot-is-resolved-but-questions-about-the-durability-of-the-web-still-remain/ +09: TYPOGRAPHY. Comic Sans is a Good Typeface, Actually By Eric Bailey. "In my ongoing, inadvertent quest to alienate myself from the design industry, I must now tell you all that Comic Sans is a good typeface… Let me be clear: disdain for Comic Sans usage is both elitist and ableist…" https://ericwbailey.design/writing/comic-sans-is-a-good-typeface-actually/ Font Accessibility and Readability: the Basics By Daisy Bird. "Fonts can have an impact on our ability to read and get the information we want quickly…" https://bighack.org/font-accessibility-and-readability-the-basics/ +15: USABILITY. 6 Tips for Product Photos on Listing Pages By Kate Moran. "Design helpful product-listing pages on ecommerce sites by displaying images that are large, consistent, specific, dynamic, and inclusive." https://www.nngroup.com/articles/product-photos-listing-pages/ Writing for Social Media (Video) By Alita Joyce. "Content usability applies to social media copywriting, and legibility requirements are high since users often scroll through their feeds at high speed." https://www.nngroup.com/videos/writing-for-social-media/ Designing Respectful Tech: What is Your Relationship with Technology? By Noreen Whysel. "…We don't approve of gossipy behavior in our human relationships. So why do we accept it with technology? Sure, we get back some time and convenience, but in many ways it can feel locked in and unequal…" https://boxesandarrows.com/designing-respectful-tech-what-is-your-relationship-with-technology/ +16: WEBWASTE & SUSTAINABILITY. Google Considers Reducing Webpage Crawl Rate By Matt G. Southern. "Google is considering reducing the frequency of webpage crawling in an effort to conserve computing resources…" https://www.searchenginejournal.com/google-crawl-rate Mobile Efficiency Index By Greenspector. Online tool allowing to measure the energy consumption of a website on a mobile device. It seems to be in beta so not yet completely reliable, but when it does work, the results are interesting. https://mobile-efficiency-index.com/en/ Ethical Web Development: Here You Can Learn More By Sustainable WWW. "Ethics in web design is great and there is no doubt that everyone should be using it in practice, but where do you start?…" https://sustainablewww.org/principles/ethical-web-development-here-you-can-learn-more Technology is Destroying Nature By Gerry McGovern. "…E-waste is currently less than 2% of the world's waste stream by volume but causes over 70% of the toxic impact of waste. The Cloud is on the ground." https://gerrymcgovern.com/technology-is-destroying-nature/ [Section one ends.] ++ SECTION TWO: +17: 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.]