+++ WEB DESIGN UPDATE. - Volume 20, Issue 39, March 23, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 39 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: TYPOGRAPHY. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What's up at W3C WAI - Current Work Highlights, Publications, Opportunities By Shawn Henry. "Now we provide a single web page where you can see what projects we're working on at the W3C Web Accessibility Initiative (WAI), what publications are planned for the next couple months, and more…" https://lists.w3.org/Archives/Public/public-wai-announce/2022JanMar/0002.html The Future of the Web and Accessibility (Video) By Tim Berners-Lee. "'The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.' When Sir Tim Berners-Lee envisioned the Web nearly 30 years ago, he imagined it being universally accessible for all…" https://www.youtube.com/watch?v=tE0ykLPb7DI Navigating Institutional Barriers with #A12y (Video) By Seth Godin and Liz Jackson. "Every one of us is committed to producing useful, accessible digital tools, because we want to make things better. But sometimes, it feels as though 'the boss won't let me.'…" https://www.youtube.com/watch?v=s9iI1ebqDSU A Designer's Guide to Documenting Accessibility & User Interactions By Stéphanie Walter. "This is the article version of a talk I presented on March 16 at axe-con…" https://stephaniewalter.design/blog/a-designers-guide-to-documenting-accessibility-user-interactions/ Dynamically Generated Content and Accessibility: 3 Quick Tips By Bureau of Internet Accessibility. "…If you're adding complex features to your website, make sure you follow the best practices in Web Content Accessibility Guidelines (WCAG) to create dynamic content that works for everyone. Here are a few tips to help you get started…" https://www.boia.org/blog/dynamically-generated-content-and-accessibility-3-quick-tips An Inclusive Design Workflow for Product Teams By Scott Vinkle. "How and why the flagship themes team made accessibility a priority in the design process…" https://ux.shopify.com/an-inclusive-design-workflow-for-product-teams-1ccd076e23ce Testing with Speech Recognition By James Edwards. "Speech recognition software allows people to navigate and interact with web content using spoken commands…" https://www.tpgi.com/testing-with-speech-recognition/ Using the WebAIM Million and User Surveys to Inform Your Inclusion Efforts (Video) By Jared Smith. Jared's CSUN 2022 presentation. "Data can help inform web accessibility efforts, but useful data is in short supply. WebAIM conducts an annual analysis of the home pages of the top one million web sites, as well as regular surveys of users with disabilities. An overview of the most recent findings will be shared with guidance on how these data can be used to improve inclusion of your digital resources…" https://www.youtube.com/watch?v=1ayzE2rkQIo Jared's Slides: https://webaim.org/presentations/2022/csun/WebAIM-Million-and-Surveys.pdf Great Big List - CSUN 2022 Presentation Links By Christopher Phillips. https://docs.google.com/spreadsheets/d/1Tgmba0L6Z0BkHu9Hb3jlZ3IweguAdrja649rzk8X_Dk/ The Book on Accessibility By Charlie Tiplett. "Your workbook for creating an accessibility compliance program…" https://www.thebookonaccessibility.com/ Accessibility Contracting Best Practices By Mike Gifford. "Building Accessibility Best Practices into Contracting…" https://github.com/mgifford/a11y-contracting#accessibility-contracting-best-practices Persona - Paul Enjoys Designing and Finding Technological Solutions By LexDis. "…Strategies to overcome Barriers to Access: Keyboard Access, Consistent Navigation and Heading order, Form Fields and Instructions, Error Identification, Selectable text for speech output, Document accessibility…" https://www.lexdis.org.uk/2022/03/persona-paul-enjoys-designing-and-finding-technological-solutions/ Web Simplification Prototype for Cognitive Disabled Users By Maira Kamran, Marium Malik, Muhammad Waseem Iqbal, Muhammad Anwar, Muhammad Aqeel, and Sana Ahmad. "Information and communication technology (ICT) and World Wide Web (WWW) are increasingly being used in daily life and becoming important in community, business, personal performance, and improvement of livelihood. people with disabilities (PWDs) can easily perform many tasks using WWW which might be difficult or impossible for them. However, many websites applications such as e-learning, e-commerce, and e-government are not specifically designed keeping in view PWD users…" https://doi.org/10.1155/2022/5817410 Guidance on Web Accessibility and the ADA By ADA. "This guidance describes how state and local governments and businesses open to the public can make sure that their websites are accessible to people with disabilities as required by the Americans with Disabilities Act (ADA)…" https://beta.ada.gov/web-guidance/ Why We Should Be Disappointed By DOJ's Web Accessibility Guidance By Ken Nakata. "…Without a clear legal mandate in the regulations, no one can reasonably expect businesses and state and local governments to build their websites to WCAG… clear requirements get attention; abstract ones do not…What should regulations look like? I believe that they should require new and frequently accessed web content to conform to WCAG 2.1 A/AA-or to provide an equivalent level of access… Issuing unenforceable guidance instead of clear regulations does utterly nothing to resolve any of these problems and only illustrates how insensitive Justice is to the needs of both the business community and the disability community. When I penned DOJ's last web accessibility, I hoped that it would be a springboard for meaningful change; I never thought that DOJ would just recycle the same guidance 19 years later. It's a disappointing chapter in disability rights that I hope we can get past." https://convergeaccessibility.com/2022/03/22/why-we-should-be-disappointed-by-dojs-web-accessibility-guidance/ Department of Justice Issues New Web Accessibility Guidelines: What's New and What It Means for Businesses By accessibility.com "…'flexibility' and looseness of interpretation is likely what the drafters of the guidance were hoping to eliminate. Instead of leaving the interpretation and execution of nebulous guidelines up to businesses and governments, the 181 disability organizations were hoping for a comprehensive set of policies and regulations, a clear standard with which actual compliance could be determined and measured. And unfortunately, the DOJ statement and the ADA guidance did not include this…" https://www.accessibility.com/blog/department-of-justice-issues-new-web-accessibility-guidelines-whats-new-and-what-it-means-for-businesses +02: CASCADING STYLE SHEETS. Axe-con 2022: New CSS with Accessibility in Mind By Deborah Edwards-Oñoro. "Rachel Andrew discussed what to consider as you begin working with the latest CSS features as well as how and where to share feedback if problems occur…" https://www.lireo.com/axe-con-2022-new-css-with-accessibility-in-mind/ +03: EVALUATION & TESTING. How to Report Product Experience Data By Jeff Sauro and Jim Lewis. "…In this article, we describe how to collect and display frequency data…" https://measuringu.com/how-to-report-product-experience-data/ The State of User Research 2022 By User Interviews. "…this report unpacks the findings from our annual survey that we-curious humans doing user research at a leading UX research company-conduct to quantify, analyze, and uncover trends in: user research (the art and science), user research (the field), and user researchers (the other curious humans who spend their time researching)…" https://www.userinterviews.com/state-of-user-research-2022-report Remote User Interviewing Basics By Nina Tsarykovich. "One of the most popular methods in UX research, a user interview is a technique designed to get qualitative information directly from users…" https://www.uxbooth.com/articles/remote-user-interviewing-basics/ 04: EVENTS. Introduction to Web Accessibility March 20-December 31, 2022. Online https://www.edx.org/course/web-accessibility-introduction From Disabled Veteran to Full-Stack Drupal Developer Edmund Dunn March 23, 2022. Online https://a11ytalks.com/posts/2022-MAR Disability:IN 2022 Annual Conference July 11-15, 2022. Dallas, Texas, U.S.A. https://disabilityin.org/2022conference/ Class is in Session: The ABC's of Accessibility in Education September 20, 2022. Online https://www.accessibility.com/event/2022/class-is-in-session-the-abcs-of-accessibility-in-education Inclusive Design 24 (#id24) September 22, 2022. Online https://inclusivedesign24.org/2022/ Top Accessibility Considerations for Design and Content Teams October 4, 2022. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p0000183erFEAQ +05: HTML. The Impact that High Quality Mark-Up Can Have On Accessibility, Performance, and Discoverability By Matthew Deeprose. "Recorded presentation and transcript using worked examples, code snippets, and screen reader demonstrations to explain semantic HTML, ARIA, light / dark themes and more." https://matthewdeeprose.github.io/high_quality-markup_impact HTML Semantics By Chris Ferdinandi. The HTML elements that you use often convey information to people who use screen readers, and provide critical functionality to people who navigate the web with a keyboard. https://gomakethings.com/html-semantics/ Write HTML, the HTML Way (Not the XHTML Way) By Jens Oliver Meiert. "What is the XHTML way of writing HTML, and what is the HTML way of writing HTML? Let's have a look…" https://css-tricks.com/write-html-the-html-way-not-the-xhtml-way/ A Look at the dialog Element's Super Powers By Stefan Judis. "…Let's have a look at the dialog's super powers…" https://www.stefanjudis.com/blog/a-look-at-the-dialog-elements-super-powers/ +06: JAVASCRIPT. Climbing Up the DOM tree with Vanilla JavaScript By Chris Ferdinandi. "Today, I wanted to look at two ways to climb up the DOM tree with vanilla JavaScript…" https://gomakethings.com/climbing-up-the-dom-tree-with-vanilla-javascript/ Accessibility, Assistive Technology, and JavaScript By Chris Ferdinandi. "Many of the core concepts from the course are woven into the Vanilla JS Academy workshops, and I thought it was time that they got their own dedicated guide. Today, I wanted to share the intro section on accessibility, assistive technology, and why sometimes using JavaScript is more accessible than not using it…" https://gomakethings.com/accessibility-assistive-technology-and-javascript/ +07: MISCELLANEOUS. Phrases That You Might Not Realize Are Ableist By Sheri Byrne-Haber. "Calling out ableist language is the first step to rehabilitating a disability non-inclusive environment…" https://sheribyrnehaber.medium.com/phrases-that-you-might-not-realize-are-ableist-4a7e4c327a8f Making Webviews Work For the Web By Dominique Hazaël-Massieux.= "What if I told you 14% of the usage your Web content is getting is through a 'browser' you probably didn't think of when you designed your content?…" https://www.w3.org/blog/2022/03/making-webviews-work-for-the-web/ +08: NAVIGATION. Foundations: Landmarks By Léonie Watson. "Most websites have common areas of content like a header and footer, a main content area, and one or more navigation blocks…" https://tetralogical.com/blog/2022/03/18/landmarks/ Mega-Menus By Adrian Roselli. "This can generate some fun examples, maybe new patterns: https://twitter.com/CodePen/status/1505923698087321604 But every single one of the 'Resources' fails WCAG (yes, even the 'accessible' one). All you really need are disclosure widgets and links. Mega-menus structurally are quite simple." https://twitter.com/aardrian/status/1506263094909145102 +09: TYPOGRAPHY. 143.75% Font Size Sucks By Hampus Sethfors. "Interacting with our fan base is a fulfilling part of my job. Yesterday I got a request to write an article on why the font size on this site sucks. So let's not waste any time and get straight to it…" https://axesslab.com/large-fonts-suck/ +10: USABILITY. How To Empathize With Your Users By Uzoma Ibekwe. "Empathizing with your users creates successful products. So here are some design tools and tips to help you strengthen your user empathy and enhance your UX research…" https://usabilitygeek.com/how-to-empathize-with-your-users/ UX Strategy: Definition and Components By Anna Kaley and Sarah Gibbons. "A UX strategy is a 3-part plan that fosters shared understanding of direction toward achieving goals before designing and implementing solutions. It serves to intentionally guide the prioritization and execution of UX work over time." https://www.nngroup.com/articles/ux-strategy/ How Things Really Get Done in UX: The Informal Organization (Video) By Kara Pernice. "UX professionals often do new things and work in untraditional ways. If only considering a company's official org chart, they may fail. The informal organization can be more important for getting UX done." https://www.nngroup.com/videos/informal-organization-ux/ Do's and Don'ts of Mobile UX Design By Gaurav Khanna. "…Unfortunately, people use many mobile apps just once, then uninstall them. There are various reasons why this scenario occurs. A common reason is that these mobile apps have failed to live up to users' expectations-especially in terms of their overall user experience…" https://www.uxmatters.com/mt/archives/2022/03/dos-and-donts-of-mobile-ux-design.php +11: WEBWASTE & SUSTAINABILITY. Is It Worth It? By Gerry McGovern. "We must regain our sense of true worth. We must break our addiction to the brands that slyly tell us that, whatever the cost to the Earth, we're worth it, to just do it?…" https://gerrymcgovern.com/is-it-worth-it/ [Section one ends.] ++ SECTION TWO: +12: 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.]