+++ WEB DESIGN UPDATE. - Volume 19, Issue 20, November 11, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 20 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: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 08: HTML. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: PHP. 11: TOOLS. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Creating Accessible Data Visualizations on the Web By Partnership on Employment & Accessible Technology (PEAT). "…Data visualizations are graphic representations that cut through the volume of data to deliver insights. Charts, graphs, and other visuals abstract the underlying data to help people identify patterns and unpack complex information. Adding accessibility features to visualizations is essential for providing the same insights to people with disabilities…" https://peatworks.org/creating-accessible-data-visualizations-on-the-web/ Not So Short Note on aria-label Usage - Big Table Edition By Steve Faulkner. "aria-label is one of a number of secondary methods to label native HTML UI elements. It works particularly well on interactive elements, it also works well on most block level elements old skool term that have explicitly or implicitly defined structural roles. It works less well or not at all on text level semantics. It is prohibited as are any form of accessible name on a whole slew of roles…" https://html5accessibility.com/stuff/2020/11/07/not-so-short-note-on-aria-label-usage-big-table-edition/ Webbed Briefs (Video) By Heydon Pickering. "Webbed Briefs are brief videos about the web, its technologies, and how to make the most of them. They're packed with information, fun times™, and actual goats. Yes, it's a vlog, but it isn't on Youtube. Unthinkable…" The first episode is "What Is ARIA Even For?" https://briefs.video 10 Foolproof Tips for Maximizing Website Accessibility By Rachel Opperman. "…In this post, we'll discuss 10 foolproof tips that, when implemented, will improve the accessibility of your website…" https://zaengle.com/blog/10-foolproof-tips-for-maximizing-website-accessibility Screen Magnification By AbilityNet. "…This factsheet gives an overview of the main screen magnifiers. It includes summary information about the in-built screen magnification available on most devices and some free and commercial options that may include additional features…" https://abilitynet.org.uk/factsheets/screen-magnification Online Accessibility Toolkit By Government of South Australia. "Choose the guide that fits your role. Everyone has a role to play in creating accessible online solutions. Find out how you can contribute…" https://www.accessibility.sa.gov.au/ How to Find and Fix Common Website Accessibility Issues By Kilian Valkhof. "It's the 2020s, so we shouldn't any longer have to make the case for accessibility. An accessible site means you reach more people, the people you reach (even abled ones) all have an easier time using your site, and you won't get sued. And with the tools and resources available to developers and designers, it's now easier than ever to make sure you have an accessible site…" https://www.sitepoint.com/how-to-find-fix-common-website-accessibility-issues/ Accessibility Statement By Biden-Harris Transition. "The Biden-Harris Transition is committed to providing a web experience that meets the needs of as many visitors as possible. We're continually working to improve the accessibility and usability of our site, so that all users have an excellent experience. Our on-going accessibility effort works towards conforming to the Web Content Accessibility Guidelines (WCAG) version 2.1, level AA criteria. These guidelines not only help make web content accessible to users with sensory, cognitive and mobility disabilities, but ultimately to all users, regardless of ability…" https://buildbackbetter.com/accessibility-statement/ +02: CASCADING STYLE SHEETS. The Raven Technique: One Step Closer to Container Queries By Mathias Hülsbusch. "For the millionth time: We need container queries in CSS! And guess what, it looks like we're heading in that direction…" https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/ +03: COLOR. Use of Color for Accessibility Explained By Bureau of Internet Accessibility. "Any rule or guideline is subject to interpretation and, sometimes, misinterpretation. The rules surrounding how color affects digital accessibility are no exception. While color contrast is usually better-known and more-frequently cited, use of color is an important checkpoint to understand and follow (and unfortunately an area that many designers misunderstand). When broken down, use of color is fairly straightforward…" https://www.boia.org/blog/use-of-color-for-accessibility-explained +04: DRUPAL. Accessibility of Content Management Systems - What's Stopping Us? By Marie Manandise. "Exploring why we all want Content Management Systems to be accessible. Yet hardly any of them are…" https://www.studio24.net/blog/accessibility-of-content-management-systems-whats-stopping-us/ +05: EVALUATION & TESTING. Doing Field Studies Remotely (Video) By Page Laubheimer. Field visits are ideal for UX research since we observe users in their natural environment. But what if you can't get into the users' home or office? Remote methods can work. https://www.nngroup.com/videos/remote-field-studies/ Latin and Greco-Latin Experimental Designs for UX Research By Jim Lewis Jeff Sauro. "…Latin squares and Greco-Latin squares are techniques researchers use to better understand the effects of variables on metrics. In this week's article, we discuss the use of Latin and Greco-Latin experimental designs in UX research…" https://measuringu.com/latin-and-greco-latin-experimental-designs/ Understanding Gender and Racial Bias in AI By Sarah Pagliaccio. "…The historical data we use to train the machines in AI research continue to reflect biases that many of us have hoped to relegate to the past…s" https://www.uxmatters.com/mt/archives/2020/11/understanding-gender-and-racial-bias-in-ai.php +06: EVENTS. Interact Amsterdam Virtual Festival November 16-20, 2020. Online https://www.eventbrite.co.uk/e/interact-amsterdam-virtual-festival-tickets-126545261283 Does Auto Captioning Effectively Accommodate Deaf People? November 17, 2020. Online https://www.nationaldeafcenter.org/news/ndc-live-event-november-17-does-auto-captioning-effectively-accommodate-deaf-people Next-Gen Testing Tools for Accessibility November 19, 2020. Online https://www.paciellogroup.com/webinar-november-19-next-gen-accessibility-testing-tools/ DrupalCon Europe 2020 December 8-11, 2020. Online https://events.drupal.org/europe2020 Australian Accessibility Conference (OZeWAI) December 9-11, 2020. Perth, Australia http://ozewai.org/conference/ Intro to Audio Description with Jaclyn Leduc December 10, 2020. Online https://go.3playmedia.com/wbnr-ad Practical First Steps to Achieving Web Accessibility and Reducing Liability Risk with Jeffrey Singleton January 14, 2020. Online https://go.3playmedia.com/wbnr-01-14-2021-achieving-web-accessibility Assistive Technology Industry Association (ATIA) Conference January 25-28, February 1-4, 2021. Online https://www.atia.org/path-lms/?pathPage=%2Fatia%2Fcourses%2F22329 'An Introduction to Top Tasks' - A Framework to Help Organisations Identify What is Important Starting February 8, 2021. Online https://www.thisisdoing.com/product/top-tasks-a-framework-to-help-you-identify-what-is-important-gerry-mcgovern +07: HTML. On HTML (and HTML in 2020) By Jens Oliver Meiert. "HTML is awesome. If I were to call out three important facts and aspects of HTML I'd pick the following…" https://meiert.com/en/blog/html-2020/ +08: JAVASCRIPT. HTML Forms: How (and Why) to Prevent Double Form Submissions By Bramus Van Damme. "When double clicking a submit button your form will be sent twice. Using JavaScript you can prevent this from happening, but wouldn't it be nice if this behavior could be set by use of an attribute on the
?…" https://www.bram.us/2020/11/04/preventing-double-form-submissions/ Converting jQuery to Vanilla JS By Chris Ferdinandi. "Articles and live-coding videos exploring vanilla JS equivalents of common jQuery methods and plugins…" https://gomakethings.com/series/converting-jquery-to-vanilla-js/ JavaScript The Right Way By William Oliveira and Allan Esquina. "This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices…" https://jstherightway.org/ +09: MISCELLANEOUS. Q&A With Meryl Evans, Digital Marketing Expert By Equal Entry. "Meryl K. Evans is a Digital Marketing Pro, and author of Brilliant Outlook Pocketbook and the co-author of Adapting to Web Standards: CSS and Ajax for Big Sites…" https://equalentry.com/qa-with-merylevans-digitalmarketingexpert/ Reducing Energy Waste in Digital By Gerry McGovern. "…Question all the data your organization is collecting. I had a great chat with Tom Greenwood from Wholegrain Digital, who was telling me of his belief that 90% of websites don't need tracking and analytics. Totally agree. Most tracking and analytics is a pointless charade. It serves no useful purpose other than to give people useless work so as to generate busyness and production…" https://gerrymcgovern.com/reducing-energy-waste-in-digital/ What is EPUB? By Becky Gibson. "EPUB 3 is an open standard format for digital publishing that allows users to read their digital publications on any device and in any format they want…" https://knowbility.org/blog/2020/what-is-epub/ Web History, Chapter 5: Publishing By Jay Hoffmann. "Not long after HotWired launched on the web in 1994, Josh Quittner wrote an article entitled 'Way New Journalism' for the publication. He was enthusiastic about the birth of a new medium…" https://css-tricks.com/chapter-5-publishing/ +10: PHP. PHP 8.0 Feature Focus: Constructor Property Promotion By Larry Garfield. "The last post talked about how PHP 8.0 makes PHP faster. Today, we'll look at a way that it will make you faster…" https://platform.sh/blog/2020/php-80-feature-focus-constructor-property-promotion/ +11: TOOLS. Operator Lookup By Josh W. Comeau. "Enter a JavaScript operator to learn more about it…" https://joshwcomeau.com/operator-lookup/ +12: USABILITY. 8 Design Guidelines for Complex Applications By Kate Kaplan. "Despite great diversity in the workflows and end users supported by complex applications, these 8 design guidelines are generally applicable." https://www.nngroup.com/articles/complex-application-design/ The Visual Principle of Scale in User Interface Design (Video) By Kelley Gordon. "Users pay more attention to big things than to small things, and this design principle can be used to prioritize a user experience design, such as a web page or application screen." https://www.nngroup.com/videos/scale-visual-principle/ Structuring and Supporting UX Work in Academic Libraries By Shelley Gullikson. "This article describes how academic libraries structure and support user experience work, how different structures and supports affect the UX work that is done, and the impact of that work on users and UX workers. With the aim of identifying structures and supports that work well, I asked thirty people who do UX work in academic libraries to complete interviews and a short questionnaire. In this article, I define structural facets that shape the institutional contexts of UX work, and I draw from the research to describe where these contexts created striking patterns in the data. After examining the contextual differences, the article concludes with structures and supports that make a positive difference to UX workers and to users…" https://quod.lib.umich.edu/w/weave/12535642.0003.202?view=text;rgn=main Designing with the Mind in Mind By Jeff Johnson. "This is a sample chapter from the 3rd edition of Designing with the Mind in Mind, by Jeff Johnson. 2020 Morgan Kaufmann…" https://www.uxmatters.com/mt/archives/2020/11/designing-with-the-mind-in-mind-1.php Takeaways from Writing the the Web: The Six Step LUCID Writing Approach By Deborah Edwards-Onoro. Deborah's notes from Charlie Kreitzberg's presentation. https://www.lireo.com/takeaways-writing-for-the-web-lucid-approach/ Regionalizing Your Mobile Designs, Part 1 By Steven Hoober. "The Internet can make the world seem very small, but a lot of the digital products you'll work on must eventually work well for the billions of people outside your home country…" https://www.uxmatters.com/mt/archives/2020/11/regionalizing-your-mobile-designs-part-1.php [Section one ends.] ++ SECTION TWO: +13: 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 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.]