+++ WEB DESIGN UPDATE. - Volume 20, Issue 48, May 25, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 48 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: TOOLS. 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. Accessibility Not-Checklist Beta By Intopia. "The Not-Checklist acts as a guide to make sure you haven't missed anything. If you're new to accessibility, the resource provides a foundation - it's an overview of what you'll need to consider, but it won't teach you WCAG from front to back…" https://not-checklist.intopia.digital/ May 2022 Web Accessibility Webinar for Developers (Video) By Dennis E. Lembrée. "Renowned web accessibility professional Dennis Lembree covers techniques for designing and developing accessible websites. Main topics include disability and assistive technology basics, content structure, images, forms, tables, CSS, and ARIA. Techniques on writing for accessibility and testing for accessibility are also covered." https://fulldaymaterials.s3.us-west-2.amazonaws.com/Web+Accessibility+2022.mp4 Dennis' Transcript: https://fulldaymaterials.s3.us-west-2.amazonaws.com/closed_caption.txt Dennis' Slides: https://fulldaymaterials.s3.us-west-2.amazonaws.com/INDATA+A11y+Slide+Deck+May2022.pptx Simple And Systemic Changes For High Impact By Jennie Delisi. "State employees share successful tips you need to know…" https://mn.gov/mnit/media/blog/?id=38-528303 Small Wins for Accessibility and Resilience By Callum Hart. "Providing more context to screen readers and improving default styles…" https://www.callumhart.com/blog/small-wins-for-accessibility-and-resilience/ 4 Web Accessibility Remediation Mistakes to Avoid By Bureau of Internet Accessibility. "…Before you begin accessibility remediation, make sure you're avoiding some of the most common mistakes…" https://www.boia.org/blog/4-web-accessibility-remediation-mistakes-to-avoid Let's Make Accessibility Boring Again By Kevin Mar-Molinero. …Boring is not our enemy. Boring is good. It means meticulously testing and using the core principles of the web to produce semantic mark-up and javascript that doesn't block assistive technologies. Boring means finding out if your recruitment platform genuinely needs auto-playing video or animations…Boring should beat beautiful, if beautiful blocks access." https://medium.com/kinandcartacreated/lets-make-accessibility-boring-again-ed4b8da66128 Web Accessibility is Broken. It's Time to Fix it. (Video) By Eric Eggert. "The web is still an accessibility wasteland. It must not be one. However, systematic issues plague progress that would enable millions of disabled people to properly participate as netizens…" https://www.youtube.com/watch?v=PZYiweHuo_I Accessibility from Different Perspectives By Hidde de Vries. "…in the developer role, advocating for accessibility can the hardest in various ways…" https://hidde.blog/a11y-perspectives/ 5 Illustrations to Understand and Promote Accessibility By Stéphanie Walter. "Last week, I spend 2 days perfecting my knowledge around designing for accessibility. Marie Guillaumet was our teacher for the Access42 'Designing Accessible interfaces' training (in French). She is a very inspiring person and several of the metaphors she used stood out. I decided illustrated them for educational purposes and share them with you here…" https://stephaniewalter.design/blog/5-illustrations-to-understand-and-promote-accessibility/ The Performative A11yship of #GAAD By Adrian Roselli. "…A big takeaway here is to not let marketing run your GAAD events, messaging, social media, or… anything…as accessibility practitioners, perhaps we have done a terrible job communicating how and why these efforts need to be more than performative. Maybe go back and educate the marketers and social media folks. Help put in place processes to catch genuine mistakes as well as messaging disconnected from the community. In short, do our jobs too." https://adrianroselli.com/2022/05/the-performative-a11yship-of-gaad.html Global Accessbility Awareness Day - Does your web product support the needs of the many? By Christian Heilmann. "…here are a few things you can do to spot check if what you build works for as many people as possible…" https://christianheilmann.com/2022/05/19/global-accessbility-awareness-day-does-your-web-product-support-the-needs-of-the-many/ The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure By Sanjay Nasta. "In this interview, Jeff discusses getting leadership buy-in, why a bottom-up approach to accessibility doesn't work, driving accountability with metrics, and using the organization's structure and process to drive accessibility…" https://www.microassist.com/digital-accessibility/organizational_leadership_accessibility/ Dell Class Action Alleges Website Not Accessible To Blind, Visually Impaired By Jessy Edwards. "Dell denies blind and visually impaired people access to its services because its website is not accessible to those using a screen reader, a new class action lawsuit alleges…" https://topclassactions.com/disability-class-action-lawsuit/dell-class-action-alleges-website-not-accessible-to-blind-visually-impaired/ Colgate University Class Action Claims Website Not Accessible To Blind, Visually Impaired By Abraham Jewett. "…Plaintiff Kimberly Miller, who is blind, claims Colgate is in violation of the Americans with Disabilities Act (ADA) and The Rehabilitation Act of 1973 (RA) by not making its website independently usable for individuals who are blind or visually impaired…" https://topclassactions.com/disability-class-action-lawsuit/colgate-university-class-action-claims-website-not-accessible-to-blind-visually-impaired/ +02: CASCADING STYLE SHEETS. Fun with CSS Combinators By Alvaro Montoro. "…A CSS combinator is a tool that combines selectors, providing additional meaning and expressing relationship between them…" https://alvaromontoro.com/blog/68005/fun-with-css-combinators The Surprising Truth About Pixels and Accessibility By Josh W. Comeau. "'Should I use pixels or ems/rems?!' This is a question I hear a lot…" https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/ Lesser-Known And Underused CSS Features In 2022 By Adrian Bece. "CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we'll cover a fraction of those CSS properties and selectors." https://www.smashingmagazine.com/2022/05/lesser-known-underused-css-features-2022/ :where() :is() :has()? New CSS Selectors That Make Your Life Easier By Polypane. "When people talk about CSS complexity, a major contributor to that is CSS specificity, or writing effective CSS selectors…" https://polypane.app/blog/where-is-has-new-css-selectors-that-make-your-life-easier/ Use @supports At-Rule for Feature Detection in CSS (Video) By Zoran Jambor. "Learn how to detect browser feature support in CSS using @supports at-rule…" https://www.youtube.com/watch?v=9iH3z6M6FOI +03: EVALUATION & TESTING. Performing an Accessibility Test By Rachele DiTullio. "Hundreds of folks have expressed an interest in watching someone go through an accessibility test. I perform accessibility testing regularly and created these resources to demonstrate the process. My intent it to add additional accessibility testers and testing environments to this library…" https://racheleditullio.com/projects/accessibility-testing/ Difficult-Easy or Easy-Difficult - Does It Affect Response Distributions? By Jeff Sauro and Jim Lewis. "…Unless there is a compelling reason to do otherwise (e.g., comparison with historical data), we recommend using the standard format for SEQ response options (Difficult-Easy). This will improve the consistency of UX measurement, and we know from experience that communicating with stakeholders is easier when higher numbers represent a better outcome…" https://measuringu.com/reversing-seq-endpoints-response-distributions/ +04: EVENTS. The 2022 State of Automatic Speech Recognition May 26, 2022. Online https://go.3playmedia.com/wbnr-05-26-2022-asr The Web is Inherently Accessible June 8, 2022. Online https://www.tpgi.com/webinar-the-web-is-inherently-accessible/ UX Conference August August 13-26, 2022. Online https://www.nngroup.com/training/august/ SmashingConf New York 2022 October 10-13, 2022. New York, New York, U.S.A. https://smashingconf.com/ny-2022 +05: HTML. How The HTML Lang Attribute Helps Accessibility By Bureau of Internet Accessibility. "The HTML lang attribute allows developers to specify the language of a document, webpage, or element…" https://www.boia.org/blog/how-the-html-lang-attribute-helps-accessibility +06: JAVASCRIPT. ARIA Authoring Practices Guide (APG) - New User Interface By Shawn Lawton Henry. "This new multi-page format is easier for many people to use than the previous single-page Note…" https://lists.w3.org/Archives/Public/public-wai-announce/2022AprJun/0003.html APG: https://www.w3.org/WAI/ARIA/apg/ Re: ARIA Authoring Practices Guide (APG) By Adrian Roselli. "…APG is still untested, ARIA-first, and biased…This is actually quite frustrating to me. I have spent years tearing terrible APG patterns out of client projects, writing how APG is not production-ready, filing issues raising this problem…" https://twitter.com/aardrian/status/1527620356118396928 How to Prevent Buttons From Causing a Form to Submit with HTML By Chris Ferdinandi. "…A while back, though, my friend Eric Bailey taught me a much simpler way to handle this: add type="button" to the button…" https://gomakethings.com/how-to-prevent-buttons-from-causing-a-form-to-submit-with-html/ React Accessibility Resources By Bruce Lawson. "…maybe you're on a project that is already React Native, perhaps because some psycho manager flew in, demanded it and then returned to lurk in Hades. In which case, this might help you…" https://brucelawson.co.uk/2022/react-accessibility-resources/ +07: MISCELLANEOUS. Interview with Nicolas Steenhout By Denis Boudreau. "…Talk to disabled folks. Read up on disability etiquette, and on accessibility. Speak to accessibility experts. Keep in mind that disabilities aren't always visible…" https://inklusiv.ca/interview-with-nicolas-steenhout/ He Built This City: The Return of Glenn Davis By Jeffrey Zeldman. "You may not know his name, but he played a huge part in creating the web you take for granted today. And he's back-kind of…" https://www.zeldman.com/2022/05/20/he-built-this-city-the-return-of-glenn-davis/ +08: NAVIGATION. Intranet-Search Essentials By Anna Kaley. "Well-designed intranet search can become the fastest and easiest way for employees to find the information they need to stay productive." https://www.nngroup.com/articles/intranet-search/ +09: TOOLS. ScreenReader app By Appt Foundation. "Download the free ScreenReader app and learn how to use VoiceOver and TalkBack." https://screenreader.app 24×24 Pixel Cursor Bookmarklet By Adrian Roselli. "…I have made a bookmarklet that will turn your cursor into a 24 × 24 pixel square (back in April but forgot to post it), which may help in building and testing conformance with the proposed 2.5.8 Success Criterion…" https://adrianroselli.com/2022/05/24x24-pixel-cursor-bookmarklet.html +10: USABILITY. Less is More (UX Slogan #9) (Video) By Sarah Gibbons. "If you can add more and more features and several different ways of doing a task, should you do so? No, more UI isn't more usability. Usually, less is more, so focus on users' key tasks and design simple interactions for each task." https://www.nngroup.com/videos/less-is-more-ux-slogan-9/ +11: WEBWASTE & SUSTAINABILITY. Are My Third Parties Green? By Fershad Irani. "Check the third party resources used by a website…" https://aremythirdpartiesgreen.com/ Digital = Physical By Jon Friedman and Rachel Romano. "Green Design Principles that every designer can use to combat climate change…" https://medium.com/microsoft-design/digital-physical-4df9eceb63b2 Core Web Vitals Meets Sustainability By Fershad Irani. "Everyone wants to make sure their website's Core Web Vitals are up to standard. What if we told you that some of the very things you'll do to improve your site's Core Web Vitals can also help make it more sustainable…" https://ecoping.earth/blog/core-web-vitals-and-sustainability Poorest of the Poor Recycle our E-waste By Gerry McGovern. "Huge quantities of e-waste get recycled by the poorest of the poor in countries like Pakistan, India, Ghana or Nigeria…" https://gerrymcgovern.com/poorest-of-the-poor-recycle-our-e-waste/ [Section one ends.] ++ SECTION TWO: +12: 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.]