+++ WEB DESIGN UPDATE. - Volume 21, Issue 15, October 4, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 15 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: USABILITY. 10: WEBWASTE & SUSTAINABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Websites Need to Be Accessible to Be Inclusive By Chris Heathcote. "To celebrate National Inclusion Week, we thought we would share how GDS enables inclusion through digital accessibility…" https://accessibility.blog.gov.uk/2022/09/28/websites-need-to-be-accessible-to-be-inclusive/ Learn Accessibility By Carie Fisher. "An evergreen accessibility course and reference to level up your web development…" https://web.dev/learn/accessibility/ Alt Text and Social Media By Justin Yarbrough. "In the last few years, though, major social media platforms like Twitter, Facebook, and Instagram have been introducing features allowing people to add alt text to pictures, allowing people sharing content to provide a more inclusive experience…" https://www.yarbrough.info/alt-text/ Twitter Can Now Remind You to Add Alt Text By Rebecca Klein. "…Announced in July 2022 and launched to the public in September, alt text reminders are an opt-in feature to encourage users to add image descriptions. Read on to learn more about the new feature and alt text on Twitter…" https://www.3playmedia.com/blog/twitter-can-remind-you-to-add-alt-text/ Web Accessibility for Speech Recognition Users (Video) By Priti Rohra and Shashank Kapur. "…In this session, we'll figure out how speech recognition supports different accessibility techniques and what coding practices we should avoid. Additionally, we'll learn about best practices for enhancing user experiences for speech recognition users. We shall take a deep dive to understand what amongst label or title attributes of user interface controls takes precedence as far as speech recognition goes. We shall also explore the level of support for ARIA attributes and the impact of focus visibility for users…" https://www.youtube.com/watch?v=2g9X-QPgZgo Yes, Accessibility is Also a Backend Concern By Eric Bailey. "…Accessibility is a holistic practice that touches every aspect of creating a digital experience. This means it is also a backend web development consideration…" https://ericwbailey.website/published/yes-accessibility-is-also-a-backend-concern/ The Critical Role of Web Accessibility in Health Information Access, Understanding, and Use (PDF) By Amanda Krupa, Jill B. Roar, and Kirsten Barrett. "Older adults and people with disabilities cannot equitably access the same health information and care as people without disabilities when hospital websites are not accessible…" https://ahimafoundation.org/media/wplbdhso/the-critical-role-of-web-accessibility-in-health-information-access-understanding-and-use.pdf 2022 Web Almanac's Part II Chapter 11: Accessibility By Saptak Sengupta, Thibaud Colas, and Scott Davis. "…In the hope of improvement towards accessibility in the web, we have tried to write the chapter with some actionable links and solutions that people can follow…" https://almanac.httparchive.org/en/2022/accessibility Introduction to ATAG (Video) By Julie Grundy. "Webinar presented by Julie Grundy on the Authoring Tool Accessibility Guidelines (ATAG)." https://www.youtube.com/watch?v=I1T849ZFJ5g A Deep Dive into WCAG 2.2. And Beyond With Eric Eggert (Podcast) By Shelly Brisbin. "The W3C's Web Content Accessibility Guidelines - WCAG - is the standard against which Web developers test for accessibility. Like most good standards, WCAG is evolving, with a new release anticipated within a few months. We talk about what the 2.2 candidate includes, and what's next for this important standard…" https://www.relay.fm/parallel/75 Understanding WCAG 2.1 Success Criterion 4.1.1 By Christophe Strobbe. "…an explanation of the meaning of the success criterion and links to a number of test pages (last updated in August 2022)…"" https://cstrobbe.gitlab.io/A11yWorks/wcagtests/html5/sc_4.1.1_syntax/index.html Avocados and Accessibility Maturity By Pär Lannerö. "Exploring new ways to measure accessibility…"" https://www.metamatrix.se/avocado Why Do All These 20-Somethings Have Closed Captions Turned On? By Cordilia James. "Closed captions are cool now. Just ask anyone under 40…" https://www.wsj.com/articles/why-do-all-these-20-somethings-have-closed-captions-turned-on-11663386473 Elon Among Dozens of Universities Sued Over Website Accessibility By Joseph Navin and Erin Martin. "Elon among dozens of universities sued over website accessibility Plaintiff claims the university, athletics websites are not accessible for blind, visually-impaired consumers…" https://www.elonnewsnetwork.com/article/2022/09/elon-among-dozens-of-universities-sued-over-website-accessibility Senators Demand Answers On Web Accessibility By Michelle Diament. "A bipartisan group of senators is calling out the federal government for failing to do enough to make information and services accessible to people with disabilities…" https://www.disabilityscoop.com/2022/09/27/senators-demand-answers-web-accessibility/30053/ Senator Duckworth and Representative Sarbanes Introduce Bill to Make Websites and Mobile Applications Accessible to Individuals with Disabilities By National Federation of the Blind. "…Once passed, this legislation would require the Department of Justice and the Equal Employment Opportunity Commission to establish a clear and enforceable uniform national framework for website and software application accessibility, reaffirm that existing disability rights law covers websites and software applications, and ensure that accessibility standards keep pace with new and emerging technologies…" https://nfb.org/about-us/press-room/senator-duckworth-and-representative-sarbanes-introduce-bill-make-websites-and-software-accessible S.4998 By Senator Tammy Duckworth. "A bill to establish uniform accessibility standards for websites and applications of employers, employment agencies, labor organizations, joint labor-management committees, public entities, public accommodations, testing entities, and commercial providers, and for other purposes…" https://www.congress.gov/bill/117th-congress/senate-bill/4998 Website and Software Applications Accessibility Act Introduced By Ken Nakata. "…we need clarity around what companies and public sector entities need to do around web and digital accessibility; it's just that this law isn't the way to do it. Plus, it's more than controversial enough that I can't see it getting through the arduous legislative process…" https://convergeaccessibility.com/2022/09/29/website-and-software-applications-accessibility-act-introduced/ A First Look at the Websites and Software Applications Accessibility Act Bill By Ben Myers. "…I'm really, really excited for this bill, and I hope it gets enacted. It clears up a lot of turmoil in web accessibility litigation - namely the question of nexus - and it looks like a fairly promising way to ensure accessibility law doesn't leave disabled individuals behind as technology advances…" https://benmyers.dev/blog/a11yact-bill/ +02: CASCADING STYLE SHEETS. 100 Days Of More Or Less Modern CSS By Manuel Matuzović. "It's time to get me up on speed with modern CSS. There's so much new in CSS that I know too little about. To change that I've started #100DaysOfMoreOrLessModernCSS. Why more or less modern CSS? Because some topics will be about cutting-edge features, while other stuff has been around for quite a while already, but I just have little to no experience with it…" https://www.matuzo.at/blog/2022/100-days-of-more-or-less-modern-css/ 2022 Web Almanac's Part I Chapter 1: CSS By Rachel Andrew. "…In this chapter, we use the data to find out what developers actually use in production, rather than the features most talked about on Twitter, showcased at conferences, or found in clever demos. We can see which of the new features are being adopted, which old techniques are falling out of use, and the legacy techniques that are stubbornly remaining in our stylesheets…" https://almanac.httparchive.org/en/2022/css +03: COLOR. Testing Web Design Color Contrast By Adam Argyle and Charlie Gleason. "An overview of three tools and techniques for testing and verifying accessible color contrast of your design…" https://web.dev/testing-web-design-color-contrast/ +04: EVALUATION & TESTING. 7 Helpful Tips for Researchers Conducting Interviews By Deborah Edwards-Oñoro. "When it comes to conducting research interviews, you're interested in getting an understanding of your participants' goals, perceptions, and needs…" https://www.lireo.com/helpful-tips-for-researchers-conducting-interviews/ Project A11Y: How We Upgraded Cloudflare's Dashboard to Adhere to Industry Accessibility Standards By Rachel Jenkins and Emily Flannery. "…cloudflare team and our partners have been hard at work to make the Cloudflare dashboard as accessible as possible for every single one of our current and potential customers. This means incorporating accessibility features that comply with the latest Web Content Accessibility Guidelines (WCAG) and Section 508…" https://blog.cloudflare.com/project-a11y/ UX and NPS Benchmarks of Business Information Websites (2022) By Jeff Sauro and Jim Lewis. "…We computed SUPR-Q and Net Promoter scores, investigated reasons for using the websites, measured users' attitudes regarding their experiences, conducted key driver analyses, and analyzed reported usability problems…" https://measuringu.com/business-information-benchmark-2022/ Unconscious Biases That Get In The Way Of Inclusive Design By Trina Moore Pervall. "Throughout the research and design processes, our unconscious biases are the greatest risk to delivering inclusive experiences. From who we include and exclude in our research to how we plan and conduct research, it's crucial that we understand how our unacknowledged biases can perpetuate systems of exclusion…" https://www.smashingmagazine.com/2022/09/unconscious-biases-inclusive-design/ Busting the Myths About Agile Development and User Research By Anusha Pichumani. "…UX research should be a well-organized, step-by-step process that lets you understand your target users and feeds realistic contexts and concepts into your product designs…" https://www.uxmatters.com/mt/archives/2022/10/busting-the-myths-about-agile-development-and-user-research.php +05: EVENTS. Accessible Video Captioning October 13, 2022. Online https://accessibilitycanada.ca/event/accessible-video-captioning/ Help Audit Nonprofit Websites for Accessibility October 15-16, 2022. Online https://www.meetup.com/atlanta-accessibility-meetup/events/288122808/ Closing the Gap October 19-21, 2022. Minneapolis, Minnesota, U.S.A. https://www.closingthegap.com/conference/ Intro to Mobile Accessibility Testing Tools October 25, 2022. Online https://www.tpgi.com/webinar-october-25-at-12pm-et-intro-to-mobile-accessibility-testing-tools/ The Design + Accessibility Summit November 29-December 2, 2022. Online https://creativepro.com/design-accessibility-summit/ +06: HTML. Learn HTML By Estelle Weyl. "Welcome to HTML! HyperText Markup Language, or HTML, is the backbone of the web, providing the content, as well as the structure of that content, that you see displayed in your web browser." https://web.dev/learn/html/ 2022 Web Almanac's Part I Chapter 3: Markup By Jens Oliver Meiert. "…like every year, we used the millions of pages in our data set-7.9 million in the mobile set, 5.4 million in the desktop set, with overlap-to also look at HTML. This chapter doesn't cover 'everything' there is about HTML, so we explicitly encourage you to also analyze the data we gathered and to share your own conclusions-and when you do, tag them: #htmlalmanac…" https://almanac.httparchive.org/en/2022/javascript HTML Concepts: Browsing Contexts By Jens Oliver Meiert. …"Today, browsing contexts-what is that…" https://meiert.com/en/blog/html-browsing-contexts/ +07: JAVASCRIPT. 2022 Web Almanac's Part I Chapter 2: JavaScript By Jeremy Wagner. "…In this chapter, we use the data to find out what developers actually use in production, rather than the features most talked about on Twitter, showcased at conferences, or found in clever demos. We can see which of the new features are being adopted, which old techniques are falling out of use, and the legacy techniques that are stubbornly remaining in our stylesheets…" https://almanac.httparchive.org/en/2022/javascript How to Get All Sibling Elements of a Link or Button with Vanilla JavaScript By Chris Ferdinandi. "A student of mine asked me how I would get a navigation link's siblings when it's clicked. Today, we're going to figure that out…" https://gomakethings.com/how-to-get-all-sibling-elements-of-a-link-or-button-with-vanilla-javascript/ +08: MISCELLANEOUS. Web Almanac By 107 Contributors. "Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. The 2022 edition is comprised of 22 chapters spanning aspects of page content, user experience, publishing, and distribution…" https://almanac.httparchive.org/en/2022/ Why Higher Ed Needs Leaders With Disabilities By Darla Schumm. "The paucity of data on leaders with disabilities suggests that few people are even thinking about this crucial aspect of diversity, equity, inclusion and justice, Darla Schumm writes…" https://www.insidehighered.com/views/2022/09/26/why-higher-ed-needs-leaders-disabilities-opinion Survey Results: People Describing Themselves During Meetings/Presentations (PDF) By Karen McCall. "I conducted this informal survey in response to my own discomfort and those whom I began to see on Twitter expressing the same concerns. As someone with a visual disability who has lived with my disability for more than half of my life, I haven't found the need for people to describe themselves to me…" https://www.karlencommunications.com/adobe/SurveyResultsPeopleDescribingThemselvesDuringMeetingsAndPresentations2022.pdf Disability is Not a Dirty Word By Ettie Bailey-King. "In this article, I'll cover three steps you can take to help dismantle ableism, starting with your words…" https://fightingtalk.uk/thoughts/disability-is-not-a-dirty-word +09: USABILITY. How to Use Icons in Design: UX and UI Best Practices By Jeremy Elliott. "Here are the do's and don'ts of using icons effectively in your user interface designs…" https://blog.thenounproject.com/how-to-use-icons-in-ui-and-ux-design-best-practices/ How To Make Your Designs Scannable (And Why You Should) By Ben Moss. "Jakob Nielsen's How Users Read on the Web is 25 years old this week, and one glance at an eye-tracking study will tell you its key observations are still relevant today…" https://www.webdesignerdepot.com/2022/09/how-to-make-your-designs-scannable-and-why-you-should/ Visual Hierarchy (Video) By Kelley Gordon. "Visual hierarchy can help users decide where to look in a user interface: what's most important can be shown by color and size, and what things belong together can be shown by proximity and common regions." https://www.nngroup.com/videos/visual-hierarchy/ Why UX? (Video) By Jakob Nielsen. "Key arguments why companies should have systematic user-experience processes. Plus a discussion of the main arguments against UX. (Jakob Nielsen's UX Conference keynote.)" https://www.nngroup.com/videos/why-ux-keynote/ +10: WEBWASTE & SUSTAINABILITY. E-Waste Recycling Should Be a Last Resort By Gerry McGovern. "We cannot have an environment that will last if we don't design to last…" https://gerrymcgovern.com/e-waste-recycling-should-be-a-last-resort/ [Section one ends.] ++ SECTION TWO: +11: 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.]