+++ WEB DESIGN UPDATE. - Volume 19, Issue 27, December 30, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 27 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: EVENTS. 04: JAVASCRIPT. 05: MISCELLANEOUS. 06: STANDARDS, GUIDELINES & PATTERNS. 07: TOOLS. 08: USABILITY. 09: XML. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. (the return of) Tables, Tequila and Beer By Steve Faulkner. "In a 2018 article tables and beers I explained how browsers correctly represent table semantics of simple tables with either a row or column of headers. Thus alleviating the need to use the scope attribute to identify a th as a row or column header. In this article I take it a little further, with tequila and beer…" https://html5accessibility.com/stuff/2020/12/22/the-return-of-tables-tequila-and-beer/ Be Careful with Dynamic Accessible Names By Adrian Roselli. "Many of my clients try to reduce the number of controls on a screen by replacing them with single controls that change their name based on their purpose (what they unironically call reducing complexity)…The challenge is that many of these re-used controls change their accessible name without any consideration of what that means for users who rely on the accessible name - screen reader and voice users. That new accessible name is not always conveyed to these users, and the results can be problematic…" https://adrianroselli.com/2020/12/be-careful-with-dynamic-accessible-names.html Understanding SC 4.1.3 Status Messages By Raghavendra Satish Peri. "…modern web pages are so dynamic that many a times the results of user interactions are more visual. Error messages, success messages that do not receive keyboard focus very often go unnoticed by the assistive technology (screen reader) users. More often than not, users are left wondering what is happening on the pages or whether they successfully performed tasks. This success criterion intends to bridge that gap by asking the authors that such status messages be programmatically determined… https://www.digitala11y.com/understanding-sc-4-1-3-status-messages/ Disabilities Directly Impacted by Accessible Video By Jaclyn Leduc. "…In regards to accessible video, captions may be the first thing that comes to mind. However, captions aren't the only video feature needed to improve equal access. In addition to captions, audio description, flash warnings, and accessible video platforms are necessary to create video content without barriers…" https://www.3playmedia.com/blog/disabilities-impacted-by-accessible-video/ Math is Hard. People with Disabilities Matter By Sarah Horton. "…Ensuring people with disabilities can participate must be reason enough to build accessible and usable products - whether for one person, one thousand, or one billion." https://sarahhortondesign.com/2020/12/23/math-is-hard-people-with-disabilities-matter/ Stock Photo Sites for Inclusion By Lainey Feingold. "This is an article about where Lainey Feingold finds pictures for talks and articles on this website. Lainey wants pictures showing that people with disabilities can participate fully in the world. She does not want all the disabled people in pictures she uses to be white. The picture with this post, for example, is from Disabled and Here. It shows two Black women, one in a wheelchair, sharing a piece of cake…" https://www.lflegal.com/2020/12/disability-diverse-photos/ 7 Reasons Web Accessibility Should Be Your Top Priority For 2021 By Alycia Gordan. "If people find your site inaccessible, you could land yourself in the midst of legal actions for noncompliance. Renowned brands such as Sears, Target, and Nike have had to pay hefty fines, and with the turbulent economic conditions, you can't afford this…" https://www.legalreader.com/7-reasons-web-accessibility-should-be-your-top-priority-for-2021/ +02: CASCADING STYLE SHEETS. CSS Snapshot 2020 Published By Elika Etemad (fantasai). "The CSS Working Group has published its CSS Snapshot for 2020. Given that the CSS 'specification' is over 100 separate documents, the CSS Snapshot is the CSSWG's attempt to represent the state of CSS by listing together all of the specifications considered essentially completed…" https://www.w3.org/blog/CSS/2020/12/23/css-snapshot-2020-published/ Guide to Advanced CSS Selectors - Part One By Stephanie Eckles. "…In this two-part mini-series, we'll explore some of the more advanced CSS selectors, and examples of when to use them…" https://moderncss.dev/guide-to-advanced-css-selectors-part-one/ Centering in CSS By Adam Argyle. "Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change…" https://web.dev/centering-in-css/ Giving Users and Developers More Control Over Focus By Chromium. "…The :focus-visible pseudo-class is a CSS selector that lets developers opt-in to the same heuristic the browser uses when it's deciding whether to show a default focus indicator. This makes styling focus more predictable…" https://blog.chromium.org/2020/09/giving-users-and-developers-more.html +03: EVENTS. Using Screen Readers and Testing Tools to Evaluate the Accessibility of a User Journey (from the Paciello Group) January 12, 2021. Online https://www.paciellogroup.com/webinar-january-12-using-screen-readers-and-testing-tools-to-evaluate-the-accessibility-of-a-user-journey/ Successful Design Systems Workflow (with Brad Frost) February 23-March 9, 2021. https://smashingconf.com/online-workshops/workshops/brad-frost-feb/ Designing The Perfect Navigation UX (with Vitaly Friedman) March 30-31, 2021. https://smashingconf.com/online-workshops/workshops/vitaly-friedman-navigation/ An Event Apart Washington DC July 12-14, 2021. Washington, D.C., U.S.A. https://aneventapart.com/event/washington-dc-2021 Devopsdays Minneapolis 2021 July 20-21, 2021. Minneapolis, Minnesota, U.S.A. https://devopsdays.org/events/2021-minneapolis/welcome/ +04: JAVASCRIPT. "JavaScript" != "Javascript" By Charlie Midtlyng. "When I studied computer science for five years there was a lot of mathematics. Equality was probably the simplest part. After ten years of working, I've done a lot of JavaScript. Equality is not the simplest part…" https://javascript.christmas/2020/22 +05: MISCELLANEOUS. 7 Web Design and Development Newsletters for Your Reading Pleasure By Deborah Edwards-Onoro. "…If you're looking for web design and development newsletters to subscribe to, here are seven of my favorites…" https://www.lireo.com/weekly-web-design-development-newsletters-for-your-reading-pleasure/ Real People, Real Stories Podcast 2020-E9: Steve Sawczyn (Video) By Mark Miller and Marissa. "…Steve talks about how, although 'It's a great time to be blind,' he still runs into accessibility challenges that can be mildly embarrassing (how do you ask someone to tell you if you're standing six feet away from them to abide by social distancing rules?) to potentially dangerous (information on Covid-19 is overwhelmingly found online, ideally on accessible websites)…" https://www.youtube.com/watch?v=N9zRHwVX25k Recognizing Constraints By Jeremy Wagner. "…My hope is that the web becomes more adaptive in 2021 than it has been in years past. I hope that we start to have the same expectations for the user experience that we did when we were kids playing PC games-that an experience can vary in its fidelity in order to accommodate slower systems-and that's a perfectly fine thing for the web. It's certainly more flexible than expecting everyone to cope with the exact same experience, whether they're on an iPhone 12 or an Android Go phone." https://css-tricks.com/recognizing-constraints/ Web History Chapter 6: Web Design By Jay Hoffmann. "…In April of 2000, as a new millennium was solidifying the stakes of the information age, John Allsopp wrote a post for A List Apart entitled 'A Dao of Web Design.' It was written at the end of the first era of web design, and at the beginning of a new transformation of the web from a stylistic artifact of its print predecessors to a truly distinct design medium…" https://css-tricks.com/chapter-6-web-design/ Here Lies Flash By Mike Davidson. "In just a few short days, on December 31, 2020, we will say our final goodbyes to one of the most important internet technologies that ever lived: Flash…" https://mikeindustries.com/blog/archive/2020/12/here-lies-flash +06: STANDARDS, GUIDELINES & PATTERNS. Semantics in Web Development By Dean Leigh. "What do we mean by the phrases 'Semantic Code', 'Semantic Markup', and 'Semantic Web'? Well… it's a question of semantics…" https://24days.in/umbraco-cms/2020/semantics-in-web-development/ +07: TOOLS. Can I Email By @HTeuMeuLeu and the team at Tilt Studio. "Based on the original caniuse.com by @Fyrd and designed by @Lensco. Also based on the original name and idea by @M_J_Robbins and the team at Rebel. Launched by @HTeuMeuLeu and the team at Tilt Studio…" https://www.caniemail.com/ +08: USABILITY. Infinite Scroll: What Is It Good For? By Hal Koss. "The content is endless, but user patience is not…" https://builtin.com/ux-design/infinite-scroll Companies on Social Media: 6 Interaction Types (Video) By Alita Joyce. "Our user research discovered 6 distinct types of interactions users/customers have with companies on social media. Recognize each type, and support each one with different design approaches." https://www.nngroup.com/videos/social-media-interaction-types/ Augmented and VR vs Computer Screens (Video) By Jakob Nielsen. "Will 3D user interfaces like VR and AR replace flat screens, and how should UX designers prepare for these technologies?" https://www.nngroup.com/videos/ar-vr-vs-screens/ Camera Obscura: Beyond The Lens Of User-Centered Design By Alexis Lloyd. "As the world grows increasingly complex, the limitations of user-centered design are beginning to emerge…" https://alexis.medium.com/camera-obscura-beyond-the-lens-of-user-centered-design-631bb4f37594 +09: XML. Accessible SVG Icons By Chris Coyier. "The answer to 'What is the most accessible HTML for an SVG icon?' isn't one-size-fits all, because what an icon needs to do on a website varies…" https://css-tricks.com/accessible-svg-icons/ [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.]