+++ WEB DESIGN UPDATE. - Volume 19, Issue 09, August 26, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 09 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. 5 Most Annoying Website Features I Face as a Blind Person Every Single Day By Holly Tuke. "These are the five most annoying inaccessible web elements I face as a blind screen reader user every day, and how to fix them…" https://bighack.org/5-most-annoying-website-features-i-face-as-a-blind-screen-reader-user-accessibility/ Speech Viewer Logs of Lies By Adrian Roselli. "When sighted users test with a screen reader it is common to rely on the visual output - checking to see where focus goes, confirming that controls behave, watching the spoken output in a text log. The problem is that what you see in those speech viewers is not always what you hear…" https://adrianroselli.com/2020/08/speech-viewer-logs-of-lies.html Understanding SC 2.5.2 Pointer Cancellation By Sathish Kumar. "This requirement applies to web content that interprets pointer actions (i.e. this does not apply to actions that are required to operate the user agent or assistive technology)…" https://www.digitala11y.com/?p=5604 The Difference Between aria-label and aria-labelledby By Léonie Watson. "The aria-label and aria-labelledby attributes do the same thing but in different ways…" https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/ UX Series 6: Connecting UX With Digital Accessibility Strategy By David Sloan. "… In this final post in the series, we reflect on accessibility in the user experience (UX) process and its connection with a digital accessibility strategy. We'll also consider some of the other parts of a digital accessibility strategy that must be in place to produce great accessible digital experiences while minimizing risks associated with inaccessibility…" https://www.paciellogroup.com/ux-series-connecting-ux-with-digital-accessibility-strategy/ One Line of Code Will Not Save Your Accessibility Status By Kim Krause Berg. "…You may feel that there is no way you can possibly make a website work universally for everyone. This is actually a goal by some companies that do not wish to discriminate. They accept the challenge. They hire accessibility specialists who are advocates for the disabled. AI should not replace you." https://www.theuserisoutthere.com/2020/08/24/one-line-of-code-will-not-save-your-accessibility-ass/ An Accessible Future - XR By Jennie Delisi. "While virtual, mixed, and augmented reality are terms we may recognize in relation to video games, TV shows, or coming from a teenager, the technologies are spreading into a more everyday use in our lives…" https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-444089 Accessibility Testing is like Making Coffee By Madalyn Parker. "…In accessibility testing, and when making coffee, we are shooting for the smoothest experience. We want to get to the essence of the thing we're making. We want to filter out the grit and bitterness and include everything that makes our final product enjoyable…" https://madalyn.dev/blog/a11y-testing-coffee/ Integrating A Sustainable Accessibility Program: A Digital Transformation Imperative By Dylan Barrell. "…The reason many fail at accessibility is often the same reason their digital transformation efforts fail. Digital accessibility is a practice, not a project. They don't realize that successful implementation requires the adoption of significant new behaviors and skills as well as undoing years of ingrained bad practices…" https://www.forbes.com/sites/forbestechcouncil/2020/08/24/integrating-a-sustainable-accessibility-program-a-digital-transformation-imperative/ A History of Section 508 Accessibility By Allen Hoffman. "A first-hand experience implementing Section 508 of the Rehabilitation Act…" https://www.deque.com/blog/a-history-of-section-508-accessibility/ Increasingly Online, More Universities are Being Sued by Students with Disabilities By Betsy Foresman. "With the majority of colleges moving online, several universities are now being sued for not making class materials, websites and services accessible to disabled students…" https://edscoop.com/increasingly-online-more-universities-being-sued-students-disabilities/ +02: CASCADING STYLE SHEETS. Can You Get Valid CSS Property Values from the Browser? By Chris Coyier. "I had someone write in with this very legit question. Lea just blogged about how you can get valid CSS properties themselves from the browser.…" https://css-tricks.com/can-you-get-valid-css-property-values-from-the-browser/ How I Structure My CSS (for Now) By Matthias Ott. "When it comes to structuring CSS, there is no shortage of different naming conventions, methodologies, and architectures…" https://matthiasott.com/notes/how-i-structure-my-css What is the Difference Between This & That? By Phuoc Nguyen. "Covers CSS, HTML, JavaScript, DOM topics" https://thisthat.dev +03: EVALUATION & TESTING. Catching Problem Participants in Remote Unmoderated Studies By Kate Moran. "Identify outliers, cheaters, and professional participants and remove their data from your analysis." https://www.nngroup.com/articles/problem-participants-remote-unmoderated/ The Evolution of the Mean Opinion Scale: From MOS-R to MOS-X2 By Jim Lewis and Jeff Sauro. "The Mean Opinion Scale (MOS) is a standardized questionnaire used to assess synthetic speech…" https://measuringu.com/evolution-of-mos-part2/ The Conversational Experience Playbook Part 1: Research And Define By Josh Soldiers. "This article is the first part of a 3-part series that outlines an end-to-end framework for delivering great conversational experiences…" https://www.uxbooth.com/articles/the-conversational-experience-playbook-part-1-research-and-define/ AI & Machine Learning Will Change UX Research & Design (Video) By Jakob Nielsen. "At the virtual UX Conference, Jakob Nielsen was asked "How will AI and Machine Learning affect UX Research & Design?" https://www.nngroup.com/videos/machine-learning-ux-research-design/ +04: EVENTS. Accessibility With(out) Priorities September 1, 2020. Online https://www.smashingmagazine.com/smashing-tv/accessibility-with-out-priorities/ CascadiaJS September 1-2, 2020. Online https://2020.cascadiajs.com/ Clarity2020 September 2-4, 2020. Online https://www.clarityconf.com/2020 Inclusive Design September 3, 2020. Online https://knowbility.org/services/online-training/inclusive-design/ Intro to Audio Description September 3, 2020. Online https://go.3playmedia.com/wbnr-ad Back to the Future: How far has digital accessibility really come? September 17, 2020, 12:30 pm-1:30 pm AEST. Online https://events.humanitix.com/back-to-the-future-how-far-has-digital-accessibility-really-come Smart Interface Design Patterns, 2020 Edition September 22 - October 6, 2020. Online https://smashingconf.com/online-workshops/workshops/vitaly-friedman-sep/ +05: HTML. Hush Sweet iframe By Steve Faulkner. "Back in 2010 I wrote some advice on how to hide iframe elements from screen reader users: Making sure hidden frames are hidden. 10 years on the advice is largely redundant.…" https://html5accessibility.com/stuff/2020/08/20/hush-sweet-iframe/ inputmode By Mozilla and Individual Contributors. "The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. It can have the following values…" https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode +06: JAVASCRIPT. How to Immediately Activate a Service Worker with Vanilla JS By Chris Ferdinandi. "…Today, we're going to learn why this happens, and how to immediately activate a service worker…" https://gomakethings.com/how-to-immediately-activate-a-service-worker-with-vanilla-js/ +07: MISCELLANEOUS. Calculating the Pollution Cost of Website Analytics (Part 2) By Gerry McGovern. "Every time you access a webpage that is using Google Analytics, about 22 KB of data is sent to Google. If we estimate that there are 500 million pages being accessed every day then that's about 4 million GB of data per year. We'd need to plant 1,656 trees to deal with the pollution. However, data transmission is just the tip of the pollution iceberg for Google Analytics…" https://gerrymcgovern.com/calculating-the-pollution-cost-of-website-analytics-part-2/ Reimagining the Vendor-Only Model By Brian Kardell. "…With no arbitrary limits, even developers themselves could play a big, very direct role. If we want to…" https://bkardell.com/blog/Reimagining.html Firefox: An Endangered Internet Species? By Steven J. Vaughan-Nichols. "Even with another infusion of cash from Google, you have to wonder just how long Firefox will survive as a viable, mainstream web browser…" https://www.zdnet.com/article/an-endangered-internet-species-firefox/ An Update on MDN Web Docs By Rina Jensen. "…First we want to be clear, MDN is not going away…" https://hacks.mozilla.org/2020/08/an-update-on-mdn-web-docs/ Chapter 3: The Website By Jay Hoffmann. "The very first website was about the web…" https://css-tricks.com/chapter-3-the-website/ +08: TOOLS. Bookmarklets - a Cool Personal Dev Tool By Amber Wilson. "I have just found out what bookmarklets (aka favelets - a term coined by my friend Tantek back in the early 2000s) are and I like 'em! So what are they?…" https://amberwilson.co.uk/blog/make-your-own-dev-tool/ 44x44 Pixel Cursor Bookmarklet By Jared Smith. "Drag the following link to your Bookmarks bar to create a bookmarklet to change your cursor to 44x44 pixels square for testing WCAG Target Size and Pointer Target Spacing requirements." https://codepen.io/jared_w_smith/full/vYGXeMy Accessibility Insights for Android By Microsoft. "Users can now download a detailed html report with the results of their automated checks. There is also the option to add a description to include in the report…" https://github.com/microsoft/accessibility-insights-web/releases/tag/unified%402020.422.21 Early Mac Firefox VoiceOver Support By Asa Dotzler. "VoiceOver support on macOS and we'd love it if web developers could give it a test run and provide feedback on any issues you run into while evaluating web page accessibility. Please grab Firefox Dev Edition 80 and try it…" https://blog.mozilla.org/accessibility/early-mac-firefox-voiceover-support/ Accessibility Engineer By Charlie Triplett. "It makes a list teams can copy/paste the criteria into Jira and encourages native elements." https://a11yengineer.com https://twitter.com/charlietriplett/status/1258066036487831555 +09: USABILITY. Accordion Icons: Which Signifiers Work Best? By Page Laubheimer and Raluca Budiu. "The caret icon most clearly indicated to users that it would open an accordion in place, rather than linking directly to a new page." https://www.nngroup.com/articles/accordion-icons/ Answering Surveys with Caroline Jarrett (UXP Classic) (Podcast) By UX Podcast. "Form and survey specialist and author Caroline Jarrett joins us on this classic episode of UX Podcast. Unsurprisingly we chat about surveys and forms beginning with the subject's roots in data capture and motion studies.…" https://uxpodcast.com/243-caroline-jarrett-interview-surveys/ [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 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.]