+++ WEB DESIGN UPDATE. - Volume 22, Issue 42, April 10, 2024. An email newsletter to distribute news and information about web design and development. ++ISSUE 42 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: MISCELLANEOUS. 07: NAVIGATION. 08: USABILITY. 09: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Welcome to Future of Web Accessibility Based on Predictors (Video) By Terrill Thompson, Jared Smith, Rob and Carr. Mike Paciello hosted Terrill Thompson, Jared Smith, Rob and Carr in a panel discussion of Predictors of Postsecondary Web Accessibility at the 2024 CSUN Conference. https://www.youtube.com/watch?v=D9WHB_u_18M Predictors of Postsecondary Web Accessibility, 2012 to 2022 (Slides) By Terrill Thompson and Jared Smith. Terrill and Jared's CSUN PowerPoint presentation slides. https://staff.washington.edu/tft/talks/csun2024/Predictors-of-Web-A11y_CSUN2024.pptx How to Test 2.4.11: Focus Not Obscured (Minimum) By James Edwards. "Success Criterion 2.4.11: Focus Not Obscured (Minimum) requires that interactive controls are not entirely obscured by author-created content, at the point when they receive focus. It only applies to elements when they receive focus, not just to any element that might become focused, nor to elements that are already focused when obscuring content appears…" https://www.tpgi.com/how-to-test-2-4-11-focus-not-obscured-minimum/ Drive-By Accessibility Tweaks By Bruce Lawson. "Sometimes, if I'm fixing an unrelated bug I spot the opportunity to make a quick 'drive-by' accessibility tweak that is quick and easy and will give a disproportionately big boost to the user experience for people with accessibility needs. Here are some of my top faves…" https://brucelawson.co.uk/2024/drive-by-accessibility-tweaks/ Testing with Screen Readers (Video) By Hadi Rangin. "Hadi Rangin presents on March 13, 2024 as part of the Accessible Technology Webinar Series at the University of Washington…" https://www.youtube.com/watch?v=JaxOsCCpuN0&t=4s Hadi's PowerPoint slides: https://uw-s3-cdn.s3.us-west-2.amazonaws.com/wp-content/uploads/sites/194/2024/03/25143645/webinar_ScreenReaders_03.13.24.pptx Video Accessibility (Video) By Gaby de Jongh and Terrill Thompson. "Gaby de Jongh and Terrill Thompson present on February 14, 2024 as part of the Accessible Technology Webinar Series at the University of Washington…" https://www.youtube.com/watch?v=7RGl3KJlQ5w Gaby and Terrill's PowerPoint slides: https://uw-s3-cdn.s3.us-west-2.amazonaws.com/wp-content/uploads/sites/194/2024/02/28143650/webinar_VideoA11y_02.14.24.pptx Hey LinkedIn Team: Can We Opt for Camel Case in Hashtag Suggestions? By Raghavendra Satish Peri. "…While I understood the implications of not using camel case for hashtags on screen readers, there was a cognitive challenge…" https://www.digitala11y.com/hey-linkedin-team-can-we-opt-for-camel-case-in-hashtag-suggestions/ Observations on Squarespace Accessibility By Amy Carney. "In this post, I share observations about a Squarespace website's output and its conformance to the Web Content Accessibility Guidelines (WCAG), not the Authoring Tools Accessibility Guidelines (ATAG).…" https://theamycarney.com/2024/04/02/observations-on-squarespace-accessibility/ GOV.UK ID Check App: Building an Accessible Digital Identity App By Shaun Conner and Tom Bassett. "…In this blog, we'll discuss how we've approached accessibility throughout the product development lifecycle…" https://accessibility.blog.gov.uk/2024/04/04/gov-uk-id-check-app-building-an-accessible-digital-identity-app/ Great Big List - CSUN 2024 Presentation Links By Christopher Phillips. Christopher's spreadsheet of CSUN presentations from this year's conference. https://docs.google.com/spreadsheets/d/1yBCYJ6flHW_KSYfBX1wNBRhGx9bxZ993_PoYaFrUAvE/edit#gid=80757841 'AI' Won't Solve Accessibility By Eric Eggert. "In our tech-focused society, there is this ever present notion that 'accessibility will be solved by some technology'. But it won't. Making things accessible is a fundamentally human challenge that needs human solutions in human contexts…" https://yatil.net/blog/ai-wont-solve-accessibility Blind Internet Users Struggle With Error-Prone AI Aids By Joanna S Kao. "Unreliable software installed to comply with rules to help disabled people navigate online has prompted thousands of lawsuits…" https://archive.is/2024.04.07-041851/https://www.ft.com/content/3c877c55-b698-43da-a222-8ae183f53078#selection-1565.0-1573.126 Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People with Disabilities By U.S. Department of Justice. "Attorney General Merrick B. Garland today signed a final rule under Title II of the Americans with Disabilities Act (ADA) to ensure the accessibility of web content and mobile applications (apps) for people with disabilities…" https://www.justice.gov/opa/pr/justice-department-publish-final-rule-strengthen-web-and-mobile-app-access-people [Advance Copy] Nondiscrimination on the Basis of Disability; Accessibility of Web Information and Services of State and Local Government Entities (PFD) By U.S. Department of Justice. "The Department of Justice ('Department') issues its final rule revising the regulation implementing title II of the Americans with Disabilities Act ('ADA') to establish specific requirements, including the adoption of specific technical standards, for making accessible the services, programs, and activities offered by State and local government entities to the public through the web and mobile applications ('apps')…" https://www.ada.gov/assets/pdfs/web-rule.pdf Fact Sheet: New Rule on the Accessibility of Web Content and Mobile Apps Provided by State and Local Governments By U.S. Department of Justice. "…This fact sheet gives a summary of the rule…" https://www.ada.gov/notices/2024/03/08/web-rule/ DOJ Issues FINAL Title II Web Accessibility Rule By Ken Nakata. "…After all this waiting, however, I neither love it nor hate it. Like the curtain dropping, it is anti-climatic. Yes, I think it a far better than the NPRM. Does it miss a lot of opportunities? Absolutely. But it also gets a lot of things right. One thing is sure, however-- it should not have taken twelve years to get this rule out…" https://convergeaccessibility.com/2024/04/08/final_title_ii_rule/ +02: CASCADING STYLE SHEETS. Fluid Typography With Discrete Steps By Temani Afif. "Use the round() function and create a fluid typography with a discrete function instead of a continuous one…" https://css-tip.com/fluid-typography/ Hanging Punctuation in CSS By Jeremy Keith. "There's a lovely CSS property called hanging-punctuation. You can use it to do exactly what the name suggests and exdent punctuation marks such as opening quotes…" https://adactio.com/journal/21027 Rounded Tabs With Inner Curves By Temani Afif. "Use modern CSS to create those famous rounded tabs with inner curves…" d https://css-tip.com/rounded-tab/ CSS Variables By Chris Ferdinandi. "…I thought I'd explain what they are and how they work, for those who aren't already familiar with them…" https://gomakethings.com/css-variables/ An Advanced Way to Use CSS Variables By Chris Ferdinandi. "…I wanted to show you an advanced approach to working with them that I often use with client projects…" https://gomakethings.com/an-advanced-way-to-use-css-variables/ +03: EVALUATION & TESTING. OZeWAI Ask the Professionals 26 March 2024 (Video) By OZeWAI. "Bri Norton (OZeWAI Co-chair) moderates a panel of experts. Irith Williams, Ricki Spencer and Yasmine Gray on the topic of inclusive research and how to engage with people from diverse backgrounds in your research and usability testing." https://www.youtube.com/watch?v=TIHqEW6LtZw Connecting With Users: Applying Principles Of Communication To UX Research By Victor Yocco. "…Communication theory is not just an academic exercise. UX practitioners benefit from an understanding of what we know about effective communication. Victor Yocco reviews the components of the Transactional Model of communication, explaining how we might apply this framework to preparing, conducting, and analysing our UX research. You will understand how many UX research best practices align with the model and get an example of a tool for tracking alignment…" https://www.smashingmagazine.com/2024/04/applying-principles-communication-ux-research/ Persona Types By Nomensa. "…User Experience (UX) design and understanding your target audience are essential. Personas serve as valuable tools in this process, enabling designers to empathise with users, make informed decisions and create meaningful, user-centric products…" https://www.nomensa.com/blog/persona-types/ +04: EVENTS. Website Accessible? Learn What to Look For and Other A11Y Basics April 19, 2024. Online https://www.eventbrite.com/e/website-accessible-learn-what-to-look-for-and-other-a11y-basics-tickets-872762765927 Introduction to Manual Website Accessibility Testing April 25, 2024. Online https://umn.zoom.us/webinar/register/WN_AvwdwcaYTK-kkEOQ2F344g#/registration Virtual Web Accessibility Training May 7-8, 2024. Online https://webaim.org/training/virtual/ You're Getting Sued: What Happens Now? with Karl Groves May 29, 2024. Online https://afixt.com/webinars/youre-getting-sued-what-happens-now/ 2024 Worldwide Developer Conference June 10-14, 2024. Online https://developer.apple.com/wwdc24/ UX Virtual Training June 15-21, 2024. Online https://www.nngroup.com/training/june/ Paris Web September 26-28, 2024. Paris, France https://www.paris-web.fr/ Better by Design November 18-19, 2024. Washington, D.C., U.S.A. https://betterbydesign.events/ +05: HTML. Testing HTML With Modern CSS By Heydon Pickering. "A long time ago, I wrote a reasonably popular bit of open source code called REVENGE.CSS (the caps are intentional)…" https://heydonworks.com/article/testing-html-with-modern-css/ When to Use tabindex='0' By Graeme Coleman. "When tabindex="0" is applied to an HTML element, the content marked up using that element will become keyboard focusable, and is therefore a good starting point for supporting keyboard accessibility. However, applying this attribute haphazardly or unnecessarily can reduce the experience for people who use a keyboard or an equivalent input device to navigate web content…" https://tetralogical.com/blog/2024/04/04/why-you-dont-need-to-use-tabindex='0'/ +06: MISCELLANEOUS. Be Anti-Ableist By Eric Eggert. "In the last couple of weeks, I had some encounters that made me think about the state of ableism. Turns out that despite a lot of slow but meaningful progress, the world overall is still pretty much ableist…" https://yatil.net/blog/be-anti-ableist AI & the Web: Understanding and Managing the Impact of Machine Learning Models on the Web By W3C. "This repository hosts discussions on the systemic impact of AI systems, and Machine Learning models in particular, on the Web, based on a write-up of the W3C Team current shared understanding of this space…" https://github.com/w3c/ai-web-impact Quiz: How Much Disability History Do You Know? By Meghan Smith. "…So how much do you know? Test your knowledge with our quiz…" https://www.wgbh.org/news/local/2024-04-02/quiz-how-much-disability-history-do-you-know Dao Day 2024 - a Regression in the Making By Richard Rutter. "It's twenty four years to the day since A List Part published John Allsopp's seminal treatise A Dao of Web Design. It must be one of the most vital and cited articles ever to be written about web design…" https://clagnut.com/blog/2430/ +07: NAVIGATION. WCAG Bypass Blocks (Skip to Content) - Improve User Interaction Speed and Even Prevent Pain By Bogdan Cerovac. "Stumbled upon a e-commerce that required hundreds of key-presses to get below the navigation. Reminded me, again, about the importance of skip links…" https://cerovac.com/a11y/2024/04/wcag-bypass-blocks-skip-to-content-improve-user-interaction-speed-and-even-prevent-pain/ In-Page Links: 3 Usability Tips (Video) By Huei-Hsin Wang. "In-page links help users navigate to specific content sections on the same page. For effective use, use descriptive headings that match the destination, and clearly distinguish in-page links from other links." https://www.nngroup.com/videos/in-page-links/ +08: USABILITY. Breakpoints in Responsive Design By Kelley Gordon. "Breakpoints determine when a webpage may adjust to different layouts. They help designers (and developers) maintain layout consistency across multiple screen sizes, orientations, and devices." https://www.nngroup.com/articles/breakpoints-in-responsive-design/ +09: WEBWASTE & SUSTAINABILITY. AI Is Not Your Friend By Gerry McGovern. "Needs are limited. Wants are endless and very expensive. Planned obsolescence. Products are cheap and terrible quality, made for the trash, so that you keep on buying. Cheap costs the earth. In the long run, free costs you…" https://gerrymcgovern.com/ai-is-not-your-friend/ [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 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.]