+++ WEB DESIGN UPDATE. - Volume 21, Issue 26, December 21, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 26 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: EVENTS. 05: HTML. 06: JAVASCRIPT 07: MISCELLANEOUS. 08: NAVIGATION. 09: USABILITY. 10: WEBWASTE & SUSTAINABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Prevent Focused Elements From Being Obscured by Sticky Headers By James Edwards. "This article demonstrates a technique for preventing focused elements from being obscured by sticky headers or footers…" https://www.tpgi.com/prevent-focused-elements-from-being-obscured-by-sticky-headers/ Which Images Need Descriptive Text? By Martin Underhill. "…The most inclusive experience would be to describe every image unless there's a clear reason not to. Some people who use screen reader software might thank you for a more comprehensive experience, but others may consider it unnecessary noise. So keep descriptive text brief and to the point. Finally, if it doesn't feel right to describe an image, perhaps there shouldn't be an image there at all…" https://www.tempertemper.net/blog/which-images-need-descriptive-text Swinging Through the Accessibility Tree Like a Ring-Tailed Lemur: A Deep Dive into Accessibility APIs, Part 1 By Neill Hadder. "While preparing a fantastic new Knowbility course on coding for screen reader accessibility, I decided to double-check some of the finer details about how assistive technology actually gets hold of information from web pages…" https://knowbility.org/blog/2022/accessibility-apis-part1 Experience Lab By Minnesota IT Services. "What is the Experience Lab? It's a chance to gain a new perspective by experiencing how people with disabilities use digital technology…" https://mn.gov/mnit/about-mnit/accessibility/training/experience-lab/ Improve Accessibility of Your Teams Meetings: Questions and Answers (Part 2) By Kris Schulze and Jennie Delisi. "Tips to make your Teams Meetings more inclusive…" https://mn.gov/mnit/media/blog/?id=38-552468 State of A11y, December 2022 (Video) By Amy Carney. "In case you missed it, I sat on a panel with five other accessibility experts on December 13, 2022 at 8 AM AKST. Panelists included Adrián Bolonio, Albert Kim, Beatriz González Mellídez, Shruti Kapoor, and Crystal Preston-Watson…" https://carneydevelopit.wordpress.com/2022/12/15/state-of-a11y-december-2022/ DOJ Agreement with UC Berkeley Over Digital Content Accessibility Could Have Huge Impact on IHEs By Kristal Kuykendall. "A new consent decree between the Justice Department and University of California, Berkeley resolving allegations that UC Berkeley's digital content is not accessible enough may have much broader implications for education institutions with free online content and courses that are not fully ADA compliant - regardless of the platform where the institution's content exists…" https://campustechnology.com/articles/2022/12/15/doj-agreement-with-uc-berkeley-over-digital-content-inaccessibility-could-have-huge-impact-on-ihes.aspx Takeaways from UC Berkeley's Consent Decree with the DOJ By Abby Alepa. "…While the DOJ's investigation began with a complaint around a lack of closed captions, it expanded to address media and web accessibility for all learners. Read on to learn more about the background of the investigation and the far-reaching impact of the consent decree…" https://www.3playmedia.com/blog/takeaways-from-uc-berkeleys-consent-decree-with-the-doj/ +02: CASCADING STYLE SHEETS. Cascade Layers By Miriam Suzanne. "Don't let specificity force you into strict selector conventions. Cascade Layers allow us to manage specificity without resorting to naming hacks or the `!important` flag…" https://12daysofweb.dev/2022/cascade-layers/ CSS Style Queries By Ahmed Shadeed. "Recently, the Chrome team released experimental support for a new proposed CSS spec, style queries. In short, they let us query the style of a container, rather than the size only. This can be helpful in cases where querying the container size isn't enough…" https://ishadeed.com/article/css-container-style-queries/ Do You Know color-scheme? By Sarah Joy. "Do you know of color-scheme yet? If not, I bet you still think you do. It will certainly look familiar, as prefers-color-scheme has been around for longer and is clearly related…" https://www.htmhell.dev/adventcalendar/2022/19/ 4 Ways CSS :has() Can Make Your HTML Forms Even Better By Austin Gil. "This article shows how the CSS :has() pseudo-class can improve HTML forms through validation hints, conditional content, fancier designs, and more…" https://austingil.com/css-has-with-html-forms/ What's New in Responsive Design (Slides) By Rachel Andrew. "A presentation at WeyWeyWeb in December 2022 in Málaga, Spain…In this talk, Rachel Andrew will take a look at what is available right now across browsers, and what is just around the corner. She'll also dive into plenty of information about browser support to help you adopt new things with confidence…" https://noti.st/rachelandrew/YyNEXE/whats-new-in-responsive-design Highlighting Image Accessibility on Mastodon By Eric A. Meyer. "…With the mass Mastodon migration currently underway in the circles I frequent, I spend more time there, and I missed the quick visual indication of images having alt text, as well as my de-emphasis styles for those images that don't have useful alt text. So I put the two together and wrote a new user stylesheet, which I apply via the Stylus browser extension. If you'd like to also use it, please do so…" https://meyerweb.com/eric/thoughts/2022/12/14/highlighting-image-accessibility-on-mastodon/ CSS in 2022 (and Beyond) (2022.10.07 @ Full Stack Europe) By Bramus Van Damme. "Back in October I was at Full Stack Europe in Antwerp. One of the talks I gave dug into the recent and upcoming things that landed in CSS. It was an updated version of the same talk I gave at Fronteers Conference earlier this year…" https://www.bram.us/2022/12/20/css-in-2022-and-beyond-2022-10-07-full-stack-europe/https://www.bram.us/2022/12/20/css-in-2022-and-beyond-2022-10-07-full-stack-europe/ +03: COLOR. Designing in a Colour Blind World By Scott Forsyth. "I spent much of my youth buried in paints, pencils and erasers, but it took an innocuous conversation about a yellow car (which was actually green) that made me realise things weren't quite right in my colour palette…" https://accessibility.blog.gov.uk/2022/12/16/designing-in-a-colour-blind-world/ +04: EVENTS. Artificial Intelligence and Accessibility Research Symposium January 10-11, 2023. Online https://www.w3.org/WAI/about/projects/wai-coop/symposium2/ Redesigning for Cognitive Ease with Alyssa Panetta January 12, 2023. Online https://www.youtube.com/watch?v=BXeixHLjZwM Illuminating the Universe: Making Astronomy Accessible to All January 18, 2023. Online https://www.meetup.com/a11yprinceton/events/289781287/ Strengthening and Maturing Accessibility Training and Testing Programs Within the Federal Government January 24, 2023. Online https://accessibilityonline.org/cioc-508/session/?id=111035 +05: HTML. 5 HTML Elements, and a Partridge in a Despair Tree By James Bateson. "HTML is a beautiful programming language. It comes with many out-of-the-box accessibility benefits-it conveys semantic meaning to assistive technology, enabling people to consume content and complete often important journeys that they may not be able to do outside of the web. So why is all that goodness we can get for free ignored so often?…" https://www.htmhell.dev/adventcalendar/2022/16/ Common Nesting Issues in HTML By Silvestar. "HTML is such a lovely language. Browsers will almost always display something for you, no matter what you put in the HTML document. Heck, you could omit all tags, and it will still work. That's all nice, but as web professionals, we should aim to write valid code. But even professional web developers make mistakes. Here are some examples of common nesting issues in HTML…" https://www.htmhell.dev/adventcalendar/2022/20/ HTML Dialog By Stephanie Eckles. "Native dialogs became cross-browser as of March 2022. Review how to use and customize dialogs and about accessibility considerations…" https://12daysofweb.dev/2022/dialog/ Mini-guide to Add an Image By Cristian Díaz. "Adding an image with HTML is pretty easy, it's just a simple tag, after all, right?…" https://www.htmhell.dev/adventcalendar/2022/18/ +06: JAVASCRIPT. Pointer Events By Stephanie Eckles. "Pointer events provide an API for unifying detecting interaction from various "pointers" including a mouse, pen/stylus, or touch…" https://12daysofweb.dev/2022/pointer-events/ +07: MISCELLANEOUS. Next Steps for the W3C Web Accessibility Initiative with Judy Brewer and Michael Cooper (Video) Moderated by Shadi Abou-Zhara. "Okay welcome everybody uh to the session that I'm informally calling what the heck is going on with WAI…" https://www.youtube.com/watch?v=E9jJ12O5q-g Marketing in Accessibility By Bryan Stromer. "Marketing is a fun topic that's not talked about a lot in the accessibility space…" https://equalentry.com/marketing-in-accessibility/ +08: NAVIGATION. How Much Time Does It Take to Create a Journey Map? By Kate Kaplan. "Data from 343 respondents provide a baseline to help teams understand and estimate the time and cost involved in the journey-mapping process." https://www.nngroup.com/articles/journey-map-how-much-time/ +09: USABILITY. Closure: Gestalt Principle for User Interface Design (Video) By Sara Ramaswamy. People often fill in the gaps between visual elements, using closure to perceive them as a whole instead of being separate UI items. https://www.nngroup.com/videos/closure-gestalt/ Alert Fatigue in User Interfaces (Video) (Video) By Page Laubheimer. "Dashboards that monitor vast masses of data should guide users' attention to critical values. But not by flashing endless alerts without prioritization." https://www.nngroup.com/videos/alert-fatigue-user-interfaces/ Useful Accessibility And Usability Examples To Help Improve Your Designs By Thomas Bohm. "In this article, Thomas Bohm shares strategies and methods to tackle some common graphic communication problems and gives you insights into how to improve accessibility and usability and make your designs much better…" https://www.smashingmagazine.com/2022/12/useful-accessibility-usability-examples-help-improve-your-designs/ +10: WEBWASTE & SUSTAINABILITY. The Advent of Green Digital Accessibility By Tom Greenwood. "This month I had the honour of giving a keynote talk at the first International 'Green Digital Accessibility' Conference in Barcelona…" https://www.wholegraindigital.com/blog/green-digital-accessibility/ We Don't Have Data Centers. We Have Data Dumps. By Gerry McGovern. "I have yet to meet a medium-to-large organization that knows how much data they have. I have yet to meet one that knows how many computers or servers they have. And with the Cloud, the problem is getting totally, absolutely, infinitely worse. We are sleepwalking into a data crisis and the consequences already are very substantial. They will get much, much worse…" https://gerrymcgovern.com/we-dont-have-data-centers-we-have-data-dumps/ The Metaverse and the Environment (Video) By Amelia Kallman. "In this talk, Amelia Kallman shares her latest research and insights on the impact of the metaverse on the environment and what it means for developing future of the internet moving forward…" https://www.youtube.com/watch?v=oxRg01dD5Lo [Section one ends.] ++ SECTION TWO: +11: 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.]