Web Design Update: July 26, 2022
447 views
Skip to first unread message
Laura Carlson
Jul 26, 2022, 6:07:46 AM7/26/22
to webdev
+++ WEB DESIGN UPDATE.
- Volume 21, Issue 05, July 26, 2022.
An email newsletter to distribute news and information about web design and development.
++ISSUE 05 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: TOOLS.
08: TYPOGRAPHY.
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.
Research Insight: Accessibility of Images
By Henny Swan.
"…What gets overlooked is whether the visual content of the image is appropriate to the context of use for people with sight. Equally, if the text description fits in to the flow of adjacent content…Decorative images do more than just decorate a page, they also provide context, regardless of whether you can see an image or not…"
https://tetralogical.com/blog/2022/07/21/research-insight-accessibility-of-images/
The Unexpected Star of NASA's Webb Images - the Alt Text Descriptions
By Theresa Vargas.
"A team in Baltimore was responsible for the words that made the stunning photos accessible to everyone…"
https://www.washingtonpost.com/dc-md-va/2022/07/20/nasa-images-accessible-text
Abbreviations Can be Problematic
By Martin Underhill.
"…When an acronym is used multiple times, though, it's likely it's being used for practical reasons rather than tone of voice. Reading can be clunky if the words are written in full each time, so all we have to do is define it the first time it's used on each page; from there on in it can be used freely…"
https://www.tempertemper.net/blog/abbreviations-can-be-problematic
Brief Note on Dismissing Selects and Listboxen
By Adrian Roselli.
"… Native controls and their ARIA equivalents sometimes behave differently. Understand that and make sure to account for it (ideally by testing). Try not to mix the native and ARIA version of a control within a page, flow, or maybe even site."
https://adrianroselli.com/2022/07/brief-note-on-dismissing-selects-and-listboxen.html
Accessibility: The Land Time to Interactive Forgot (Video)
By Léonie Watson.
Leonie's "Pixel Pioneers Bristol 2022" presentation.
https://www.youtube.com/watch?v=PzFt4oyP6_I
Learning Styles and Inclusion
By Denis Boudreau.
"Before we dig deeper into how we can better reach well over a third of our audience who is likely to experience issues with our content and delivery due to disabilities, ageing, or limiting conditions, we need to establish a few key concepts about how people learn…"
https://inklusiv.ca/learning-styles-and-inclusion/
Not all blind people use screen readers and not all users of screen readers are blind.
By Accessibility London.
"Blindness is not a binary. Low vision is also a thing. PDFs are not accessible to many low vision users. No matter how you make them or how well they are supported."
https://twitter.com/A11yLondon/status/1550091714756493312
Definitive Guide to CAPTCHA Accessibility
By Holistic Accessibility.
"There is no perfect solution, either for the user or security-wise. You should opt for the best technique according to the service provided. Also, it is important in the case of attack to have logs to analyse and to prepare for further attacks…"
https://holistica11y.com/definitive-guide-to-captcha-accessibility/
Misuse of Twitter's Alt Text Feature Draws Criticism From Accessibility Advocates
By Katie Deighton.
"Twitter is testing pop-ups that remind users to add appropriate image descriptions as misuse of the alt text feature prevails…"
https://www.wsj.com/articles/misuse-of-twitters-alt-text-feature-draws-criticism-from-accessibility-advocates-11657879200?mod=tech_lead_pos10
Accessibility of Remote Meetings Published as w3c Group Note
By Ruoxi Ran.
"W3C WAI announces publication of the Group Note Accessibility of Remote Meetings. It is a companion to the more succinct W3C resource: How to Make Your Presentations and Meetings Accessible to All…"
https://www.w3.org/blog/2022/07/accessibility-of-remote-meetings-published-as-w3c-group-note/
+02: CASCADING STYLE SHEETS.
With :focus-visible, You Can Have Focus Styles When It Makes Sense
By Hidde de Vries.
"…with :focus-visible we have a new way to only show focus styles when they make sense. How does that work?…"
https://hidde.blog/focus-visible-more-than-keyboard/
Logical Properties for Useful Shorthands
Michelle Barker.
"Something I like about logical properties is the ability to set margins or padding on just a single axis on an element, while leaving the other alone…"
https://css-irl.info/logical-properties-for-useful-shorthands/
Understanding CSS :has() (Video)
By Eric A. Meyer.
"Eric Meyer takes a look at the new CSS :has() pseudo class and explores a number of ways it can be used to supercharge your CSS…"
https://www.youtube.com/watch?v=axkefJvfS9U
How to Use CSS Math Functions
By Alex Ivanovs.
"An interactive tutorial on using the calc, min, max, clamp functions in CSS…"
https://stackdiary.com/css-math-functions/
+03: COLOR.
How to Improve Non-text Contrast: Color Schemes and Interface Components
By David E. Miller.
"…By following a couple of simple concepts, you can help ensure that your creation will adhere to WCAC 2.1, 1.4.11…"
https://mn.gov/mnit/media/blog/?id=38-534351
Expert Tips For Color Accessibility On the Web
By Benjamin Roussey.
"To promote inclusive excellence for a brand, digital technology professionals, web developers, and graphic designers should focus on building inclusive and accessible digital platforms. Color accessibility is one of the vital elements in digital accessibility that deserves more attention…"
https://www.accessibility.com/blog/expert-tips-for-color-accessibility-on-the-web
Detailed Analysis of APCA (2022-07-16)
By Tobias Bengfort.
"…In this analysis I took a deeper look at the Accessible Perceptual Contrast Algorithm (APCA), a new algorithm to predict visual contrast. I compared it to an existing algorithm that has been part of WCAG 2.x, the current standard for accessibility testing for the web…"
https://github.com/xi/apca-introduction/blob/main/analysis.md
+04: EVALUATION & TESTING.
Incognito Testing: Make Special Considerations, Get Expert Results
By Jennie Delisi.
"…Accessibility testers can use incognito and private browsing modes to save time. That way you don't have to clear your cookies and cache each time you start a test session. Before you start using extensions in private browsing modes you must think through how this impacts information security…"
https://mn.gov/mnit/media/blog/?id=38-534388
Use Firefox for Accessibility Testing
By Todd Libby.
"Firefox has become one of the best tools for accessibility audits. Let's go over Firefox's accessibility features that you can use today…"
https://www.a11yproject.com/posts/using-firefox-for-accessibility-testing/
Generating Accessibility Test Results for a Whole Website With Pa11y CI
By Matthias Ott.
"This week, I'm doing an accessibility audit for a client…"
https://matthiasott.com/notes/generating-accessibility-test-results-with-pa11y-ci
Best Practices for Structuring Accessibility Testing
By Aaron Farber.
"This webinar will cover common gaps in how organizations implement accessibility testing. These gaps complicate communication within an organization and lead to barriers for people with disabilities…While this webinar focuses on building accessibility testing skills with the ARC Platform, the lessons are applicable to all testing libraries…"
https://www.youtube.com/watch?v=1GsB0y5h_EU
The Funnel Technique in Qualitative User Research
By Maria Rosala and Kate Moran.
"The funnel technique is used in user interviews and usability tests and ensures you get rich insights while not compromising validity."
https://www.nngroup.com/articles/the-funnel-technique-in-qualitative-user-research/
Rest It and Test It - Poster
By Caroline Jarrett.
Caroline Jarrett.
"Write something - rest it overnight - test it - make it better…"
https://www.effortmark.co.uk/rest-it-and-test-it-poster/
How to Compare Two Proportions with the N−1 Two-Proportion Test
Jeff Sauro and Jim Lewis.
"Proportional data is common in both UX research and the larger scientific literature…"
https://measuringu.com/what-is-the-n-1-two-proportion-test/
+05: EVENTS.
Supporting the Next Billion Users: Personalization & the Web
August 9, 2022.
Online
https://www.tpgi.com/webinar-august-9-at-12pm-et-supporting-the-next-billion-users-personalization-the-web/
Rapid UX Research to Empower Your Teams
August 9, 2022.
Online
https://www.eventbrite.com/e/rapid-ux-research-to-empower-your-teams-tickets-387721113287
Create Inclusive Customer Experiences: The Basics of Kiosk Accessibility
August 17, 2022.
Online
https://www.tpgi.com/webinar-august-17-at-12pm-et-create-inclusive-customer-experiences-the-basics-of-kiosk-accessibility/
Accessibility Mentoring Program
Fall 2022 Rotation.
https://whollyaccessible.org/2022/07/21/accessibility-mentoring-program/
Making Your Visuals Accessible: 'Alt text' and Visual Descriptions
October 13, 2022.
Online
https://umaine.edu/citl/event/making-your-visuals-accessible-alt-text-and-visual-descriptions/
Adobe MAX
October 18-20, 2022.
Online and Los Angeles, California, U.S.A.
https://max.adobe.com/
Seattle Interactive Conference
October 25-26, 2022
Seattle, Washington, U.S.A.
https://seattleinteractive.com/
+06: HTML.
Subheadings, Subtitles, Alternative Titles and Taglines in HTML
By Steve Faulkner.
"Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is…"
https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/
Roundup of Recent Document Outline Chatter
By Geoff Graham.
"It's not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard…"
https://css-tricks.com/roundup-of-recent-document-outline-chatter/
+07: TOOLS.
WCAG-Easy Tool: A Tool Based in the WCAG to Learn Web Accessibility (PDF)
By Renan Soares Germano and Ismar Frango Silveira.
"…Aiming to support the teaching/learning process of web accessibility, this article describes the process of creating and validating the WCAG-Easy Tool, a WCAG 2.1-based tool that can be used to teach web accessibility concepts and practices to developers and students…"
https://ieeexplore.ieee.org/abstract/document/9820012
+08: TYPOGRAPHY.
Typography in Web Design
By Anamarija Igrec.
"Words are essential for any Web site-and how a site presents those words is equally important…"
https://www.uxmatters.com/mt/archives/2022/07/typography-in-web-design.php
+09: USABILITY.
Brevity = Brilliance (UX Slogan #5) (Video)
By Jakob Nielsen.
"The smaller the word count (and in general, the more concise your online communication), the more users will comprehend and retain your message."
https://www.nngroup.com/videos/brevity-brilliance-ux-slogan-5/
Accounts & Self-Service UX: Consider Having an "Icon-Based" Dashboard (81% Don't)
By Baymard Institute.
"…Using icons in addition to text improves scannability dramatically - yet 81% of sites don't…"
https://baymard.com/blog/use-icons-in-the-account-dashboard
How to Write Less, Say More, and Avoid Getting a Shoe Thrown at You
By Deborah Edwards-Oñoro.
"…VandeHei's tips are part of good writing: focus on the reader, keep it simple, use language the reader knows, and stop when you've made your point…"
https://www.lireo.com/how-to-write-less-say-more-and-avoid-getting-a-shoe-thrown-at-you/
Mobile UX: Study Guide
By Raluca Budiu.
"Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online behaviors."
https://www.nngroup.com/articles/mobile-ux-study-guide/
+09: WEBWASTE & SUSTAINABILITY.
How to Optimize Images for the Web in Adobe Photoshop
By Michael Andersen.
"Everyone is talking about optimizing images because it is good for the environment, it improves your SEO ranking, and your users will have fewer data to download. But how do you optimize an image for the web the right way…"
https://sustainablewww.org/principles/how-to-optimize-images-for-the-web-in-adobe-photoshop
[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:lcar...@d.umn.edu
[Issue ends.]
- Volume 21, Issue 05, July 26, 2022.
An email newsletter to distribute news and information about web design and development.
++ISSUE 05 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: TOOLS.
08: TYPOGRAPHY.
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.
Research Insight: Accessibility of Images
By Henny Swan.
"…What gets overlooked is whether the visual content of the image is appropriate to the context of use for people with sight. Equally, if the text description fits in to the flow of adjacent content…Decorative images do more than just decorate a page, they also provide context, regardless of whether you can see an image or not…"
https://tetralogical.com/blog/2022/07/21/research-insight-accessibility-of-images/
The Unexpected Star of NASA's Webb Images - the Alt Text Descriptions
By Theresa Vargas.
"A team in Baltimore was responsible for the words that made the stunning photos accessible to everyone…"
https://www.washingtonpost.com/dc-md-va/2022/07/20/nasa-images-accessible-text
Abbreviations Can be Problematic
By Martin Underhill.
"…When an acronym is used multiple times, though, it's likely it's being used for practical reasons rather than tone of voice. Reading can be clunky if the words are written in full each time, so all we have to do is define it the first time it's used on each page; from there on in it can be used freely…"
https://www.tempertemper.net/blog/abbreviations-can-be-problematic
Brief Note on Dismissing Selects and Listboxen
By Adrian Roselli.
"… Native controls and their ARIA equivalents sometimes behave differently. Understand that and make sure to account for it (ideally by testing). Try not to mix the native and ARIA version of a control within a page, flow, or maybe even site."
https://adrianroselli.com/2022/07/brief-note-on-dismissing-selects-and-listboxen.html
Accessibility: The Land Time to Interactive Forgot (Video)
By Léonie Watson.
Leonie's "Pixel Pioneers Bristol 2022" presentation.
https://www.youtube.com/watch?v=PzFt4oyP6_I
Learning Styles and Inclusion
By Denis Boudreau.
"Before we dig deeper into how we can better reach well over a third of our audience who is likely to experience issues with our content and delivery due to disabilities, ageing, or limiting conditions, we need to establish a few key concepts about how people learn…"
https://inklusiv.ca/learning-styles-and-inclusion/
Not all blind people use screen readers and not all users of screen readers are blind.
By Accessibility London.
"Blindness is not a binary. Low vision is also a thing. PDFs are not accessible to many low vision users. No matter how you make them or how well they are supported."
https://twitter.com/A11yLondon/status/1550091714756493312
Definitive Guide to CAPTCHA Accessibility
By Holistic Accessibility.
"There is no perfect solution, either for the user or security-wise. You should opt for the best technique according to the service provided. Also, it is important in the case of attack to have logs to analyse and to prepare for further attacks…"
https://holistica11y.com/definitive-guide-to-captcha-accessibility/
Misuse of Twitter's Alt Text Feature Draws Criticism From Accessibility Advocates
By Katie Deighton.
"Twitter is testing pop-ups that remind users to add appropriate image descriptions as misuse of the alt text feature prevails…"
https://www.wsj.com/articles/misuse-of-twitters-alt-text-feature-draws-criticism-from-accessibility-advocates-11657879200?mod=tech_lead_pos10
Accessibility of Remote Meetings Published as w3c Group Note
By Ruoxi Ran.
"W3C WAI announces publication of the Group Note Accessibility of Remote Meetings. It is a companion to the more succinct W3C resource: How to Make Your Presentations and Meetings Accessible to All…"
https://www.w3.org/blog/2022/07/accessibility-of-remote-meetings-published-as-w3c-group-note/
+02: CASCADING STYLE SHEETS.
With :focus-visible, You Can Have Focus Styles When It Makes Sense
By Hidde de Vries.
"…with :focus-visible we have a new way to only show focus styles when they make sense. How does that work?…"
https://hidde.blog/focus-visible-more-than-keyboard/
Logical Properties for Useful Shorthands
Michelle Barker.
"Something I like about logical properties is the ability to set margins or padding on just a single axis on an element, while leaving the other alone…"
https://css-irl.info/logical-properties-for-useful-shorthands/
Understanding CSS :has() (Video)
By Eric A. Meyer.
"Eric Meyer takes a look at the new CSS :has() pseudo class and explores a number of ways it can be used to supercharge your CSS…"
https://www.youtube.com/watch?v=axkefJvfS9U
How to Use CSS Math Functions
By Alex Ivanovs.
"An interactive tutorial on using the calc, min, max, clamp functions in CSS…"
https://stackdiary.com/css-math-functions/
+03: COLOR.
How to Improve Non-text Contrast: Color Schemes and Interface Components
By David E. Miller.
"…By following a couple of simple concepts, you can help ensure that your creation will adhere to WCAC 2.1, 1.4.11…"
https://mn.gov/mnit/media/blog/?id=38-534351
Expert Tips For Color Accessibility On the Web
By Benjamin Roussey.
"To promote inclusive excellence for a brand, digital technology professionals, web developers, and graphic designers should focus on building inclusive and accessible digital platforms. Color accessibility is one of the vital elements in digital accessibility that deserves more attention…"
https://www.accessibility.com/blog/expert-tips-for-color-accessibility-on-the-web
Detailed Analysis of APCA (2022-07-16)
By Tobias Bengfort.
"…In this analysis I took a deeper look at the Accessible Perceptual Contrast Algorithm (APCA), a new algorithm to predict visual contrast. I compared it to an existing algorithm that has been part of WCAG 2.x, the current standard for accessibility testing for the web…"
https://github.com/xi/apca-introduction/blob/main/analysis.md
+04: EVALUATION & TESTING.
Incognito Testing: Make Special Considerations, Get Expert Results
By Jennie Delisi.
"…Accessibility testers can use incognito and private browsing modes to save time. That way you don't have to clear your cookies and cache each time you start a test session. Before you start using extensions in private browsing modes you must think through how this impacts information security…"
https://mn.gov/mnit/media/blog/?id=38-534388
Use Firefox for Accessibility Testing
By Todd Libby.
"Firefox has become one of the best tools for accessibility audits. Let's go over Firefox's accessibility features that you can use today…"
https://www.a11yproject.com/posts/using-firefox-for-accessibility-testing/
Generating Accessibility Test Results for a Whole Website With Pa11y CI
By Matthias Ott.
"This week, I'm doing an accessibility audit for a client…"
https://matthiasott.com/notes/generating-accessibility-test-results-with-pa11y-ci
Best Practices for Structuring Accessibility Testing
By Aaron Farber.
"This webinar will cover common gaps in how organizations implement accessibility testing. These gaps complicate communication within an organization and lead to barriers for people with disabilities…While this webinar focuses on building accessibility testing skills with the ARC Platform, the lessons are applicable to all testing libraries…"
https://www.youtube.com/watch?v=1GsB0y5h_EU
The Funnel Technique in Qualitative User Research
By Maria Rosala and Kate Moran.
"The funnel technique is used in user interviews and usability tests and ensures you get rich insights while not compromising validity."
https://www.nngroup.com/articles/the-funnel-technique-in-qualitative-user-research/
Rest It and Test It - Poster
By Caroline Jarrett.
Caroline Jarrett.
"Write something - rest it overnight - test it - make it better…"
https://www.effortmark.co.uk/rest-it-and-test-it-poster/
How to Compare Two Proportions with the N−1 Two-Proportion Test
Jeff Sauro and Jim Lewis.
"Proportional data is common in both UX research and the larger scientific literature…"
https://measuringu.com/what-is-the-n-1-two-proportion-test/
+05: EVENTS.
Supporting the Next Billion Users: Personalization & the Web
August 9, 2022.
Online
https://www.tpgi.com/webinar-august-9-at-12pm-et-supporting-the-next-billion-users-personalization-the-web/
Rapid UX Research to Empower Your Teams
August 9, 2022.
Online
https://www.eventbrite.com/e/rapid-ux-research-to-empower-your-teams-tickets-387721113287
Create Inclusive Customer Experiences: The Basics of Kiosk Accessibility
August 17, 2022.
Online
https://www.tpgi.com/webinar-august-17-at-12pm-et-create-inclusive-customer-experiences-the-basics-of-kiosk-accessibility/
Accessibility Mentoring Program
Fall 2022 Rotation.
https://whollyaccessible.org/2022/07/21/accessibility-mentoring-program/
Making Your Visuals Accessible: 'Alt text' and Visual Descriptions
October 13, 2022.
Online
https://umaine.edu/citl/event/making-your-visuals-accessible-alt-text-and-visual-descriptions/
Adobe MAX
October 18-20, 2022.
Online and Los Angeles, California, U.S.A.
https://max.adobe.com/
Seattle Interactive Conference
October 25-26, 2022
Seattle, Washington, U.S.A.
https://seattleinteractive.com/
+06: HTML.
Subheadings, Subtitles, Alternative Titles and Taglines in HTML
By Steve Faulkner.
"Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is…"
https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/
Roundup of Recent Document Outline Chatter
By Geoff Graham.
"It's not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard…"
https://css-tricks.com/roundup-of-recent-document-outline-chatter/
+07: TOOLS.
WCAG-Easy Tool: A Tool Based in the WCAG to Learn Web Accessibility (PDF)
By Renan Soares Germano and Ismar Frango Silveira.
"…Aiming to support the teaching/learning process of web accessibility, this article describes the process of creating and validating the WCAG-Easy Tool, a WCAG 2.1-based tool that can be used to teach web accessibility concepts and practices to developers and students…"
https://ieeexplore.ieee.org/abstract/document/9820012
+08: TYPOGRAPHY.
Typography in Web Design
By Anamarija Igrec.
"Words are essential for any Web site-and how a site presents those words is equally important…"
https://www.uxmatters.com/mt/archives/2022/07/typography-in-web-design.php
+09: USABILITY.
Brevity = Brilliance (UX Slogan #5) (Video)
By Jakob Nielsen.
"The smaller the word count (and in general, the more concise your online communication), the more users will comprehend and retain your message."
https://www.nngroup.com/videos/brevity-brilliance-ux-slogan-5/
Accounts & Self-Service UX: Consider Having an "Icon-Based" Dashboard (81% Don't)
By Baymard Institute.
"…Using icons in addition to text improves scannability dramatically - yet 81% of sites don't…"
https://baymard.com/blog/use-icons-in-the-account-dashboard
How to Write Less, Say More, and Avoid Getting a Shoe Thrown at You
By Deborah Edwards-Oñoro.
"…VandeHei's tips are part of good writing: focus on the reader, keep it simple, use language the reader knows, and stop when you've made your point…"
https://www.lireo.com/how-to-write-less-say-more-and-avoid-getting-a-shoe-thrown-at-you/
Mobile UX: Study Guide
By Raluca Budiu.
"Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online behaviors."
https://www.nngroup.com/articles/mobile-ux-study-guide/
+09: WEBWASTE & SUSTAINABILITY.
How to Optimize Images for the Web in Adobe Photoshop
By Michael Andersen.
"Everyone is talking about optimizing images because it is good for the environment, it improves your SEO ranking, and your users will have fewer data to download. But how do you optimize an image for the web the right way…"
https://sustainablewww.org/principles/how-to-optimize-images-for-the-web-in-adobe-photoshop
[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:lcar...@d.umn.edu
[Issue ends.]
Reply all
Reply to author
Forward
0 new messages