+++ WEB DESIGN UPDATE. - Volume 21, Issue 01, July 01, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 01 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: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: MISCELLANEOUS. 08: TYPOGRAPHY. 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. Introduction to Keyboard Accessibility - the Movie! By Bruce Lawson and Taylar Bouwmeester. "My professional other half at Babylon Health, Taylar Bouwmeester, and I invite you to join us on a rollercoaster ride through the merry world of keyboard accessibility…" https://brucelawson.co.uk/2022/introduction-to-keyboard-accessibility-the-movie/ AltTxtReminder and TheArtofALT By Gregory J. Rosmaita. "If you follow @AltTxtReminder it will DM you when you forget to add ALT, allowing you to reply to the original tweet with a transcript or description… I maintain a list called TheArtOfALT, which follows some of the greatest artists of ALT i have encountered so far on Twitter. I also try to use #TheArtOfALT hashtag when discussing ALT or testing image bots…" https://twitter.com/oedipusnj/status/1540129675157962752 Accessible Design Systems By Henny Swan. "A design system is a library of styles, components, and patterns used by product teams to consistently and efficiently launch new pages and features. A good system has accessibility embedded throughout and includes documentation, guidelines and implementation notes for accessibility…" https://tetralogical.com/blog/2022/06/24/accessible-design-systems/ Thoughts on an Accessibility 'Get Well' Plan By Jens Oliver Meiert. "Have you wondered how to anchor accessibility in an engineering team, one that isn’t yet producing accessible sites or apps?…" https://meiert.com/en/blog/accessibility-get-well-plan/ Change Management for Accessibility: Plan Do Check Act (PCDA) Model By Michael Harshbarger. "…If monitoring or adjusting is important because of the culture or identity of our organization, we would want to look at a model that includes those steps in the process. This is where we would look at the Plan, Do, Check, Act model for change management…" https://www.deque.com/blog/change-management-for-accessibility-plan-do-check-act-pcda-model/ Using Accessibility Literacy to Counter Accessibility Ignorance By Devon Persing. "…Accessibility literacy must be a goal for any kind of sustainable, scalable accessibility program…" https://devonpersing.netlify.app/posts/using-accessibility-literacy-to-counter-accessibility-ignorance/ iOS Accessibility Values By Rob Whitaker. "…If you're familiar with WCAG or web accessibility, accessibility values are the value part of WCAG 4.1.2: Name, Role, Value…" https://mobilea11y.com/blog/accessibility-values/ DeafBlind Awareness Week 2022: Get Involved By Deborah Edwards-Oñoro. "This week kicks off DeafBlind Awareness Week, an annual event to raise awareness for and celebrate the achievements of people living with sight and hearing loss…" https://www.lireo.com/deafblind-awareness-week-2022-how-you-can-participate/ World’s Largest Human Resource Association Agrees to Drastically Increase the Accessibility of Their Services for Deaf HR Professionals By Disability Rights Advocates. "…As part of the agreement, SHRM will ensure that closed captioning compliant with the most recent version of the Web Content Accessibility Guidelines is posted contemporaneously with all new, pre-recorded content that SHRM offers…" https://dralegal.org/press/shrm-settlement/ +02: CASCADING STYLE SHEETS. CSS: Want your first 5 list items to be bold? By Estelle Weyl. "li:nth-of-type(-n + 5) {font-weight: bold;} Start with the # of list items you want to impact, then increment backward with -n.…" https://twitter.com/estellevw/status/1539052871542448131 My Dumbest CSS Mistakes By Geoff Graham. "…C'mon, we all know you've made some! Let us learn from them!" https://css-tricks.com/my-dumbest-css-mistakes/ +03: COLOR. Accessibility Tip: How to Test Color Contrast Ratios By Eric Karkovack. "…The good news is that compliance with WCAG color contrast standards isn't very difficult. As we'll demonstrate, testing color contrast ratios takes mere seconds. From there, it's a matter of making any necessary adjustments…" https://speckyboy.com/accessibility-tip-color-contrast-ratios/ What is the Next Thing About Colour Contrast (Video) By Vicent Sanchis. Bisan's Word Camp Europe presentation. https://www.youtube.com/watch?v=Da1Jmi7wgCY&t=3976s Using Color to Enhance Your Design (Video) By Kelley Gordon. "Color is an influential tool in user interface design. Here are 3 guidelines for applying color in your design."" https://www.nngroup.com/videos/using-color-enhance-design/ +04: EVALUATION & TESTING. The Many Ways of Thinking Aloud By Jeff Sauro and Jim Lewis. "…This article covers the four common types of thinking aloud, adapted from our chapter in Handbook of Human…" https://measuringu.com/many-ways-of-thinking-aloud/ +05: EVENTS. The National Federation of the Blind National Convention July 5-10, 2022. New Orleans, Louisiana, U.S.A. https://www.nfb.org/get-involved/national-convention Mobile Site and Native App Accessibility Testing July 5 and 14, 2022. Online https://events.humanitix.com/mobile-site-and-native-app-accessibility-testing-workshop-part-1 U.S. Access Board Meeting and Webcast July 13, 2022. Online https://www.access-board.gov/news/2022/06/09/u-s-access-board-meeting-and-webcast-in-july/ AHEAD Equity & Excellence Conference July 18-22, 2022. Cleveland, Ohio, U.S.A. https://www.ahead.org/events-programming/conferences/ahead-2022 Web Directions Code September 23-30, 2022. Online https://webdirections.org/code/ +06: HTML. Dialogs and Shadow Dom: Can We Make It Accessible? By Nolan Lawson. "Last year, I wrote about managing focus in the shadow DOM, and in particular about modal dialogs. Since the element has now shipped in all browsers, and the inert attribute is starting to land too, I figured it would be a good time to take another look at getting dialogs to play nicely with shadow DOM…" https://nolanlawson.com/2022/06/14/dialogs-and-shadow-dom-can-we-make-it-accessible/ Are You Sure That's a Number Input? By Kilian Valkhof. "…Not all inputs that accept digits should be inputs with type="number". Make sure that you use it for numbers, not for things that just happen to be made up of digits…" https://kilianvalkhof.com/2022/css-html/are-you-sure-thats-a-number-input/ +07: MISCELLANEOUS. W3C To Become a Public-Interest Non-Profit Organization By W3C. "By incorporating, W3C is replacing its original Hosted model and boosting its crucial web standards work…" https://www.w3.org/2022/06/pressrelease-w3c-le.html.en AXSChat with Meryl Evans By AXSChat. "Captioned conversation with Debra Ruh, Neil Milliken, and Meryl Evans…" http://www.axschat.com/meryl-evans/ +08: TYPOGRAPHY. The Influence of Stroke Width on Legibility for Low Vision Adults: Integrating Scientific & Design Knowledge on Typeface Boldness (PDF) By Karin von Ompteda. "A thesis submitted in partial fulfilment of the requirements of the Royal College of Art for the degree of Doctor of Philosophy…" https://researchonline.rca.ac.uk/5084/1/PhD%20von%20Ompteda%20-%20RCA%20Repository.pdf +09: USABILITY. Voice Control Usability Considerations For Partially Visually Hidden Link Names By Eric Bailey. "Overcorrecting for one form of disability may unintentionally negatively impact the experience for other forms of disability. For example, partially visually hidden link names may work great for people who use screen readers, but this approach can be problematic for people who rely on voice control software. Because of this, your designs need to be flexible and adaptable, as well as accommodate the many different ways people can interact with them…" https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/ Thank You Gerry Gaffney for UXpod By Caroline Jarrett. "I've been an enthusiastic listerer to Gerry Gaffney’s podcast, UXpod, and was honoured to be a guest more than once. So I was sad when he mentioned that he had decided to stop doing it, but then had the idea of letting me interview him for a farewell episode…" https://www.effortmark.co.uk/16-years-of-uxpod/ UX Writing: Study Guide By Anna Kaley. "Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online reading behaviors." https://www.nngroup.com/articles/ux-writing-study-guide/ +10: WEBWASTE & SUSTAINABILITY. What is the Difference Between Green Web Design and Sustainable Web Design By Sustainable WWW. "Many people are not aware of it, but green web design and sustainable web design are not at all the same thing…" https://sustainablewww.org/principles/what-is-the-difference-between-green-web-design-and-sustainable-web-design Why Sustainable Web Design Matters By Sustainable WWW. "Sustainability is becoming an increasingly important issue, and businesses are starting to realize that they need to take steps to become more environmentally friendly…" https://sustainablewww.org/principles/why-sustainable-web-design-matters Social Carbon Footprint Calculator By Compare The Market. "Which social media sites have the biggest impact on the environment…" https://www.comparethemarket.com.au/energy/features/social-carbon-footprint-calculator/ [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.]