+++ WEB DESIGN UPDATE. - Volume 19, Issue 34, February 17, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 34 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: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. 13: WEBWASTE & SUSTAINABILITY. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How to Create Accessible Presentations with Google Slides By Stanford Office of Digital Accessibility. "Google Slides is a popular tool for creating slide show presentations. Below are some topics that support accessibility in Google Slides…" https://uit.stanford.edu/accessibility/applications/google-slides Press This Podcast: Creating Captivating Video Captions with Meryl Evans By Emily Schiola. "…we're going to be talking about creating captivating video captions, with the infamous Meryl Kay Evans… " https://torquemag.io/2021/01/creating-video-captions/ Designing for Dyslexia By Stephanie Asmus. "10 Web Design Tips Everyone Benefits From…" https://medium.com/branding101/designing-for-dyslexia-9e61945f82b0 How to Start Testing Screen Reader Support Using VoiceOver By Yakim van Zuijlen. "Testing your website using assistive technologies is a vital way to ensure the accessibility of your website for disabled people. I'll bring you up to speed on the basics of VoiceOver on macOS so you can make it a habit to test your content for screen readers.…" https://yakim.nl/articles/voiceover-testing/ A Sneak Peek into WCAG 3.0 First Public Draft By Sathish Kumar. "Jan 21 2021 was, is and will be a great day as the accessibility community has been celebrating ever since for the only one thing! It's when the world witnessed the publication of WCAG 3.0 first public draft…" https://www.digitala11y.com/a-sneak-peek-into-wcag-3-0-first-public-draft/ The New WCAG 3 Draft: Here's What You Should Know By Samantha Sauld. "…No matter where you are on your journey, this draft offers great insight on how to improve digital accessibility for all. Let's dive into the new WCAG 3 draft and some of the major takeaways…" https://www.3playmedia.com/blog/wcag-3-draft/ WCAG of the Day By Grunet. "It's like those "Word of the Day" email services, but for the Web Content Accessibility Guidelines (WCAG) instead. Each day it sends out a short summary of a different success criterion…" https://dwcag.org/ Not It! A Game of Accessibility Hide-and-Seek with Technology Vendors By Sarah Horton. "True accessibility is a partnership between technology vendors and their customers. Based on my experience, some technology vendors are not owning their role in making sure people with disabilities are included in the digital world." https://sarahhortondesign.com/2021/02/14/not-it-a-game-of-accessibility-hide-and-seek-with-technology-vendors/ Accessibility Auditing and Pushing for More By Alastair Campbell. "A great article by Eric Bailey crossed my twitter stream: 'Accessibility auditing and ego'. It triggered a couple of thoughts I would like to 'yes and…'…" https://alastairc.uk/2021/02/accessibility-auditing-and-pushing-for-more/ Free Feedback for #accessiBe By Adrian Roselli. "On Friday, 12 February, at the request of Chancey Fleet I joined a call accessiBe set up with her. I have made it a point to only engage accessiBe publicly and with publicly available information, declining invitations from accessiBe in the past…" https://adrianroselli.com/2021/02/free-feedback-for-accessibe.html Using SEO, User Experience & Accessibility to Improve Search Results By Kim Krause Berg. "It takes marketers with complementary SEO & UX skills to ensure website accessibility not only for search engines but for all…" https://www.searchenginejournal.com/seo-ux-accessibility-in-search-results WhiteHouse.gov: Beginning an Accessibility Journey By Mike Gifford. "Praise and recommendations for the accessibility statement published by the new administration…" https://medium.com/civicactions/whitehouse-gov-makes-an-accessibility-statement-5de37580209 Funimation Faces Class-Action Lawsuit for Allegedly Violating Americans with Disabilities Act (Updated) By Crystalyn Hodgkins. "Jenisa Angeles, a legally blind person, filed a class-action lawsuit against Funimation Global Group, LLC on January 13 on behalf of herself "and all others similarly situated" alleging that Funimation's website violates the Americans with Disabilities…" https://www.animenewsnetwork.com/news/2021-02-08/funimation-faces-class-action-lawsuit-for-allegedly-violating-americans-with-disabilities-act/.169268 Robinhood Sued in Class Action, Alleging Website Inaccessibility and Discrimination Against Blind Users By Steve Helland. "Robinhood Markets, Inc., owner of the now infamous Robinhood stock-trading app, has been sued in a federal class action lawsuit for alleged disability discrimination…" https://www.fredlaw.com/news__media/robinhood-sued-in-class-action-alleging-website-inaccessibility-and-discrimination-against-blind-users/ Kraft Heinz Company Sued, Kool-Aid Site Alleged to Not Be Accessible By Bureau of Internet Accessibility. "On January 26, 2021, Brittney Mejico filed a lawsuit in California against Kraft Heinz Foods Company (Kraft Heinz), alleging the Kool-Aid website is not accessible per WCAG accessibility standards…" https://www.boia.org/blog/kraft-heinz-company-sued-kool-aid-site-alleged-to-not-be-accessible +02: CASCADING STYLE SHEETS. Don't Put Pointer-Events: None on Form Labels By Bruce Lawson. "…This daft bit of CSS breaks the browser default behaviour of an associated label, and makes the hit target smaller than it would otherwise be…" https://www.brucelawson.co.uk/2021/dont-put-pointer-events-none-on-form-labels/ CSS Cascading and Inheritance Level 3 Elika J. Etemad and Tab Atkins Jr., Editors. "This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements…" https://www.w3.org/TR/2021/REC-css-cascade-3-20210211/ CSS Multiple-Column Layout Level 1 Working Draft Update By Rachel Andrew. "Today I have published a new Working Draft of CSS Multiple-column Layout Level 1…" https://www.w3.org/blog/CSS/2021/02/12/css-multicol-wd-update/ Is CSS Float Deprecated? By Robin Rendle. "…The short answer. No…" https://css-tricks.com/is-css-float-deprecated/ Beautiful Accessibility with Floating Focus By Chris Coyier. "Imagine if your :focus styles animated from element to element as you tab through a site. Like the focus ring up and flew across the page to the next element. …" https://css-tricks.com/beautiful-accessibility-with-floating-focus/ +03: COLOR. WHCM and System Colors By Adrian Roselli. "…As you read this, I want your primary takeaway to be that you likely will need to do little for standard document pages. If you have some novel custom widgets, then please add and use styles with keywords that correspond to function. If you need to retain some coloring for important contextual reasons, then look at the overrides…" https://adrianroselli.com/2021/02/whcm-and-system-colors.html +04: EVALUATION & TESTING. Internal vs. External Validity of UX Studies By Raluca Budiu. "Poorly designed qualitative or quantitative research may produce invalid results. Avoid encouraging certain responses or behaviors and make sure that your study conditions and participants are representative." https://www.nngroup.com/articles/internal-vs-external-validity/ Is A/B Testing Faster than Usability Testing at Getting Results? (Video) By Jakob Nielsen. "If A/B testing can quickly show which design is best, why should a UX team bother doing usability studies and other user research?" https://www.nngroup.com/videos/ab-testing-vs-usability-testing/ 7 Ways to Make Survey Questions Clearer By Jeff Sauro and Jim Lewis. "…One of the most important objectives in survey writing is to communicate clearly with respondents. Here are seven recommendations to improve the clarity of your survey questions…" https://measuringu.com/clearer-questions/ +05: EVENTS. Accessibility Compliance Reporting 101 February 18, 2021. Online https://equalentry.com/register-for-accessibility-compliance-reporting-101-webinar/ The Perth Web Accessibility Conference February 23, 2021. Perth, Australia and Online. http://a11yperth.com/events/pwac-2021.php The Business Impact of Creating Accessible Experiences February 23, 2021. Online https://www.o3world.com/news/webinar-the-business-impact-of-creating-accessible-experiences/ Much Ado About Captioning Videos with Meryl K. Evans, a digital pro who is deaf February 25, 2021. Online https://www.meetup.com/a11yATX/events/276171917/ Accessibility in the Enterprise March 4, 2021 Online https://pages.diamond.la/en/webinars/diamond-webinars-registration Implementing Accessible Solutions: Screen Readers March 22, 2021. Online https://www.eventbrite.com/e/implementing-accessible-solutions-screen-readers-tickets-137613241911 What Makes an Accessible Kiosk Application March 24, 2021. Online https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=760 2021 A11Y Web Accessibility Webinar for Programers & Developers with Dennis Lembree May 12, 2021. Online https://eastersealstech.zoom.us/webinar/register/WN_eQtXru1JSBmwHQnzaIf8eg +06: HTML. Re-Upped: placeholder - The Piss-Take Label By Steve Faulkner. "…placeholder as the only visible label for a control that requires user input fails Success Criterion 3.3.2 Labels or Instructions. Why? At the time of user input there is no visible label, the input purpose is mystery meat…" https://html5accessibility.com/stuff/2021/02/14/re-upped-placeholder-the-piss-take-label/ Smashing Podcast Episode 35 With Stephanie Stimac & Melanie Richards: What's Next For HTML Controls?? By Drew McLellan. "In this episode, we're talking about HTML controls. Why are they so hard to style, and how might that change in the future? Drew McLellan talks to Microsoft's Stephanie Stimac and Melanie Richards to find out…" https://www.smashingmagazine.com/2021/02/smashing-podcast-episode-35/ +07: JAVASCRIPT. How to Set and Get Cookies with Vanilla JS By Chris Ferdinandi. "…Today, we're going to take a quick look at how to set and get cookies in the browser." https://gomakethings.com/how-to-set-and-get-cookies-with-vanilla-js/ How to Get the Index of an Array Item in a Vanilla JS for…of loop By Chris Ferdinandi. "…But, my friend Charles Roper shared a cool technique with me that you can use to get the index inside a for...of loop. Let's take a look…" https://gomakethings.com/how-to-get-the-index-of-an-array-item-in-a-vanilla-js-for...of-loop/ How Scope Works in JavaScript By Chris Ferdinandi. "…Today, we're going to look at scope in JavaScript…" https://gomakethings.com/how-scope-works-in-javascript/ +08: MISCELLANEOUS. 33 Additional Web Development Terms You May Not Have Heard Of By Jens Oliver Meiert. "…How many of the following 33 terms do you know…" https://meiert.com/en/blog/33-additional-web-development-terms/ A History of the Web in 100 Pages By John Allsopp. "…By telling the story of 100 influential pages in the Web's history (out of the now half a trillion pages archived by the wayback machine), might we tell a meaningful history of the Web? It's a work in progress, but the opportunity rose recently when the wonderful folks from the Web Stories conference asked me to speak, to start on the project of recording some of the stories of these pages. So here's a bit of a prototype, the first 3 pages-only 97 to go…" https://www.webdirections.org/blog/a-history-of-the-web-in-100-pages/ LISTEN (Video) By Communication FIRST. "A short film made by and with nonspeaking autistic people…" https://communicationfirst.org/LISTEN/ Takeaways from The Importance of Access and Inclusion By Deborah Edwards-Onoro. "…In her The Importance of Access and Inclusion session at the ACCESS At Home online conference hosted by 3 Play Media, Emily Yates discussed access and inclusion as she shared her personal story and experience as a wheelchair user, journalist, and accessibility consultant…" https://www.lireo.com/takeaways-from-the-importance-of-access-and-inclusion/ Pro Tips for Designing Welcoming, Accessible Virtual Meetings By Sharron Rush. "…This guide, part 3 of a 4 part series, will help you plan for meetings that welcome people of all abilities…" https://knowbility.org/blog/2021/welcoming-accessible-virtual-meetings/ The Web Didn't Change; You Did By Remy Sharp. "If you didn't gather off the bat from the title, the problem with developing front end projects isn't that it's harder or more complicated, it's that you made it harder and more complicated. You have the power of choice, so choose what you want to do - because the choices are overwhelming and there's enough regular world overwhelming for a lifetime right now…" https://remysharp.com/2021/02/11/the-web-didnt-change-you-did +09: NAVIGATION. Implement a Skip Link for Navigation-Heavy Sites By Ben Myers. "If your pages contain many links or elements before the main content, consider adding a link to the very beginning of the page to help keyboard-navigating users jump directly to the content they care about…" https://benmyers.dev/blog/skip-links/ +10: TOOLS. Landmarks Extension By Matthew Tylee Atkinson. "Landmark regions broadly signpost the areas of a page (e.g. navigation, search, main content and so on). This extension allows you to navigate a web page via its landmarks, if they've been provided by its author, using the keyboard or a pop-up menu…" http://matatk.agrip.org.uk/landmarks/ +11: TYPOGRAPHY. Atkinson Hyperlegible Font May Be Pretty Good If Your Granny Can't See Well By Christian Tietze. "…I can recommend the font. If you have someone with impaired sight, try it out in your printouts and see how it performs. Atkinson Hyperlegible Font is a free download. Thanks, Braille Institute of America!" https://christiantietze.de/posts/2021/01/hyperlegible-font/ +12: USABILITY. Content Creation in Agile Development Processes (Video) By Anna Kaley. "Many best practices for high-quality content creation and management will inevitably be skipped over, unless they are explicitly planned for as user stories within any Agile development project." https://www.nngroup.com/videos/content-creation-agile-development/ Dangerous UX: Consequential Options Close to Benign Options By Page Laubheimer. "Confirmatory and destructive actions should be far apart from each other; use additional redundant visual signals to differentiate between them and avoid user errors." https://www.nngroup.com/articles/proximity-consequential-options/ +13: WEBWASTE & SUSTAINABILITY. Let's Green the Web By Gerry McGovern. "Let's Green The Web is a five-day Twitter campaign starting this week (Monday 15) to encourage and support everybody to measure the carbon emissions of websites and share tweets highlighting the results…We must think far more so that we produce far less crap. We must organize and manage and maintain and archive and remove and delete far more. To embrace sustainability we must embrace conservation of energy and resources, and the best way to do that is to pursue a mission of zero waste." https://gerrymcgovern.com/lets-green-the-web/ [Section one ends.] ++ SECTION TWO: +14: 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.]