+++ WEB DESIGN UPDATE. - Volume 18, Issue 52, June 24, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 52 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: NAVIGATION. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Challenges with Accessibility Guidelines Conformance and Testing, and Approaches for Mitigating Them By Michael Cooper. "The Working Draft of Challenges with Accessibility Guidelines Conformance and Testing, and Approaches for Mitigating Them explores challenges that occur in some settings, such as large, highly dynamic websites, including those that aggregate significant amounts of content, when using the page-based conformance of WCAG 2 to verify conformance of websites and web applications…" https://www.w3.org/blog/2020/06/accessibility-conformance-challenges-draft/ Inclusive Design for Mobile Devices with WCAG and Attentional Resources in Mind (PDF) By Josefin Carlbring. "An investigation of the sufficiency of the Web Content Accessibility Guidelines when designing inclusively and the effectsof limited attentional resources…" https://www.diva-portal.org/smash/get/diva2:1441358/FULLTEXT01.pdf Key Considerations for Flowchart Accessibility By Minnesota IT Services. "Flowcharts are powerful tools for communicating steps in a process, or demonstrating organizational structure (org. chart), but the need to create accessible information remains prevalent in all use cases…" https://mn.gov/mnit/media/blog/?id=38-436147 Say It With a Face By Minnesota IT Services. "Emojis and emoticons can be a great tool for communicating emotions if you keep your audience in mind, understand accessibility considerations, and follow our quick checklist…" https://mn.gov/mnit/media/blog/?id=38-436147 An Intro to Designing Accessible Data Visualizations By Sarah L. Fossheim. "Accessibility should always be a focus when designing products, and the same goes when working with data visualizations and graphs…" https://fossheim.io/writing/posts/accessible-dataviz-design/ How Not to Deploy a Twitter Feature By Adrian Roselli. "Twitter announces a new feature is rolling out for iOS, the ability to record audio tweets. It demonstrates this with an uncaptioned video of its Twitter avatar making bird noises…" https://adrianroselli.com/2020/06/how-not-to-deploy-a-twitter-feature.html Twitter Just Rolled Out a Feature That's Inaccessible to Disabled Users By Sarah Katz. "The company's blunder is symptomatic of broader issues that pervade social media design and computer science education. https://slate.com/technology/2020/06/twitter-voice-tweets-accessibility.html +02: CASCADING STYLE SHEETS. Using Custom Property 'Stacks' to Tame the Cascade By Miriam Suzanne. "…Now, CSS Custom Properties allow us to manage and control both cascade and inheritance in new ways…" https://css-tricks.com/using-custom-property-stacks-to-tame-the-cascade/ Evolution of Responsive Design (Video) By Rachel Andrew. Rachel's June 9, 2020 Smashing Meets presentation. https://vimeo.com/427926740 +03: EVALUATION & TESTING. Remote User Research: The Time Is Now By Jim Ross. "The COVID-19 pandemic has made remote user research the only option for the foreseeable future…" https://www.uxmatters.com/mt/archives/2020/06/remote-user-research-the-time-is-now.php Formative Vs Summative : The User Testing Battle By Jessica Bennett. "…So which one is more important during the development process? The only way to know is to compare and understand the differences between the two kinds of testings. But before that, let's take a look at what formative and summative testing means…" https://usabilitygeek.com/formative-vs-summative-the-user-testing-battle/ Embracing Top Tasks at Toyota (Part 1) By Gerry McGovern. "…Marketing will pump loads of advertising money into maximizing traffic to the new app or website. Then it's on to the next project, the next campaign. This launch-and-leave culture is embedded in most organizations. It must change." https://gerrymcgovern.com/embracing-top-tasks-at-toyota-part-1/ 3 Persona Types: Lightweight, Qualitative, and Statistical By Page Laubheimer. "For most teams, approaching persona creation qualitatively is the right balance of effort vs. value, but very large or very small organizations might benefit from statistical or lightweight approaches, respectively." https://www.nngroup.com/articles/persona-types/ Sample Size Recommendations for Benchmark Studies By Jeff Sauro and Jim Lewis. "…Finding the right sample size for benchmark studies involves balancing both statistical and logistical considerations…" https://measuringu.com/benchmark-sample-size/ +04: EVENTS. Training for Professionals on Applying Accessibility Guidelines July 1, 2020. Online https://accessibilityassociation.formstack.com/forms/zero_project_awards_on_education_and_ict_2020_webinar_series Accessibility of Forms on the Web July 14, 2020. Online https://www.eventbrite.com/e/workshop-accessibility-of-forms-on-the-web-tickets-108904969696 DigiShift - Website accessibility and UX (user experience) July 14, 2020. Online https://thirdforcenews.org.uk/events/digishift-website-accessibility-and-ux-user-experience Accessibility for Developers: ARIA and the Accessibility Tree July 16, 2020. Online https://ti.to/abilitynet/Aria-accessibility-tree-repeat Deep Dive Into WAI-ARIA July 21, 2020. Online https://www.eventbrite.com/e/workshop-deep-dive-into-wai-aria-tickets-108905754042 ADA 30: March and Rally for Disability Rights July 22, 2020. Boston, Massachusetts, U.S.A. https://adata.org/event/ada-30-march-rally-disability-rights Write Your Own VPAT August 11, 2020. Online https://www.eventbrite.com/e/write-your-own-vpat-tickets-108912586478 +05: HTML. Always Bet on HTML By Chris Ferdinandi. "…if I were going to bet on a web technology, it's HTML…" https://gomakethings.com/always-bet-on-html/ +06: JAVASCRIPT. How Arguments Work in JavaScript Functions By Chris Ferdinandi. "Today, I wanted to bring it back to basics and talk about something that sometimes trips people up when they're first learning JavaScript: function arguments…" https://gomakethings.com/how-arguments-work-in-javascript-functions/ +07: MISCELLANEOUS. Disabled in the Faculty Ranks, a Tiresome Tale… By Stephen Kuusisto. "…Not so long ago I was called an 'ignoramus' by a fellow faculty member who was snotty to me and my white cane…Ableism is not only more pervasive than people generally understand its also more consistent at universities than is commonly recognized. As for me, I'm an ignorant man to professor 'p' for that's what I'm calling him. 'P' for privileged…" https://stephenkuusisto.com/2020/06/22/disabled-in-the-faculty-ranks-a-tiresome-tale/ +08: NAVIGATION. How to Check Broken Links on Your Website By Deborah Edwards-Onoro. "…Broken links can be a pain to deal with, but once you set a regular schedule for checking them, they are much easier to manage. Due to performance, a free web-based tool like the W3C Link Checker or Online Broken Link Checker is a lot faster than running a tool within your own site…" https://www.lireo.com/check-broken-links-on-your-website/ Hyperlink Usability: Guidelines for Usable Links By Cassandra Naji. "In the 3 decades since Berners-Lee nominated the link as the foundational element of web surfing, everything has changed. Is it time for the hyperlink to change too?" https://usabilitygeek.com/hyperlink-usability-guidelines-usable-links/ +09: USABILITY. The Bad Design of Everyday Things By Siddharth Gulati. "In this article, I will go through some examples of products with a Bad UX)…" https://usabilitygeek.com/the-bad-design-of-everyday-things/ Mobile-App Onboarding: An Analysis of Components and Techniques By Alita Joyce. "Onboarding is the process of getting users familiar with a new interface. It can involve one or more of the following components: feature promotion, customization, and instructions." https://www.nngroup.com/articles/mobile-app-onboarding/ How UX Changes in the Recession (Video) By Jakob Nielsen. "At the Virtual UX Conference, Jakob Nielsen answered audience questions on how UX changes with the downturn in the world economy and what new industries will benefit from UX." https://www.nngroup.com/videos/ux-recession/ Social Media vs Social Features (Video) By Alita Joyce. "Build out social features on your own website, or avail yourself of existing (but external) social media platforms where you don't own the user experience? User research can help determine which strategy is best for reaching your specific audience and serving their special needs." https://www.nngroup.com/videos/social-media-vs-social-features/ Is Your User Experience Saving the World? By Amy Arden. "…More than ever, empathy matters. More than ever, user experiences matter…" https://www.uxmatters.com/mt/archives/2020/06/is-your-user-experience-saving-the-world.php Accessibility for UX Designers By Peter van Grieken. "This is a starter guide for UX Designers about delivering accessible websites…" https://accessibility-for-teams.com/accessibility-for-ux-designers [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.]