Web Design Update: April 10, 2024
462 views
Skip to first unread message
Laura Carlson
Apr 10, 2024, 5:24:00 AM4/10/24
to webdev
+++ 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
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:lcar...@d.umn.edu
[Issue ends.]
- 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
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:lcar...@d.umn.edu
[Issue ends.]
Reply all
Reply to author
Forward
0 new messages