+++ WEB DESIGN UPDATE. - Volume 21, Issue 24, December 7, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 24 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: PHP. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Making Accessibility Simpler in Higher Education and Beyond! By Matthew Deeprose. "A 'Lunch and Learn' session at TechSharePro 2022 delivered on 16 November 2022. Let's review three approaches to making accessibility more approachable for busy colleagues by answering these three questions: How can we demystify alternative text for complex images like charts and graphs? How can we simplify accessible brand palette colour choices? How can we amplify engagement with accessibility? While this session is based on experiences within the Higher Education sector, they are applicable in other organisations…" https://matthewdeeprose.github.io/techshare_pro_22__simplify_accessibility Let's Talk Accessibility with Carie Fisher and Melanie Sumner (Video) By Alexandra White. "Join Alexandra White from Google as she talks about the importance of building accessible web experiences to help you deliver your product to everyone, everywhere." https://www.youtube.com/watch?v=xvGDgDRWl_E The 411 on 4.1.1 By Adrian Roselli. "There is a non-zero chance that WCAG Success Criterion 4.1.1 Parsing will go away in WCAG 2.2. This isn't a problem for users, regardless of the problems it may pose for the WCAG process, ACT rules, automated testing tools, or ossified testing processes…" https://adrianroselli.com/2022/12/the-411-on-4-1-1.html Making Microservices Accessible By Craig Abbott. "…Almost anything can be made accessible. But, depending on how you build your microservice will determine how much work you have to do…" https://www.craigabbott.co.uk/blog/making-microservices-accessible Nick Colley Speaks About ADHD and Engagement Patterns on the Web By Nicolas Steenhout. "Nick Colley says '…in the analytics somewhere, there's a dashboard, and it says when they released shorts, I really started to enjoy Instagram. But actually, if you came in, saw what the impact is, it's like me miserably hooked to this dopamine loop of it is like, is really not enjoyable.'" https://a11yrules.com/podcast/nick-colley-speaks-about-adhd-and-engagement-patterns-on-the-web/ Alyssa Cheeseman Talks About Screen Readers and False WCAG Conformance Claims By Nicolas Steenhout. "Alyssa says 'sometimes accessibility is kind of still up in the air and a lot of corporate managers don't really understand that until a big bug happens and you lose customers because of it'". https://a11yrules.com/podcast/alyssa-cheeseman-talks-about-screen-readers-and-false-wcag-conformance-claims/ Accessible Front-End Patterns For Responsive Tables (Part 1) By Adrian Bece. "There is no universal solution for making every kind of table responsive and usable on smaller screens, so we have to rely on various patterns, which Adrian explains in this two-part series…" https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1/ Accessibility and MVPs By David A. Kennedy. "Building minimal viable products (MVPs) means sacrifices. But sacrifice features, not critical functionality, like accessibility…" https://davidakennedy.com/blog/accessibility-and-mvps/ My Experiences With Inaccessible Legal Docs and Processes - and How to Fix Them By Patrick Sturdivant. "To observe this year's International Day of People with Disabilities (IDPWD), I would like to share my experience with e-signature software…" https://www.deque.com/blog/inaccessible-legal-docs-esign-processes/ Swearing and Automatic Captions By Eric Bailey. "…Inclusivity means accommodating how an individual chooses to express themselves. If that does not align with your view of what is appropriate, I encourage you to think through the privilege and power dynamics at play. I also encourage you to question an experience's defaults and how they came to be." https://ericwbailey.website/published/swearing-and-automatic-captions/ UC Berkeley Enters Into Consent Decree with DOJ About Its Websites and Other Online Content By Minh N. Vu, Seyfarth Shaw LLP. "…UC Berkeley and the DOJ resolve an 8-year investigation with a comprehensive Consent Decree that requires UC Berkeley to make virtually all the content on its online platforms accessible to people with disabilities within three years and adopt comprehensive policies and procedures to ensure accessible online content…" https://www.lexology.com/library/detail.aspx?g=93c3dd86-a844-44df-ba55-0bb60ad3a3d2 Legal Update: November 2022 By Ken Nakata. "…This month, my Lexis feed churned out more nexus cases, as courts struggle with trying to make sense of what the requirement means and how to apply it.…" https://convergeaccessibility.com/2022/12/05/legal-update-november-2022/ +02: CASCADING STYLE SHEETS. The Large, Small, and Dynamic Viewport Units By Bramus Van Damme. "New CSS units that account for mobile viewports with dynamic toolbars." https://web.dev/viewport-units/ PX or REM in CSS? Use REM. Here's why… By Austin Gil. "When choosing between pixels and rems in CSS, you should almost always use rems. It's a simple rule to follow. This article explains why…" https://austingil.com/px-or-rem-in-css/ +03: EVALUATION & TESTING. Show Me the Data (UX Slogan #15) (Video) By Kate Moran. "Members of a design team will often argue for different solutions to a UI problem. That's when to say 'show me the data' to resolve the debate by empirical insights, rather than who argues the best." https://www.nngroup.com/videos/show-me-the-data/ +04: EVENTS. How to Find and Fix the Top 3 Accessibility Issues December 13, 2022. Online https://accessibility.deque.com/how-to-find-and-fix-the-top-three-accessibility-issues Department of Education Digital Accessibility Audits: The Importance of Being Proactive December 16, 2022. Online https://www.texthelp.com/resources/webinars/department-of-education-digital-accessibility-audits/ Accessibility in Technology Procurement and Use January 17, 2023. Online https://webaim.org/training/procurement/ Automatic Captions: Our Experiments and Best Practices January 24, 2023. Online https://www.meetup.com/a11ynyc/events/290027375/ ATHEN (Access Technology Higher Education Network) Virtual STEM Conference: Acc3ss N0w February 9-10, 2023. Online https://athenpro.org/content/athen-virtual-conference +05: HTML. HTML Semantics and Accessibility Cheat Sheet By WebAIM. "The following table lists the most common and useful HTML elements that have an impact on accessibility for users with disabilities…" https://webaim.org/resources/htmlcheatsheet/ Brief Note on Description List Support By Adrian Roselli. "Description list support is generally good (with Safari being the outlier), even if you may not like how it is supported…" https://adrianroselli.com/2022/12/brief-note-on-description-list-support.html How to Transfigure Wireframes Into HTML By Lara Aigmüller. "Soon enough in your career as a web developer, you encounter the situation where a designer hands over a wonderful web design in all its large-screen glory. Your mission now is to transform it into code to present a prototype as soon as possible, starting with nothing but an empty text file…" https://www.htmhell.dev/adventcalendar/2022/1/ You Don't Need ARIA For That By Dennis E. Lembrée. "In web development, writing semantic HTML is important for accessibility, and also provides some nice side effects such as supporting browser 'reader' modes, SEO, graceful degradation, and exporting…" https://www.htmhell.dev/adventcalendar/2022/2/ Landmarks and Where to Put Them By Kilian Valkhof. "…These are elements that are used to define the structure of your entire HTML and you probably know some of them already…" https://www.htmhell.dev/adventcalendar/2022/4/ Reading the meter By Dana Byerly. "The element is a little known and rarely used semantic element…" https://www.htmhell.dev/adventcalendar/2022/5/ +06: JAVASCRIPT. JavaScript By web.dev. "…Write accessible JavaScript" https://web.dev/learn/accessibility/javascript/ Shadow DOM and Accessibility: The Trouble With ARIA By Nolan Lawson. "…if you want to use shadow DOM without breaking accessibility, then this is one of the things you will have to grapple with…" https://nolanlawson.com/2022/11/28/shadow-dom-and-accessibility-the-trouble-with-aria/ Using SRI to Protect From Malicious JavaScript By Saptak Sengupta. "At some point of developing a website, there might come a time where we need to progressively enhance using JavaScript…" https://www.htmhell.dev/adventcalendar/2022/3/ +07: MISCELLANEOUS. Advent Calendars for Web Professionals: 2022 Edition By Deborah Edwards-Oñoro. "…Check out my collection of Advent calendars and let me know which one is your favorite…" https://www.lireo.com/advent-calendars-for-web-professionals-2022-edition/ Web Development Advent Calendars for 2022 By Adrian Roselli. "Web developers around the world have for years given a nod to Saturnalia solstice Isaac Newton's birthday Yule wassailing mummering end of Gregorian calendar year Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below…" https://adrianroselli.com/2022/12/web-development-advent-calendars-for-2022.html +08: PHP. All I Want for Christmas By Brent Roose. "Let's set aside all practical concerns for a moment - it's Christmas, after all. If you could choose - freely choose: what would you change about PHP?…" https://24daysindecember.net/2022/12/01/all-i-want-for-christmas/ +09: USABILITY. Proximity: Gestalt Principle for User Interface Design (Video) By Lillian Yang. "UI elements that are close together are perceived as belonging together, whereas users think that things that are apart play different roles in the interaction." https://www.nngroup.com/videos/proximity-gestalt/ UX Mapping Methods: Visual-Design Guide By Sarah Gibbons and Kelley Gordon. "Visual-design principles can be applied consistently throughout the process of creating a polished UX map. Start by choosing a tool, then create a visual system, establish the basic layout, and finally add content and make adjustments." https://www.nngroup.com/articles/ux-mapping-methods-visual-design-guide/ Bad UX Writing: 5 Mistakes to Avoid By Jessica Day. "…The quality of UX writing shapes how users feel about using a product or service. So getting UX writing right is a crucial requirement…" https://www.uxmatters.com/mt/archives/2022/12/bad-ux-writing-5-mistakes-to-avoid.php Putting the Kibosh on UI vs. UX By Cameron Moll. "This year I've seen more attempts than ever to draw distinctions between the practice of visual design vs. experience design, or 'UI' vs. 'UX', or whatever labels you prefer…" http://cameronmoll.com/journal/putting-the-kibosh-on-ui-vs-ux [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 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.]