|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 30, January 17, 2019.
David P. Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 30, January 17, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 30 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: STANDARDS, GUIDELINES & PATTERNS. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Mechanics (Video) By Jared Smith. "Jared Smith, Associate Director of WebAIM, will discuss the interplay between page content (including ARIA), browser parsing/rendering, accessibility APIs, and assistive technology - something that is increasingly important for developers to have a sense of when implementing and testing accessibility…" https://www.technica11y.org/ Top 10 Low Effort Improvements for Accessible Web Content By Leandra Silver. "The creation of accessible sites is a collaborated dance between designers, user experience specialists, web developers, content editors, and web accessibility auditors…" https://medium.com/@ What You Need to Know About Types of Video Captions By Meryl Evans. "Way back in 1983, I got my first caption decoder…" https://meryl.net/what-you- Tap to Dismiss By Linzi Berry. "Designing accessible escape hatches for modals…" https://medium.com/tap-to- This Week in Accessibility: Gomez v. GNC By Sheri Byrne-Haber. "Gomez v. GNC should serve as a warning to any company facing an accessibility lawsuit as to the importance of their accessibility experts actually being experts in accessibility…" https://medium.com/@ Big Win for Web Accessibility in Domino's Pizza Case By Lainey Feingold. "…the panel of three judges held that, 'the ADA applied to Domino's website and app because the Act mandates that places of public accommodation, like Domino's, provide auxiliary aids and services to make visual materials available to individuals who are blind'…" https://www.lflegal.com/2019/ +02: CASCADING STYLE SHEETS. When And How To Use CSS Multi-Column Layout By Rachel Andrew. "The Multi-column Layout spec is often overlooked as we use Grid and Flexbox. In this article Rachel Andrew explains why it is different to other layout methods, and shows some useful patterns and sites which showcase it well…" https://www.smashingmagazine. An Introduction to CSS Containment By Manuel Rego Casasnovas. "…This is a brief blog post trying to give an introduction to the spec, explain the status of things, the work done during past year, and some plans for the future…" https://blogs.igalia.com/ CSS Doesn't Suck By Any Bell. "Another week comes along and with it, another assault on CSS…" https://andy-bell.design/ +03: COLOR. Designing UI with Color Blind Users in Mind By Rich Staats. "…in this article, we'll share some tips on how you can improve your site's accessibility and the experience it delivers for color blind people…" https://www.secretstache.com/ +04: EVALUATION & TESTING. Top Tasks Are the Invisible Gorilla By Gerry McGovern. "The top tasks of organizations are often very different to the top tasks of customers because organizations think and see differently than customers…" http://gerrymcgovern.com/top- Does Changing the Order of the NPS Item Affect Results? By Jeff Sauro. "…does the order in which items are presented in common metrics like the Net Promoter Score matter? To investigate this, we need to first understand order effects in surveys…" https://measuringu.com/nps- +05: EVENTS. Time Traveler's Guide to Accessibility Mechanics January 22, 2019. New York, New York, U.S.A. https://www.meetup.com/ Nurturing a Neurodiverse Workplace January 23, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/ Live stream: https://www.youtube.com/watch? Live captions: http://www.streamtext.net/ Digital Accessibility 101 - The Basics January 24, 2019. Cleveland, Ohio, U.S.A. https://www.meetup.com/ Make Your Business Case for Accessibility January 28, 2019. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/ Designing with Accessibility in Mind February 11-17, 2019. Online https:// 2019 Audio Description Institute February 23-25, 2019. Alexandria, Virginia, U.S.A. https://acb.org/2019- Experience Design Week February 25-27, 2019. Denver, Colorado, U.S.A. https://experiencedesignweek. +06: HTML. 'Fixing' Lists By Scott O'Hara. "In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an article on the how VoiceOver and Safari (Webkit) (macOS and iOS) remove list element semantics when list-style: none is used…" https://www.scottohara.me/ Accessible Accordions Part 2 - Using <details> and <summary> By Graham Armfield. "In my last post My favourite accessible accordion pattern I discussed how you could use a combination of HTML elements, some JavaScript and some appropriate ARIA to create a fully accessible accordion component that could be used by everyone." https://www.hassellinclusion. Which Elements Support Shadow DOM? By Rob Dodson. "Is there a list somewhere of which HTML elements can and can't have a shadow DOM?…" https://robdodson.me/which- +07: JAVASCRIPT. Make Your ARIA Labels Sing on Key By Becky Gibson. "The Web Accessibility Initiative Accessible Rich Internet Applications specification (WAI-ARIA) is a powerful tool to make the Web more accessible for people using screen readers. Unfortunately many developers use WAI-ARIA incorrectly…" https://knowbility.org/blog/ It's 2019 and I Still Make Websites with my Bare Hands By Matt Holt. "I have no idea how to make a website the way the cool kids do today…" https://medium.com/@mattholt/ +08: MISCELLANEOUS. The History of the Web: Accessibility Tools By Jay Hoffmann. "In 1995, Dr. Cynthia Waddell published a web design accessibility standard for the City of San Jose's Office of Equality Assurance…" https://thehistoryoftheweb. +09: NAVIGATION. Create an Accessible Dropdown Navigation By Lindsey Kopacz. "Hover navigations are pretty simple to do without JavaScript, which is how I usually see them implemented…" https://www.a11ywithlindsey. Create an Accessible Dropdown Navigation Without JS By Lindsey Kopacz. "After cross-posting my last accessibility post about dropdowns on dev.to, I was reading through the comments and someone posted about :focus-within…" https://www.a11ywithlindsey. +10: STANDARDS, GUIDELINES & PATTERNS. Web Standards: The What, The Why, And The How By Amy Dickens. "Web Standards, and the documentation to support them, provide huge insight into 'the why' and 'the what' of the world wide web. They are a fantastic resource for any web developer and help people build stuff for the web that is functional, accessible and cross-compatible. In this article, we take a look at the history of Web Standards, how to use them in your work and ways you can get involved in making them…" https://www.smashingmagazine. Harold Crick and the Web Platform By Brian Kardell. "In this piece I'll talk about MathML and why I think that it is especially unique, intersting, and stranger than fiction…" https://bkardell.com/blog/ +11: USABILITY. Creating More Inclusive and Culturally Sensitive Forms By Mark H. Anbinder. "…We can accommodate everyone with a little foresight and simple adjustments…" https://www.uxbooth.com/ Fitts's Law (Video) By Lexie Martin. "Fitts's Law describes how long it takes a user to hit a target in a graphical user interface (GUI) or other design, as a function of size and distance. Understanding this law helps us design better buttons, forms, lists, and other interactive elements." https://www.nngroup.com/ The User Experience of Customer-Service Chat: 20 Guidelines By Raluca Budiu. "Chat is hard to find on many websites; it is often inefficiently designed and supplies too superficial information." https://www.nngroup.com/ Gestalt Principles in UI Design By Eleana Gkogka. "Gestalt (form, shape in German) is a group of visual perception principles developed by German psychologists in 1920s…" https://medium.muz.li/gestalt- +13: XML. Creating Accessible SVGs By Carie Fisher. "Scalable Vector Graphics (SVGs) have been around since 1999, but they have seen a real resurgence in use as design interactions have become more complex and CSS/JavaScript have replaced antiquated animation programs such as Adobe Flash…" https://www.deque.com/blog/ [Section one ends.] ++ SECTION TWO: +13: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/ Association Information. http://www.d.umn.edu/itss/ Book Listings. http://www.d.umn.edu/itss/ Cascading Style Sheets Information. http://www.d.umn.edu/itss/ Color Information. http://www.d.umn.edu/itss/ Drupal Information. http://www.d.umn.edu/itss/ Evaluation & Testing Information. http://www.d.umn.edu/itss/ Event Information. http://www.d.umn.edu/itss/ HTML Information. http://www.d.umn.edu/itss/ Information Architecture Information. http://www.d.umn.edu/itss/ JavaScript Information. http://www.d.umn.edu/itss/ Miscellaneous Web Information. http://www.d.umn.edu/itss/ Navigation Information. http://www.d.umn.edu/itss/ PHP Information. http://www.d.umn.edu/itss/ Sites & Blogs Listing. http://www.d.umn.edu/itss/ Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/ Tool Information. http://www.d.umn.edu/itss/ Typography Information. http://www.d.umn.edu/itss/ Usability Information. http://www.d.umn.edu/itss/ XML Information. http://www.d.umn.edu/itss/ [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/ 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.]
|
|||||||||||
|
|
|||||||||||
|
Web Design Update: January 10, 2018
David Dillard
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 29, January 10, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 29 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://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: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Understanding WCAG 2.1 - Reviewing Cognitive Success Criteria By Glenda Sims. "Hello, everyone! We are back on our accessibility adventure through WCAG 2.1, the seventh public working draft…" https://www.deque.com/blog/understanding-wcag-2-1-reviewing-cognitive-success-criteria/ At a Glance-Screen Reader User Survey 7 Results By Rakesh Paladugula. "In this article I want to summarize the Web AIM screen reader user survey 7 results for my readers…" http://www.maxability.co.in/2018/01/glance-screen-reader-user-survey-7-results/ Screen Reader User Survey 7 Results from WebAIM By Dennis Lembree. "In December 2017, results of Screen Reader User Survey #7 by WebAIM were released…" http://www.webaxe.org/screen-reader-user-survey-7-results-from-webaim/ Digital Accessibility: How We Can Help By Atalan. (Hat tip to Nicolas Hoffmann) Information and simulations on color blindness, visual impairment, blindness, deafness, and motor disability. https://atalan.fr/agissons/en/index.html Attacks on the ADA Don't Remove the Need and Responsibility for Web Accessibility By Nicolas Steenhout. "Two bits of news about the Americans with Disabilities Act (ADA) in the last couple weeks are of concern for people with disabilities. It is also concerning for those of us working in the field of accessibility…" https://knowbility.org/attacks-ada-dont-remove-need-for-accessibility/ Blind Woman Sues 30 Websites Over Handicap Accessibility By Priscilla DeGregory and Emily Saul. "…Maria Mendizabal, who is legally blind, claims that the Web sites for companies such as Nike, 24 Hour Fitness, De Beers, Barney's, Donna Karan, and Kleinfeld Bridal aren't compatible with screen-reading software that translates the written content into either audio or Braille…" https://nypost.com/2018/01/07/blind-woman-sues-30-websites-over-handicap-accessibility/ 2017 Website Accessibility Lawsuit Recap: A Tough Year for Businesses By Seyfarth Shaw LLP. "2017 saw an unprecedented number of website accessibility lawsuits filed in federal and state courts, and few courts willing to grant early motions to dismiss." https://www.jdsupra.com/legalnews/2017-website-accessibility-lawsuit-46166/ +02: CASCADING STYLE SHEETS. CSS Versus Personalization By Tobib Spline. "…My thesis in this article is that CSS and the web as a whole put too much power in the hands of authors and too little power in the hands of users to allow effective personalization. Still, I will try to find some practical guidelines that may facilitate better personalization on the web…" http://tobib.spline.de/xi/posts/2017-12-18-personalization/ New Flexbox Guides on MDN By Rachel Andrew. "In preparation for CSS Grid shipping in browsers in March 2017, I worked on a number of guides and reference materials for the CSS Grid specification, which were published on MDN…" https://hacks.mozilla.org/2018/01/new-flexbox-guides-on-mdn/ +03: EVALUATION & TESTING. The User Researcher's Field Guide to Psychology By David Travis. "When planning user research studies, there are four fundamental principles from psychology that user researchers must know. These are: your users do not think like you think; your users don't have good insight into the reasons for their behaviour; the best predictor of your users' future behaviour is their past behaviour; and your users' behaviour depends on context." https://www.userfocus.co.uk/articles/field-guide-to-psychology.html +04: EVENTS. Beyond the Basics of PDF Accessibility - 2018 Update January 18, 2018. Online http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=481 2018 Digital Accessibility Trends January 23, 2018. Online http://info.levelaccess.com/0123Webinar2018Trends_LP-Main.html Embracing Plain Language for Better Accessibility January 24, 2018. Online https://groups.drupal.org/node/518076 DrupalCon Nashville April 9-13, 2018. Nashville, Tennessee, U.S.A. https://events.drupal.org/nashville2018 Designing with Accessibility in Mind April 9-15, 2018. Online https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368 +05: JAVASCRIPT. Why Mutation Can Be Scary By Zell Liew. "Unexpected changes in your JavaScript code can be a real headache. When working with objects, it can be even harder to prevent unintended mutation. Zell Liew shows us some tricks (and libraries) to prevent these unintended changes and ensure stability when working with objects." http://alistapart.com/article/why-mutation-can-be-scary +06: MISCELLANEOUS. Hypertext and Our Collective Destiny By Tim Berners-Lee, 12 October 1995. "A talk in which I felt I had ben asked only to say things I hadn't said before. It was part of symposium at MIT arranged by Andy Van Dam in honor of the 50th anniversary of Vannevar Bush's visionary article "As We May Think" in the Atlantic monthly in 1945. Various gurus from the history of hypertext were assembled, to talk and be taped." https://www.w3.org/Talks/9510_Bush/Talk.html Improving Your Tweet Accessibility By Adrian Roselli. "…This post gathers some tips you can and should use…" http://adrianroselli.com/2018/01/improving-your-tweet-accessibility.html Building a Better Magnifier With the Power of the Web By Shwetank Dixit. "This post is about how we used the web to build a better magnifier. Check it out (using Chrome or Opera on Android, due to it currently being the only browsers which supports the needed APIs properly) and please give us feedback to improve it further…" http://blog.barrierbreak.com/2018/01/09/building-better-magnifier-power-web/ Careful Now By Chris Coyier. "Tom Warren's "Chrome is turning into the new Internet Explorer 6" for The Verge has a title that, to us front-end web developers, suggests that Chrome is turning into a browser far behind in technology and replete with tricky bugs…" https://css-tricks.com/careful-now/ +07: NAVIGATION. Four Damnable Examples of Dark Patterns By Rebecca Sentance. "…Here's Rebecca Sentance with a follow-up to 2016's Dark Patterns post, where we highlight the worst examples of manipulative navigation and tricksy UX…" http://whatusersdo.com/blog/damnable-examples-of-dark-patterns/ Improving Text Readability for Dyslexic Users with Skip-ink Underlines By Damien Senger. "…As designers, we can help dyslexic users to read more easily our content and interfaces without too much technical requirements…" https://medium.com/@iamhiwelo/improving-text-readability-for-dyslexic-users-with-skip-ink-underlines-bf52a2f3426b +08: TOOLS. Ace By DAISY. "Ace, the Accessibility Checker for EPUB, is a tool developed by the DAISY Consortium to assist with the evaluation of accessibility features of EPUB publications." https://github.com/daisy/ace +09: USABILITY. What Makes a Design Seem 'Intuitive'? By Jared M. Spool. "…Once you understand how 'intuitive' works-what makes someone perceive a design to be intuitive-it becomes easier to make the decision as to whether an intuitive design is worth the extra effort. The knowledge your users have when they arrive at the design (current knowledge), what knowledge they'll need to complete their tasks (target knowledge), and what the design needs to do to help them complete the task (the gap) are the key ingredients for making an interface that seems 'intuitive' to your users." https://articles.uie.com/design_intuitive/ 10 Best Intranets of 2018 By Kara Pernice, Amy Schade, and Patty Caya. "The winners of our 17th Intranet Design Annual came from smaller organizations, had smaller intranet teams who relied on internal resources and external help to create the best intranets." https://www.nngroup.com/articles/intranet-design/ The Fold Manifesto: How to Encourage Scrolling (Video) By Amy Schade. "The page fold still matters and still applies. Even though the exact location of the fold differs between devices, it exists for every single user on every single screen." https://www.youtube.com/watch?v=-oPAqSGLgqQ1 User-Experience Quiz: 2017 UX Year in Review By Raluca Budiu. "Test your UX knowledge by taking our quiz. All questions and answers are based on articles that we published last year." https://www.nngroup.com/articles/ux-quiz/ UX Research - A dedicated role, or a skill everyone develops? The answer : Yes By Peter Merholz. "Over the holiday break emerged a Twitter discussion about the role of design research. It started here…" https://orgdesignfordesignorgs.com/2018/01/04/ux-research-a-dedicated-role-or-a-skill-everyone-develops-the-answer-yes/ 10 Small Things You Can Do to Become More User-Centred By Mark Dalgarno. https://medium.com/@markdalgarno/10-small-things-you-can-do-to-become-more-user-centred-3f5279701270 [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
MEDIA ISSUES : PUBLICATIONS : NEWS : TELEVISION NEWS : NEWSPAPERS : FAKE NEWS: Books about Fake News
David Dillard
MEDIA ISSUES : PUBLICATIONS : NEWS : TELEVISION NEWS : NEWSPAPERS : FAKE NEWS: Books about Fake News * * Books about Fake News Books About Fake News . ======================================== https://sites.google.com/site/researchguidesonsites/
. NEWS COVERAGE : MEDIA : JOURNALISM : FAKE NEWS : BIBLIOGRAPHIES : DATABASE SEARCH RESULTS: Books About Fake News . . The Stewart/Colbert Effect: Essays on the Real Impacts of Fake News Editor Amarnath Amarasingam Publisher McFarland, 2011 ISBN 0786486686, 9780786486687 Length 208 pages
*
The Onion and Philosophy: Fake News Story True Alleges Indignant Area Professor Popular culture and philosophy Author Sharon Kaye Editor Sharon Kaye Publisher Open Court, 2013 ISBN 0812697243, 9780812697247 Length 320 pages
*
Broadcast Hysteria: Orson Welles's War of the Worlds and the Art of Fake News Author A. Brad Schwartz Edition illustrated Publisher Hill and Wang, 2015 ISBN 0809031639, 9780809031634 Length 352 pages
Why We Need Jon Stewart and Stephen Colbert If We Have to Have Bill O'Reilly Author Christopher Sans Edition reprint Publisher BiblioBazaar, 2011 ISBN 1241059284, 9781241059286 Length 132 pages
*
The Daily Show and Philosophy: The Blackwell Philosophy and Pop Culture Series Editor Jason Holt Publisher John Wiley & Sons, 2009 ISBN 0470766131, 9780470766132 Length 280 pages
* Editors Geoffrey Baym, Jeffrey P. Jones Publisher Routledge, 2013 ISBN 1135751641, 9781135751647 Length 200 pages
*
Author Adrienne Russell Publisher John Wiley and Sons, 2013 ISBN 0745637736, 9780745637730 Length 163 pages
*
Politicotainment: Television's Take on the Real Volume 13 of Popular culture & everyday life, ISSN 1529-2428 Volume 13 of Popular culture ? Author Kristina Riegert Editor Kristina Riegert Edition illustrated Publisher Peter Lang, 2007 ISBN 0820481149, 9780820481142 Length 296 pages
* G - Reference,Information and Interdisciplinary Subjects Series SUNY series, Studies in Scientific and Technical Communication Author Lynda Walsh Edition illustrated, annotated Publisher SUNY Press, 2006 ISBN 079146878X, 9780791468784 Length 308 pages
*
The New Blue Media: How Michael Moore, MoveOn.org, Jon Stewart and Company Are Transforming Progressive Politics Author Theodore Hamm Publisher The New Press, 2013 ISBN 1595587381, 9781595587381 Length 240 pages
* Satire and Dissent Author Amber Day Publisher Indiana University Press, 2011 ISBN 0253005140, 9780253005144 Length 240 pages
*
Entertaining Politics: Satiric Television and Political Engagement Communication, Media, and Politics Author Jeffrey P. Jones Edition 2, illustrated Publisher Rowman & Littlefield Publishers, 2010 ISBN 0742565297, 9780742565296 Length 328 pages
* The True Story of Fake News: How Mainstream Media Manipulates Millions Author Mark Dice Publisher Mark Dice, 2017 ISBN 1943591032, 9781943591039 Length 330 pages *
* David Dillard
NET-GOLD http://groups.yahoo.com/group/net-gold https://groups.io/org/groupsio/net-gold/archives http://net-gold.3172864.n2.nabble.com/
Research Guides https://sites.google.com/site/researchguidesonsites/
Research Paper Writing https://sites.google.com/site/howtowriteasuperresearchpaper/ https://sites.google.com/site/employmentsources/ Internships https://sites.google.com/site/internshipsarticles/ Hospitality https://sites.google.com/site/hospitalitydatabasesandtools/ https://sites.google.com/site/disabilitynetsources/Home/employment-and-disabilities Indoor Gardening https://groups.yahoo.com/neo/groups/indoorgardeningurban/info Educator-Gold http://groups.yahoo.com/group/educator-gold/ K12ADMINLIFE http://groups.yahoo.com/group/k12adminlife/
Public Health Resources Including Ebola
Blog https://educatorgold.wordpress.com/
Research Guide: Information Literacy
Twitter: davidpdillard
Bushell, R. & Sheldon, P. (Eds), Wellness and Tourism: Mind, Body, Spirit, Place, New York: Cognizant Communication Books. Wellness Tourism: Bibliographic and Webliographic Essay David P. Dillard
Railtram Discussion Group from the union pacific to britrail and beyond https://groups.yahoo.com/neo/groups/railtram/info
Indoor Gardening improve your chances for indoor gardening success http://tech.groups.yahoo.com/group/indoorgardeningurban/
Sport-Med https://www.jiscmail.ac.uk/lists/sport-med.html http://groups.yahoo.com/group/sports-med/
Health Diet Fitness Recreation Sports Tourism https://groups.yahoo.com/neo/groups/healthrecsport/info
.
.
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: January 9, 2018
David Dillard
|
|||||||||||
|
|
|||||||||||
|
[WEBDEV] WEB DESIGN UPDATE: JANUARY 3, 2018
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 28, January 3, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 28 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: EVENTS. 05: MISCELLANEOUS. 06: NAVIGATION. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. When To Describe Images By Benetech. "Does an image need to be described? That depends... walk through our interactive 'decision tree' to learn about when and how best to make an image accessible…" https://poet.diagramcenter.org/when.html How To Describe Images By Benetech. "This section is broken into two distinct segments. The first section, 'General Guidelines'...The second segment of this page details best practice guidelines specific to particular image categories and classifications…" https://poet.diagramcenter.org/how.html Practice Describing Images By Benetech. "This section allows you to apply the best practice guidelines and resources to your own materials…" https://poet.diagramcenter.org/practice.html Responsible Web Animation: Giving Users More Control of Their Experience By Nat Tarnoff. "…Effects can range from seizures and migraines to dizziness and nausea to distraction from completing the task at hand. There is still much research to be done on how these animations affect users, what is 'good' versus 'bad' and how it affects users, but recent CSS and JavaScript updates have provided us ways to give the user the control they need for their best experience…" https://www.levelaccess.com/responsible-web-animation-giving-users-control-experience/ PDF Accessibility: Testing and Verification By Dave Herr. "In previous articles for our 2018 series on PDF accessibility, we covered all the major aspects of remediating PDF documents. Now we will focus on the best ways to ensure that your work is complete, so you can be confident that your documents meet the accessibility standards…" https://commonlook.com/pdf-accessibility-testing-and-verification/ Accessibility Scotland (Videos, Transcripts, Slides) By Hampus Sethfors, Vasilis van Gemert, Heather Burns, Phil Day, Paul Bepey, and Curt Holst. Presentations are now available from Accessibility Scotland 2018. https://accessibility.scot/ ATC Forum By Accessible Technology Coalition. "We have launched the ATC FORUM. Imagine having an online community that can answer your Assistive Technology questions in a timely fashion. Imagine having a user friendly database of current AT information at your fingertips. (I'm remembering the days of the encyclopedias in the living room) Imaging having the ability to express and see differing views and opinions on a diverse range of topics on assistive technology…" https://forum.atcoalition.org/ Scandinavian Airlines System Consent Order (PDF) By United States Department of Transportation. "This order concerns violations by Scandinavian Airlines System (SAS) of the requirements in 14 CFR Part 382 (Part 382). SAS violated the Department's Web site accessibility requirements when it created a separate Web site for individuals with disabilities instead of ensuring that its primary Web site met the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA standard, as required by section 382.43(c)…" https://www.transportation.gov/sites/dot.gov/files/docs/resources/individuals/aviation-consumer-protection/325416/sas-consent-order.pdf Compass Slapped with Lawsuit Over Website Access for the Blind By Teke Wiggin. "Discrimination lawsuit highlights legal risk for brokerages that don't comply with Americans with Disabilities Act…" https://www.inman.com/2018/12/28/compass-slapped-with-lawsuit-over-website-access-for-the-blind/ 2018 ADA Web Accessibility Lawsuit Recap By Jason Taylor. "The lawsuit culture that surrounds website accessibility has grown steadily over the past few years and shows no signs of slowing…" https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report +02: CASCADING STYLE SHEETS. How To Learn CSS By Rachel Andrew. "You don't need to commit in memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. This article aims to guide you along your path of learning CSS." https://www.smashingmagazine.com/2019/01/how-to-learn-css/ Common CSS Issues For Front-End Projects By Ahmad Shadeed. "Rendering and interaction have become a lot more consistent across browsers in recent years. It's still not perfectly uniform, however, and a lot of small issues can trip you up. Add on top of these issues the variables of different screen sizes, language preferences and plain human error, and we find a lot of small things to trip up a developer." https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/ Gradient Borders in CSS By Chris Coyier. "Let's say you need a gradient border around an element. My mind goes like this…" https://css-tricks.com/gradient-borders-in-css/ +03: COLOR. Accessible Color Contrast: Icons Now Included By Mary Gillen. "The official WCAG 2.1 - 1.4.11 Non-text Contrast (Level AA) Guideline states…" https://accessiblewebsiteservices.com/accessible-color-contrast-icons-now-included/ +04: EVENTS. Tips for Management: How Accessibility Testing Actually Impacts Your Development Process January 17, 2019. https://accessibility.deque.com/tips-for-management-how-accessibility-testing-actually-impacts-your-development-process 6 Tips for Accessibility in Microsoft Word from OKable January 24, 2019. Online https://www.okabletech.org/education-services/at-services-for-pk-12/at-webinars-and-video-resources/ Open Question and Answer Session on the Revised 508 Standards from the US Access Board January 29, 2019. Online https://www.accessibilityonline.org/cioc-508/session/?id=110701 +05: MISCELLANEOUS. Using Google Maps Costs More than You Think By Jason T. Voiovich. "…But just because you are not exchanging money to use Google Maps does not mean you are not exchanging value. I intend to show you just how much. You might not like it…" https://medium.com/swlh/using-google-maps-costs-more-than-you-think-d62c7d857b2d How Microsoft Lost the Web By Gregg Keizer. "Through a series of missteps and outright neglect, Microsoft essentially handed over the fate of its web browser - and its ability to shape the online world - to rival Chrome. The white flag of surrender was raised this month…" https://www.computerworld.com/article/3330239/web-browsers/how-microsoft-lost-the-web.html What We Wished For By Mat 'Wilto' Marquis. "An old cliché says that 'may you get everything you wish for' makes for a particularly insidious curse. With Edge soon making the switch to Chrome's rendering engine - well, for better or worse, a bitter wish is coming true." https://www.smashingmagazine.com/2018/12/internet-explorer-what-we-wished-for/ Evaluating Technology (Video) By Jeremy Keith. "We work with technology every day. And every day it seems like there's more and more technology to understand: graphic design tools, build tools, frameworks and libraries, not to mention new HTML,CSS and JavaScript features landing in browsers. How should we best choose which technologies to invest our time in…" https://aneventapart.com/news/post/evaluating-technology-by-jeremy-keith-aea-video +06: NAVIGATION. Navigation Design - Almost Everything You Need to Know By Justinmind. "Navigation design is about creating a system that empowers your users to interact with and use your product…" https://uxplanet.org/navigation-design-almost-everything-you-need-to-know-6f107814e22b +07: USABILITY. 5 UX Principles You Must Adhere to for an Awesome UX Design By Will Grant. "Will Grant, a UI/UX expert and a digital product designer, explains the 5 principles you must follow to ensure a great user experience…" https://medium.com/quick-design/5-ux-principles-you-must-adhere-to-for-an-awesome-ux-design-25a9badb9d1d The Hidden Privilege in Design By Hareem Mannan. "Shouldn't human-centered design consider all humans…" https://medium.com/s/user-friendly/the-hidden-privilege-in-design-415072d8a66 Will People Be More Tech Savvy in 10 Years? (Video) By Jakob Nielsen. "People naturally avoid studying computers. Don't expect people's technical skills to improve in the future." https://www.nngroup.com/videos/more-tech-savvy-10-years-jakob-nielsen/ The Peak-End Rule: How Impressions Become Memories By Lexie Martin. "Cognitive biases change the way that we recall past events. The peak-end rule focuses our memories around the most intense moments of an experience and the way an experience ends." https://www.nngroup.com/articles/peak-end-rule/ [Section one ends.] ++ SECTION TWO: +08: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] 
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: January 3, 2018 Inbox x
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 28, January 3, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 28 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: EVENTS. 05: MISCELLANEOUS. 06: NAVIGATION. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. When To Describe Images By Benetech. "Does an image need to be described? That depends... walk through our interactive 'decision tree' to learn about when and how best to make an image accessible…" https://poet.diagramcenter.org/when.html How To Describe Images By Benetech. "This section is broken into two distinct segments. The first section, 'General Guidelines'...The second segment of this page details best practice guidelines specific to particular image categories and classifications…" https://poet.diagramcenter.org/how.html Practice Describing Images By Benetech. "This section allows you to apply the best practice guidelines and resources to your own materials…" https://poet.diagramcenter.org/practice.html Responsible Web Animation: Giving Users More Control of Their Experience By Nat Tarnoff. "…Effects can range from seizures and migraines to dizziness and nausea to distraction from completing the task at hand. There is still much research to be done on how these animations affect users, what is 'good' versus 'bad' and how it affects users, but recent CSS and JavaScript updates have provided us ways to give the user the control they need for their best experience…" https://www.levelaccess.com/responsible-web-animation-giving-users-control-experience/ PDF Accessibility: Testing and Verification By Dave Herr. "In previous articles for our 2018 series on PDF accessibility, we covered all the major aspects of remediating PDF documents. Now we will focus on the best ways to ensure that your work is complete, so you can be confident that your documents meet the accessibility standards…" https://commonlook.com/pdf-accessibility-testing-and-verification/ Accessibility Scotland (Videos, Transcripts, Slides) By Hampus Sethfors, Vasilis van Gemert, Heather Burns, Phil Day, Paul Bepey, and Curt Holst. Presentations are now available from Accessibility Scotland 2018. https://accessibility.scot/ ATC Forum By Accessible Technology Coalition. "We have launched the ATC FORUM. Imagine having an online community that can answer your Assistive Technology questions in a timely fashion. Imagine having a user friendly database of current AT information at your fingertips. (I'm remembering the days of the encyclopedias in the living room) Imaging having the ability to express and see differing views and opinions on a diverse range of topics on assistive technology…" https://forum.atcoalition.org/ Scandinavian Airlines System Consent Order (PDF) By United States Department of Transportation. "This order concerns violations by Scandinavian Airlines System (SAS) of the requirements in 14 CFR Part 382 (Part 382). SAS violated the Department's Web site accessibility requirements when it created a separate Web site for individuals with disabilities instead of ensuring that its primary Web site met the Web Content Accessibility Guidelines (WCAG) 2.0 Level AA standard, as required by section 382.43(c)…" https://www.transportation.gov/sites/dot.gov/files/docs/resources/individuals/aviation-consumer-protection/325416/sas-consent-order.pdf Compass Slapped with Lawsuit Over Website Access for the Blind By Teke Wiggin. "Discrimination lawsuit highlights legal risk for brokerages that don't comply with Americans with Disabilities Act…" https://www.inman.com/2018/12/28/compass-slapped-with-lawsuit-over-website-access-for-the-blind/ 2018 ADA Web Accessibility Lawsuit Recap By Jason Taylor. "The lawsuit culture that surrounds website accessibility has grown steadily over the past few years and shows no signs of slowing…" https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report +02: CASCADING STYLE SHEETS. How To Learn CSS By Rachel Andrew. "You don't need to commit in memorizing every CSS Property and Value, as there are good places to look them up. There are some fundamental things, however, which will make CSS much easier for you to use. This article aims to guide you along your path of learning CSS." https://www.smashingmagazine.com/2019/01/how-to-learn-css/ Common CSS Issues For Front-End Projects By Ahmad Shadeed. "Rendering and interaction have become a lot more consistent across browsers in recent years. It's still not perfectly uniform, however, and a lot of small issues can trip you up. Add on top of these issues the variables of different screen sizes, language preferences and plain human error, and we find a lot of small things to trip up a developer." https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/ Gradient Borders in CSS By Chris Coyier. "Let's say you need a gradient border around an element. My mind goes like this…" https://css-tricks.com/gradient-borders-in-css/ +03: COLOR. Accessible Color Contrast: Icons Now Included By Mary Gillen. "The official WCAG 2.1 - 1.4.11 Non-text Contrast (Level AA) Guideline states…" https://accessiblewebsiteservices.com/accessible-color-contrast-icons-now-included/ +04: EVENTS. Tips for Management: How Accessibility Testing Actually Impacts Your Development Process January 17, 2019. https://accessibility.deque.com/tips-for-management-how-accessibility-testing-actually-impacts-your-development-process 6 Tips for Accessibility in Microsoft Word from OKable January 24, 2019. Online https://www.okabletech.org/education-services/at-services-for-pk-12/at-webinars-and-video-resources/ Open Question and Answer Session on the Revised 508 Standards from the US Access Board January 29, 2019. Online https://www.accessibilityonline.org/cioc-508/session/?id=110701 +05: MISCELLANEOUS. Using Google Maps Costs More than You Think By Jason T. Voiovich. "…But just because you are not exchanging money to use Google Maps does not mean you are not exchanging value. I intend to show you just how much. You might not like it…" https://medium.com/swlh/using-google-maps-costs-more-than-you-think-d62c7d857b2d How Microsoft Lost the Web By Gregg Keizer. "Through a series of missteps and outright neglect, Microsoft essentially handed over the fate of its web browser - and its ability to shape the online world - to rival Chrome. The white flag of surrender was raised this month…" https://www.computerworld.com/article/3330239/web-browsers/how-microsoft-lost-the-web.html What We Wished For By Mat 'Wilto' Marquis. "An old cliché says that 'may you get everything you wish for' makes for a particularly insidious curse. With Edge soon making the switch to Chrome's rendering engine - well, for better or worse, a bitter wish is coming true." https://www.smashingmagazine.com/2018/12/internet-explorer-what-we-wished-for/ Evaluating Technology (Video) By Jeremy Keith. "We work with technology every day. And every day it seems like there's more and more technology to understand: graphic design tools, build tools, frameworks and libraries, not to mention new HTML,CSS and JavaScript features landing in browsers. How should we best choose which technologies to invest our time in…" https://aneventapart.com/news/post/evaluating-technology-by-jeremy-keith-aea-video +06: NAVIGATION. Navigation Design - Almost Everything You Need to Know By Justinmind. "Navigation design is about creating a system that empowers your users to interact with and use your product…" https://uxplanet.org/navigation-design-almost-everything-you-need-to-know-6f107814e22b +07: USABILITY. 5 UX Principles You Must Adhere to for an Awesome UX Design By Will Grant. "Will Grant, a UI/UX expert and a digital product designer, explains the 5 principles you must follow to ensure a great user experience…" https://medium.com/quick-design/5-ux-principles-you-must-adhere-to-for-an-awesome-ux-design-25a9badb9d1d The Hidden Privilege in Design By Hareem Mannan. "Shouldn't human-centered design consider all humans…" https://medium.com/s/user-friendly/the-hidden-privilege-in-design-415072d8a66 Will People Be More Tech Savvy in 10 Years? (Video) By Jakob Nielsen. "People naturally avoid studying computers. Don't expect people's technical skills to improve in the future." https://www.nngroup.com/videos/more-tech-savvy-10-years-jakob-nielsen/ The Peak-End Rule: How Impressions Become Memories By Lexie Martin. "Cognitive biases change the way that we recall past events. The peak-end rule focuses our memories around the most intense moments of an experience and the way an experience ends." https://www.nngroup.com/articles/peak-end-rule/ [Section one ends.] ++ SECTION TWO: +08: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: December 26, 2018
David Dillard
[webdev] Web Design Update: December 26, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 27, December 26, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 27 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Tables and Beers By Steve Faulkner. "In the last article for the 2018 series, Steve Faulkner provides the results of one beer worth of screen reader testing of simple tables." https://www.24a11y.com/2018/tables-and-beers/ Prove You're Not A Bot: reCAPTCHA version 3 By John Sweet. "John Sweet describes how captchas have been viewed as a complete barrier to access for individuals with disabilities but with Google's latest reCaptcha solution, access has taken a major, positive leap forward." https://www.24a11y.com/2018/recaptcha/ Benefits of a Single Text Field Versus Multiple Text Fields By Michiel 'Zoë' Bijl. We often come across forms that have multiple fields for what is, in essence, a single piece of data, like a phone number or credit card number. Creating forms like that can pose some usability issues if they aren't marked up in the right way. Would it be better to ask for these chunks of data with single text fields instead? https://www.24a11y.com/2018/single-text-field-vs-multiple-text-fields/ Web Accessibility: Buzzword or Reality? By Attila Vágó. "Web Accessibility. The unexpected lovechild of Sir Tim Berners Lee, a shoddy 12" monochrome screen that went black (and never came back) and a cat that ran away with the mouse. The cat came back, but by the time we found the mouse again, Steve Jobs decided we should all be poking at our screens instead…" https://hackernoon.com/web-accessibility-buzzword-or-reality-c265ec82aa03 I Used the Web for A Day Using a Screen Reader By Chris Ashton. "A sighted user puts himself in the shoes of a non-sighted user. Chris Ashton experiences first-hand difficulties that visually impaired users face and describes what we can do as web developers to help." https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/ Part 2: Create Inclusive Design Experiences with Accessibility at a Glance Videos By Deborah Edwards-Onoro. Microsoft added 6 videos their series. https://www.lireo.com/create-accessibility-at-glance-videos-inclusive-design/ Designing Layouts for Screen Readers By Ben Robertson. "I'll walk through how to make use of these indicators to make a simple web page easy to use, navigate and read for users of assistive technology. All the example code is available on github…" https://benrobertson.io/accessibility/designing-layouts-for-screen-readers iOS Accessibility Properties: How They Relate to WCAG, and How to Correctly Use Them By Jennifer Dailey. "Jennifer Dailey explains how the iOS Accessibility Properties relate to the WCAG 2.0 success criteria 4.1.2: Name, Role, Value, and how to properly use them." https://www.24a11y.com/2018/ios-accessibility-properties/ When Empathy Isn't Enough By Shaina Garfield. "Designers need to go beyond empathy to include the disabled community as participants in design solutions." https://medium.com/frog-voices/when-empathy-isnt-enough-87ccdb6ae072 VPAT By Information Technology Industry Council. "…WCAG 2.1 has now been incorporated into the EU, WCAG, and INT editions of the VPAT…" https://www.itic.org/policy/accessibility/vpat President Trump Signs 21st Century IDEA into Law By Tajha Chappellet-Lanier. "Citizen-friendly federal websites and digital services just got a boost - President Donald Trump signed the 21st Century Integrated Digital Experience Act (IDEA) on Thursday afternoon…" https://www.fedscoop.com/president-trump-signs-21st-century-idea-law/ DOE Rescinds 'Mass Filer' Rule, Reopening Door for Web Accessibility Complaints By C.P. Hoffman. "…As a result of the rescission of the so-called 'Mass Filer' rule, web accessibility complaints against educational institutions are likely to increase significantly…" https://www.levelaccess.com/doe-rescinds-mass-filer-rule-reopening-door-web-accessibility-complaints/ Airline Fined for Separate Disabled-Accessible Website By Greg Thomson. "Offering a separate website for those with disabilities does not comply with the U.S. Department of Transportation's (DOT) website accessibility requirements, the agency made clear with a $200,000 fine to the Scandinavian Airlines System (SAS)…" https://aoda.ca/airline-fined-for-separate-disabled-accessible-website/ ADA Case Law And Statutory Updates By Cole Schotz. "…arguments were as follows: 1) websites are not places of public accommodation under Title III of the ADA; 2) the WCAG are not law and the trial court's adoption of those guidelines violated due process; 1) Winn Dixie is in compliance with the ADA because Gil had not been deprived of the full benefit of and equal access to the services and goods in Winn Dixie's stores…" https://www.jdsupra.com/legalnews/ada-case-law-and-statutory-updates-44288/ +02: CASCADING STYLE SHEETS. Styling a Select Like It's 2019 By Scott Jehl. " As it turns out, a reasonable set of styles can create a consistent and attractive select across new browsers, while remaining just fine in older ones too…" https://www.filamentgroup.com/lab/select-css.html Clip Paths Know No Bounds By Dan Wilson. "CSS Shapes are getting a lot of attention as browser support has increased for properties like shape-outside and clip-path. There are a few ways that we can use CSS Shapes, in particular with the clip-path property, that are not necessarily evident at first glance…" https://24ways.org/2018/clip-paths-know-no-bounds/ +03: EVALUATION & TESTING. Fake Metrics: Impressions are the New Hits By Gerry McGovern. "We all know that HITS stands for How Idiots Track Success. Well, IMPRESSIONS stands for Idiots Making Pretentious Resources Endlessly So Suckers In Organizations Notice Something. It's the next chapter in the endless saga of the Cult of Volume." http://gerrymcgovern.com/fake-metrics-impressions-are-the-new-hits/ Usability Testing with 5 Users: Information Foraging (Video 3 of 3) By Jakob Nielsen. "Usability testing is similar to how wild animals hunt for food: we're trying to hunt down the design flaws in the user interface and must optimize a series of studies for total gain, rather than spend too much on any one study." https://www.nngroup.com/videos/usability-testing-5-users-information-foraging/ The UX of Restaurant Websites By Jeff Sauro. "…To understand these new online offerings, we benchmarked the user experience of six popular restaurant chain websites that provide delivery to see how people are using these services and where the process can be improved…" https://measuringu.com/ux-restaurant/ Creating Personas from User Research Results By Priscilla Esser. "…Let us show you the best practices in developing these design deliverables, so your user research results can work their magic…" https://www.interaction-design.org/literature/article/creating-personas-from-user-research-results +04: EVENTS. An Accessibility Case Study by Blink UX January 9, 2019. San Francisco, California, U.S.A. https://www.meetup.com/a11ybay/events/257365652/ Clockwork: Expanding the UX Team January 10, 2019. Minneapolis, Minnesota, U.S.A. http://uxpamn.org/event-3172791 +05: HTML. The Practical Value of Semantic HTML By Bruce Lawson. "…Semantic HTML will give usability benefits to many users, help to future-proof your work, potentially boost your search engine results, and help people with disabilities use your site. And, best of all, thinking more about your HTML will stop Dull Old Web Farts like me moaning at you. What's not to love? Have a splendid holiday season, whatever you celebrate - and here's to a semantic 2019!" https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/ Why Isn't It Their Job By Stuart Langridge. "…The secret is: if you use semantic HTML, then they do the work, not you…" https://kryogenix.org/days/2018/12/19/why-isn-t-it-their-job/ Making the abbr Element Work for Touchscreen, Keyboard, and Mouse By Ire Aderinokun. "The <abbr> element is used to denote and define an acronym. For example, if we want to write the acronym 'CSS' anywhere on a web page, we can also provide the full name 'Cascading Style Sheets' for readers unfamiliar with the acronym…" https://bitsofco.de/making-abbr-work-for-touchscreen-keyboard-mouse/ Jank-Free Image Loads By Eric Portis. "There are a few fundamental problems with embedding images in pages of hypertext; perhaps chief among them is this: text is very light and loads rather fast; images are much heavier and arrive much later…" https://24ways.org/2018/jank-free-image-loads/ +06: JAVASCRIPT. ARIA 1.1 - What's New? By Birkir Gunnarsson. "Birkir Gunnarsson tells us what's new in ARIA 1.1, the new roles and properties that excite him, and the others that disappoint, due to their lack of support." https://www.24a11y.com/2018/aria-1-1-whats-new/ Web Components Still Need to be Accessible By Eric Bailey "Eric Bailey explains why developers need to consider accessibility when creating custom web components and use semantic HTML when it makes sense, as to not needlessly reinvent the wheel." https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/ +07: MISCELLANEOUS. Designing Your Site Like It's 1998 By Andy Clarke. "It's 20 years to the day since my wife and I started Stuff & Nonsense, our little studio and my outlet for creative ideas on the web. To celebrate this anniversary-and my fourteenth contribution to 24 ways- I'd like to explain how I would've developed a design for Planes, Trains and Automobiles, one of my favourite Christmas films…" https://24ways.org/2018/designing-your-site-like-its-1998/ +08: NAVIGATION. Breadcrumbs: 11 Design Guidelines for Desktop and Mobile By Page Laubheimer. "Support wayfinding by including breadcrumbs that reflect the information hierarchy of your site. On mobile, avoid using breadcrumbs that are too tiny or wrap on multiple lines." https://www.nngroup.com/articles/breadcrumbs/ [Section one ends.] ++ SECTION TWO: +09: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: December 18, 2018
David Dillard
[webdev] Web Design Update: December 18, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 19, December 18, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 26 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: DRUPAL. 04: EVENTS. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: TOOLS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. I Threw Away My Mouse By Manuel Matuzovic. "Manuel Matuzovic shares how he ditched his mouse, going keyboard-only. He shares the results of his research on 200 different pages and the issues that impact keyboard-only users." https://www.24a11y.com/2018/i-threw-away-my-mouse/ Case Study - Podcast Becomes a WCAG 2.1 Implementation Site By Nicolas Steenhout. "Nicolas Steenhout shares the story of his podcast, A11Y Rules, how he made its website accessible through careful decisions about players and plugins, and the move to WCAG 2.1." https://www.24a11y.com/2018/podcast-wcag-2-1-implementation-site/ Making Content Usable for People with Cognitive and Learning Disabilities By W3C Cognitive and Learning Disabilities Task Force. "This document is for people who make Web content (Web pages) and Web applications. It give advice on how to make content useable for people with learning and cognitive disabilities…" W3C First Public Working Draft. https://www.w3.org/TR/2018/WD-coga-usable-20181211/ Inaccessibility Simply Gets Old By Kelly Ford. "…I'll just say, it is disappointing that near the end of 2018, a product search on a major retail company's web site still leads to every product reading'product tile large' with multiple screen readers." http://blog.kellyford.org/inaccessibility-simply-gets-old/ The Implementation of Web Accessibility Standards by Dutch Municipalities. Factors of Resistance and Support By Eric Martin Velleman. "There are laws and regulations in place requiring public sector bodies to adopt and implement international standards for web accessibility. Municipalities in the Netherlands have collectively adopted these standards. However, they often seem unable to fully implement web accessibility standards even if the law requires them to and they are actively pursuing it…" https://www.researchgate.net/publication/329509854_The_Implementation_of_Web_Accessibility_Standards_by_Dutch_Municipalities_Factors_of_Resistance_and_Support/download Congress Votes For Better Government Websites, Digital Services By nextgov. "…the Senate passed the 21st Century Integrated Digital Experience Act, or 21st Century IDEA, which sets minimum standards for accessibility, ease of use and security of government websites. The bill now heads to the president's desk to be signed into law." https://www.nextgov.com/it-modernization/2018/12/congress-votes-better-government-websites-digital-services/153478/ Web Accessibility Suits & Settlements in 2018 By Rakesh Paladugula. "…Plaintiffs filed 4965 federal ADA Title III lawsuits in first 6 months of 2018. Among this large numbers are web accessibility suits and settlements. If the trend continues, it is expected to reach 10,000 cases with an approximate increase of 30% from 2017…" https://www.maxability.co.in/2018/12/web-accessibility-suits-and-settlements-in-2018/ +02: CASCADING STYLE SHEETS. Inclusive Considerations When Restyling Form Controls By Scott O'Hara. "Scott O'Hara hogs the remote while he looks into the ever-present issue of custom form controls. We might brute-force an element to take on the styling we're looking for, but will that interaction still make sense for all users? Let's give the batteries a rub and find out…" https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/ Researching a Property in the CSS Specifications By Rachel Andrew. "Rachel Andrew shows us which direction is up on a gift that looks great but comes with complex instructions. Like most operating manuals CSS specifications can seem overwhelming, but it turns out that some of the most daunting tasks can be simple when you know what you're doing…" https://24ways.org/2018/researching-a-property-in-the-css-specifications/ The Visibility Property Isn't Just About Visibility By Ire Aderinokun. "…Although the visibility property may seem to only affect visual visibility, we can see that it does much more than that." https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/ +03: COLOR. Designing with the Colorblind in Mind Will Improve Your Design for Everyone By Tom van Beveren. "…About 4% of the population has some form of color blindness. One in 12 men and 1 in 200 women are color blind and face challenges with a lot of online products like websites, apps, games, and webshops in their daily life…" https://medium.com/we-are-colorblind/designing-with-the-colorblind-in-mind-will-improve-your-design-for-everyone-5c25ecfcde64 +04: EVENTS. Web Accessibility Evaluation for Non-Technical Users January 7, 9, and 11, 2019. Online http://disability.illinois.edu/academic-support/accessible-it-group/badging Web Accessibility Evaluation for Technical Users January 14, 16, and 18, 2019. Online http://disability.illinois.edu/academic-support/accessible-it-group/badging +05: JAVASCRIPT. Accessible Name and Description Computation 1.1 By W3C ARIA Working Group. "This document describes how user agents determine the names and descriptions of accessible objects from web content languages…" https://www.w3.org/TR/accname-1.1/ Using the aria-roledescription Attribute By Léonie Watson. "The aria-roledescription attribute changes the way screen readers announce the role of an element. Intended to give authors a way to provide a localised and human-readable description for a role, it has the capacity to both enhance and seriously break accessibility for screen reader users…" https://tink.uk/using-the-aria-roledescription-attribute/ Using aria-live By Ire Aderinokun. "Many web pages today have their content dynamically changed using Javascript…If applied incorrectly, the aria-live attribute can do more harm than good. So, it's important to take into account a few things if we want to use it…" https://bitsofco.de/using-aria-live/ JavaScript and Civil Rights By Marcy Sutton. "As developers of web applications and websites, we create interfaces for people to use (for the most part). In doing so, we have a responsibility to make our applications not only usable by those people, but also to avoid infringing on their rights…" https://www.deque.com/blog/javascript-and-civil-rights/ What's the difference between JavaScript event delegation, bubbling, and capturing? By Chris Ferdinandi. "…event delegation is the technique, bubbling is what the event itself does, and capturing is a way of using event delgation on events that don't bubble…" https://gomakethings.com/whats-the-difference-between-javascript-event-delegation-bubbling-and-capturing/ +06: MISCELLANEOUS. Accessibility and Inclusion with the World's Most Popular Communication Tool: Email By Jason Rodriguez. "Jason Rodriguez shares some best practices on creating more accessible and inclusive email campaigns, routinely ranked as one of the world's most valuable marketing channels, yet very little work has been done to make it more accessible for under-represented groups." https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/ +07: TOOLS. ANDI (Accessible Name & Description Inspector) Bookmarklet By Social Security Administration. "Navigate to the page to be tested. Launch ANDI by clicking on the favorite/bookmark labelled "ANDI". ANDI will be inserted onto the page. https://www.ssa.gov/accessibility/andi/help/install.html Document Accessibility Toolbar (DAT) By Vision Australia. "An innovation that revolutionises the ease and speed of creating accessible documents in Microsoft Word, the Document Accessibility Toolbar (DAT) supports individuals and organisations to embrace accessibility as 'business as usual' at no cost…" https://www.visionaustralia.org/services/digital-access/document-accessibility-toolbar ColourMap - Colour Blind Helper By Pierre Frederiksen. "ColorMap can help colour blind users in reading maps, seating plans and other content where colour is used to convey information…" https://www.visionaustralia.org/services/digital-access/resources/colourmap +08: USABILITY. The Dark Side of Simplicity By Gerry McGovern. "…Simplicity sucks energy…Simplicity creates insecurity…Simplicity creates dependency…Simplicity is manipulative…Simplicity is addictive…Some things are worth the effort. If you're not thinking then someone is thinking for you…The ethical thing to do is to help people make good decisions for their lives, their futures. Stripping away the complexity that confuses and frustrates is always great. But making it simple just so as people will spend more and more of their time and money, just so as to get more data from them in order to exert greater control over them, is unethical…" http://gerrymcgovern.com/the-dark-side-of-simplicity/ Can Users Control and Understand a UI Driven by Machine Learning? By Raluca Budiu. "In a study of people interacting with systems built on machine-learning algorithms, users had weak mental models and difficulties making the UI do what they want." https://www.nngroup.com/articles/machine-learning-ux/ [Section one ends.] ++ SECTION TWO: +09: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: December 12, 2018
David Dillard
[webdev] Web Design Update: December 12, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 25, December 12, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 25 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Understanding WCAG 2.1 Guideline 2.5: Input Modalities By Bureau of Internet Accessibility. "…To account for the need to navigate and operate controls through various input methods, WCAG 2.1 includes a new guideline: 2.5 Input Modalities…" https://www.boia.org/blog/understanding-wcag-2-1-guideline-2-5-input-modalities Unlocking Accessibility for UX/UI Designers By Denis Boudreau. "In today's article, Denis Boudreau explains that the accessibility community, have been lying for the better part of the last twenty years. Web accessibility is hard. It's complicated. And you don't need to care about all of that WCAG stuff." https://www.24a11y.com/2018/unlocking-accessibility-for-ux-ui-designers/ Web Accessibility: What You Say vs. What I Hear By Mikey Ilagan. "…I've noticed a recurring theme. Issues identified through assistive technology such as screen readers are often treated as bugs-backlogged and forgotten in lieu of new feature development. Let me be clear: I think looking at accessibility this way is all wrong…" https://www.thinkcompany.com/2017/12/web-accessibility-what-you-say-what-i-hear/ Microsoft Makes Real-Time Captions and Translation Standard in Office 365 PowerPoint By James Thorne. "The next PowerPoint presentation you see may have live captions or subtitles, as Microsoft rolls out a real-time voice translation feature to millions of subscribers. Think of it as an AI-powered Babel fish for the conference room…" https://www.geekwire.com/2018/microsoft-makes-real-time-captions-and-translation-standard-in-office-365-powerpoint/ The Current State of Automatic Speech Recognition By Jaclyn Leduc. "…Will a completely automated captioning solution ever exist? The answer, at least for the conceivable future, is no. For now, a human editor must be involved in the captioning and transcription process in order to produce 99% accurate captions." https://www.3playmedia.com/2018/12/05/the-current-state-of-automatic-speech-recognition-why-we-still-need-humans-for-captioning/ The Ultimate Guide to Audio Description By 3Play Media. "Just about everything you need to know about audio description and then some…" https://www.3playmedia.com/resources/popular-topics/audio-description/ Disability is a Spectrum, Not a Binary By Steve Barnett and Nicola du Toit. "…Steve Barnett and Nicola du Toit look at disability as a spectrum instead of a binary and by making things accessible, we help more people than we might realize." https://www.24a11y.com/2018/disability-is-a-spectrum-not-a-binary/ How Ableism Leads to Inaccessibility By Olivier Nourry. "…Olivier Nourry discusses Ableism, the belief that a fully-functional body and mind are the norm for a human being and considers people with disabilities as unworthy and how in many ways, inaccessibility is a by-product of ableism-based thinking." https://www.24a11y.com/2018/how-ableism-leads-to-inaccessibility/ The Accessibility Elves By Michael E Ryan. "There are many different roles in software that can help improve accessibility. In today's piece, Mike introduces us to the seven elves working on accessibility as part of the Inclusive Design Team." https://www.uxmas.com/2018/the-accessibility-elves Lessons from Gutenberg By Adrian Roselli. "…there are lessons to be learned from Gutenberg that, thanks to its open nature, we can apply to other projects. Ideally, you want to make your next project the Anti-Gutenberg…" http://adrianroselli.com/2018/12/lessons-from-gutenberg.html Colleges, Including Saint Rose, Hit with Website Lawsuits By Rick Karlin. "The College of Saint Rose is among the most recent targets of a series of lawsuits filed against colleges and other organizations related to their websites…" https://www.timesunion.com/news/article/Colleges-including-Saint-Rose-hit-with-mass-13442769.php 50 Colleges Hit With ADA Lawsuits By Lindsay McKenzie. "A blind man is taking 50 colleges to court, alleging their websites are inaccessible to people with disabilities." https://www.insidehighered.com/news/2018/12/10/fifty-colleges-sued-barrage-ada-lawsuits-over-web-accessibility +02: CASCADING STYLE SHEETS. Managing Flow and Rhythm with CSS Custom Properties By Andy Bell. "An important part of designing user interfaces is creating consistent vertical rhythm between elements. Creating consistent, predictable space doesn't just make your web pages and views look better, but it can also improve the scan-ability…" https://24ways.org/2018/managing-flow-and-rhythm-with-css-custom-properties/ What Do You Name Color Variables? By Chris Coyier. "I remember the very first time I tried Sass on a project. The first thing I wanted to do was variablize my colors. From my naming-things-in-HTML skillz, I knew to avoid classes like .header-blue-left-bottom because the color and position of that element might change. It's better for to reflect what it is than what it looks like…" https://css-tricks.com/what-do-you-name-color-variables/ A CSS Venn Diagram By Adrian Roselli. "This post is just a summation of what I made with some stuff I learned…" http://adrianroselli.com/2018/12/a-css-venn-diagram.html An Introduction and Guide to the CSS Object Model By Louis Lazaris. "…In this guide, I'm going to go through many of the most important features of the CSSOM, starting with stuff that's more commonly known, then moving on to some more obscure, but practical, features…" https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/ +03: COLOR. My Struggle with Colors By Zain Adeel. "Demystifying colors for accessible digital experiences…" https://uxdesign.cc/my-struggle-with-colors-52156c664b87 +04: DRUPAL. Drupal's Commitment to Accessibility By Dries Buytaert. "…I've come to believe that accessibility is not something you do for a small group of people. Accessibility is about promoting inclusion. When the product you use daily is accessible, it means that we all get to work with a greater number and a greater variety of colleagues. Accessibility benefits everyone…" https://dri.es/drupal-commitment-to-accessibility +05: EVALUATION & TESTING. Can You Use a Single Item to Predict SUS Scores? By Jeff Sauro. "The System Usability Scale (SUS) has been around for decades and is used by hundreds of organizations globally…" https://measuringu.com/single-item-sus/ Help! I Don't Know What Type of User Research To Do By Cheryl Paulsen. "Choosing the right research method isn't always easy, for multiple reasons…" https://medium.com/@cheryl.paulsen/help-i-dont-know-what-type-of-user-research-to-do-42d76fa4d9f +06: EVENTS. Your Accessibility Evolution: an Ongoing Journey December 19, 2018. Online https://zoom.us/webinar/register/8215439609329/WN_hWHVOOfeS2iChWJXnf5aKQ Web Accessibility Testing With Screen Readers January 22, 2019. Online https://www.maxability.co.in/2018/12/webinar-january-2019-web-accessibility-testing-with-screen-readers/ World IA Day February 23, 2019. Everywhere. https://www.worldiaday.org/ +07: JAVASCRIPT. The Baseline Costs of JavaScript Frameworks By Ankur Sethi. "…Your React application will never load faster than about 1.1 seconds on an average phone in India, no matter how much you optimize it. Your Angular app will always take at least 2.7 seconds to boot up…" https://blog.uncommon.is/the-baseline-costs-of-javascript-frameworks-f768e2865d4a React Native Accessibility Is Pretty Bad By Doug Russell. "Allow me to preface this by saying that React Native sets out to solve problems I don't think are very interesting to solve. In particular I don't think that sharing a single UI between disparate platforms is desirable from any perspective that isn't cost savings and that even from that perspective it's dicey…" http://www.takingnotes.co/blog/2018/11/09/react-native-accessibility/ A New Day: Making a Better Calendar By Gerard Cohen. "This calendar year is almost over and we still don't have any solid guidance or official ARIA pattern on how to build an interactive and accessible calendar widget. Gerard Cohen shows us how to obtain an improved calendar experience." https://www.24a11y.com/2018/a-new-day-making-a-better-calendar/ My Favourite Accessible Accordion Pattern By Graham Armfield. "…This post looks at the requirements for an accessible accordion component, and shows you how to build one. I'll also talk about why I favour the pattern presented here over others that are available…" https://www.hassellinclusion.com/blog/accessible-accordion-pattern/ The (Switch)-Case for State Machines in User Interfaces By David Khourshid. "…one important (and very old) mathematical model of computation can be used for describing the behavior and all possible states of a user interface: the finite state machine…" https://24ways.org/2018/state-machines-in-user-interfaces/ +08: MISCELLANEOUS. Reluctant Gatekeeping: The Problem With Full Stack By Heydon Pickering. "Much of my career as a web designer has been spent, quite happily, working alongside programmers, engineers, people with computer science degrees. In this symbiotic relationship, each party has a secure job with a well-defined role, and gets to work on the thing they are best at and enjoy the most…" http://www.heydonworks.com/article/reluctant-gatekeeping-the-problem-with-full-stack Be the Villain By Eric Bailey. "Eric Bailey asks us to take on the role of King Herod in our projects to consider how the products, services and processes we design could be abused to cause harm rather than to do good. No matter how good our intentions, we must remember that not every user has pure motivations and that every tool is a weapon if you hold it right." https://24ways.org/2018/be-the-villain/ Microsoft Targets Better Accessibility in Chromium By Paul Thurrott. "…the first feature Microsoft has committed to adding to Chromium is for accessibility…The feature is called UI Automation Providers and it will allow Chromium-based browsers on Windows to seamlessly interact with accessibility client applications like Narrator…" https://www.thurrott.com/windows/windows-10/194887/microsoft-targets-better-accessibility-in-chromium More on Edge Moving to Chromium: http://www.d.umn.edu/itss/training/online/webdesign/misc.html#edge +09: NAVIGATION. Not Your Father's Navigation Strategy: There's More Than Just the TAB Key By Rachel Olivero. "…Rachel Olivero explains that while the use of the Tab key for navigation among web components is appropriate in the right circumstances, effectively utilizing quick navigation keys and element lists can offer greater flexibility for screen access software users…" https://www.24a11y.com/2018/more-than-just-the-tab-key/ Journey Mapping 101 By Sarah Gibbons. "A journey map is a visualization of the process that a person goes through in order to accomplish a goal." https://www.nngroup.com/articles/journey-mapping-101/ +10: TOOLS. PAVE (PDF Accessibility Validation Engine) By ICT-Accessibility Lab of the Zurich University of Applied Sciences (ZHAW) in collaboration with the Swiss Federation of the Blind and Visually Impaired. "You can use PAVE to make your PDF documents accessible and to interpret conventional reader programs correctly…" http://pave-pdf.org/index.en.html W3C is Coming to Your A11Y Tools By Wilco Fiers. "…Wilco Fiers talks about the upcoming harmonization of both automated accessibility testing tools and manual, human testing, lead by the W3C's Accessibility Conformance Testing (ACT) Task Force." https://www.24a11y.com/2018/w3c-is-coming-to-your-a11y-tools/ Mobilizing Android Accessibility At Airbnb By Diane Ko and Julia Fu "…Diane Ko and Julia Fu talk about accessibility and the Airbnb Android App, the advantages and challenges of the Android platform and how they spread accessibility awareness and know-how through documentation and training." https://www.24a11y.com/2018/android-accessibility-at-airbnb/ +11: USABILITY. De-jargonising Design By Donna Spencer. "…Unfortunately jargon only works when the group we're communicating with has the right background knowledge to understand it, and if they have similar experiences to our own. Even more unfortunately, the people we spend most of our time communicating with are not our peers-they're usually our business colleagues, developers and clients. They are left feeling stupid when we rattle off our jargon-filled methods, techniques and design principles…" https://www.uxmas.com/2018/dejargonising-design The Anchoring Principle By Therese Fessenden. "People tend to focus on a single, initial piece of information, which influences how they estimate value and make subsequent decisions." https://www.nngroup.com/articles/anchoring-principle/ A 4 Minute UX Facilitator's Guide (Video) By Sarah Gibbons. "As a facilitator, it's your responsibility to make sure the time spent in workshops is as productive as possible for attendees, while at the same time ensuring that you get the insights you need in order to move your project forward." https://www.nngroup.com/videos/ux-facilitator-guide/ Product List UX: Explain Industry-Specific Filters (91% Don't) By Edward Scott. "In our large-scale usability testing of product lists and filters, we observe that filters can turn an overwhelming and unmanageable product list into one that's much more focused on products relevant to the user - increasing the likelihood of a user finding a suitable product to purchase…" https://baymard.com/blog/explain-industry-specific-filters [Section one ends.] ++ SECTION TWO: +17: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 24, December 5, 2018.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 24, December 5, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 24 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: INFORMATION ARCHITECTURE. 09: JAVASCRIPT. 10: MISCELLANEOUS. 11: USABILITY. 12: XML. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Web Content Accessibility Guidelines 2.1-for People Who Haven't Read the Update By Alan Dalton. "…These new criteria make it easier than ever for us web geeks to produce work that is more accessible to people using mobile devices and touchscreens, people with low vision, and people with cognitive and learning disabilities…" https://24ways.org/2018/wcag-for-people-who-havent-read-the-update/ Web Accessibility and Autism By Rakesh Paladugula. "…Below are some guidelines from this WCAG checklist that meets the needs of people with autism…" https://www.maxability.co.in/2018/12/web-accessibility-autism/ A Guide to Creating Accessible Animations By Anna Monus. "Animated interfaces can cause headaches, nausea, dizziness, and other health problems for many people…" https://webdesign.tutsplus.com/tutorials/a-guide-to-creating-accessible-animations--cms-32038 WebAIM's Survey of Low Vision Users #2: What Do We Aake of It? By Sathish Kumar. "…The design with its visual aspects must be flexible, accommodative and allow for user customization in order to achieve the high inclusivity. Only then, we would see the high number of respondents who would proclaim that the web is inclusive and accessible. It is not only the task of the AT vendors to help achieve this…" https://www.digitala11y.com/webaims-survey-of-low-vision-users-2-what-do-we-make-of-it/ Create Custom Keyboard Accessible Checkboxes By Lindsey Kopacz. "I've seen a ton of designers make these GORGEOUS checkbox styles, but then you see them implemented and you can't even select it using your keyboard…" https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes/ Instagram is Now Using AI to Describe Photos for Users with Visual Impairments By Ashley Carman. "Instagram announced today that it's rolling out new features that will make the app easier to use for people with visual impairments…" https://www.theverge.com/2018/11/28/18116323/instagram-ai-visual-impairment-description Testing, Testing, 1, 2, 3 - Large-scale Broadcast Event Usability and Accessibility By Kris Schulze. "…How do we best host a broadcast event for all 2,300 MNIT staff while planning for inclusion from the start?…" https://mn.gov/mnit/media/blog/?id=38-360595 How to Create Accessibility Statements By Shadi Abou-Zahra. "…Developing an Accessibility Statement provides guidance, a free generator tool, and examples, to help you create accessibility statements…" https://www.w3.org/blog/2018/11/how-to-create-accessibility-statements/ Playboy.com Sued by Blind Man Who Says He Can't Fully 'Enjoy' the Website By Tim Kenneally. "…Playboy.com was sued Wednesday by a legally blind man who says that the site, as well as Playboyshop.com, aren't equally accessible to the blind and visually impaired…" https://www.thewrap.com/playboy-com-sued-by-blind-man-who-says-he-cant-fully-enjoy-the-website/ DeVos' Inspector General to Audit Dismissals of Civil Rights Complaints By Annie Waldman. "The review could shed light on the Education Department's reluctance, documented by a series of ProPublica articles, to investigate alleged discrimination by school districts and colleges…" https://www.propublica.org/article/devos-inspector-general-to-audit-dismissals-of-civil-rights-complaints Ed Department Reopening Hundreds Of Disability-Related Complaints By Courtney Perkes. "The U.S. Department of Education is reversing course after being sued over changes to its handling of disability discrimination complaints in schools…" https://www.disabilityscoop.com/2018/12/03/ed-department-reopening-complaints/ +02: CASCADING STYLE SHEETS. Programming CSS By Jeremy Keith. "There's a worrying tendency 'real' programmers look down their noses at CSS…" https://adactio.com/journal/14574 Resilient CSS: 7-Part (Video) Series By Jen Simmons. "Learn to write CSS that works in every browser at the same time - old and new. You can use brand new features in CSS, while still supporting people who have old software. You just have to know how. Let me show you…" https://www.youtube.com/playlist?list=PLbSquHt1VCf1kpv9WRGMCA9_Nn4vCLZ9Y +03: COLOR. Contrast and Color Accessibility By WebAIM. "We've updated and significantly expanded our article on contrast and color usage to include testing with various tools." https://webaim.org/articles/contrast/ Updated Color Contrast Checker By WebAIM. "The popular WebAIM Color Contrast Checker has been updated to provide feedback on meeting WCAG 2.1's 3:1 contrast ratio requirements for graphical objects and user interface components." https://webaim.org/resources/contrastchecker +04: DRUPAL. Drupal Admin UX Study: What We Can Learn from Contentful, Craft CMS, Squarespace, and WordPress By Suzanne Dergacheva. "There is exciting work being done in the Drupal community to improve the Admin UI, including the JavaScript Modernization Initiative and an overhaul of the look and feel of the Seven theme. Meanwhile, I've been working with a group in the Drupal community to research what user experience improvements we should be making for content editors…" https://evolvingweb.ca/blog/drupal-admin-ux-study-what-we-can-learn-contentful-craft-cms-squarespace-and-wordpress +05: EVALUATION & TESTING. Automated Testing for Web Accessibility By Anders Fredericksen. "…some general concepts are important for organizations to understand as they undertake initiatives and adopt automated tools…" https://www.levelaccess.com/automated-testing-web-accessibility-2/ Quick Test: Large Touch Targets By Eric Bailey. "A touch target is the total area a user can click or tap on to activate an interactive element such as a link, input, or button…" https://a11yproject.com/posts/large-touch-targets/ 10 Diagrams to Help You Think Straight About UX Research By David Travis. "Some of the problems we work on as UX researchers are simple and are easily solved by getting users in front of our product. But other problems can be complex and it's hard to know how to start solving them. In situations like that, a simple 2x2 diagram can cut through the "what ifs", the "how abouts" and the edge cases and provide a simple way of looking at the problem. Here are 10 examples of 2x2 diagrams to simplify UX research discussions" https://www.userfocus.co.uk/articles/think-straight-about-UX-Research.html +06: EVENTS. Intro to Audio Description January 17, 2018. Online https://www.3playmedia.com/resources/webinars/webinar-registration-01-17-2019/ Washington DC UX Conference April 27-May 3, 2019. Washington D.C., U.S.A. https://www.nngroup.com/training/washington-dc/ Technical Communication Summit May 5-8, 2019. Denver, Colorado, U.S.A. https://summit.stc.org/ +07: HTML. The 'D' in the DOM By Anthony Jeffery. "It's within the Document Object Model (DOM) that we find one of the keys to building accessible things for the web: the document. Anthony Jeffery helps us decide what HTML elements to use to lay the foundation for an accessible document." https://www.24a11y.com/2018/the-d-in-the-dom/ Just Markup By Michael Scharnagl. "When I started working as a Front-end Developer (or rather Web designer, as people doing HTML, CSS and a bit of JavaScript were usually called back then), all the Back-end people working at the company *laughed* at me because I was 'just' doing HTML and CSS and not 'real programming'…" https://justmarkup.com/log/2018/11/just-markup/ +08: INFORMATION ARCHITECTURE. Unraveling a Complex UX Problem - How a Greek Myth Helped Me Conquer Information Architecture By Amy Rosenbaum. "…I now know that I can use patience, creative thinking, and the right UX tools to unravel even the knottiest problems." https://uxdesign.cc/unraveling-a-complex-ux-problem-how-a-greek-myth-helped-me-conquer-information-architecture-743ebd7d0ea +09: JAVASCRIPT. What, Exactly, Is the DOM? By Ire Aderinokun. "The Document Object Model, or the 'DOM', is an interface to web pages. It is essentially an API to the page, allowing programs to read and manipulate the page's content, structure, and styles. Let's break this down…" https://bitsofco.de/what-exactly-is-the-dom/ +10: MISCELLANEOUS. What Is Design Thinking, Really? (What Practitioners Say) By Sarah Gibbons. "The majority of UX and design professionals define design thinking roughly the same, regardless of industry and experience, but there's no agreement on the specifics." https://www.nngroup.com/articles/design-thinking-practitioners-say/ Giving Back to the Community By Mike Gifford. "Mike Gifford challenges us to try a new way of giving back. Not by writing an article, proposing a talk or organizing an accessibility awareness event, but by making the internet more accessible by default." https://www.24a11y.com/2018/giving-back-to-the-community/ Stories from the Trenches: What I've learned from Working as a Blind Developer for a Sighted Dev Team By Florian Beijers. "In this article, developer Florian Beijers shares his experiences with the employment process and his experiences with developer tools; the struggles as well as the positives of a blind developer." https://www.24a11y.com/2018/stories-from-the-trenches/ +11: USABILITY. Animations are Distracting! (Video) By Aurora Harley. "Moving UI elements attract attention, which often means distracting users from accomplishing their primary goals. Some types of animations are more distracting than others, and it's important to match how attention-grabbing the motion is to the context and user needs." https://www.nngroup.com/videos/distracting-animations/ The Hidden UX Lessons From Your Favourite Christmas Movie Characters By Eleanor McKenna. "…I've rounded up wisdom from nine Christmas characters as lessons you can apply to your own design process…" https://www.uxmas.com/2018/the-hidden-ux-lessons-from-your-favourite-christmas-movie-characters Three Contexts for Evaluating Organizational Usability By Morten Hertzum. "Organizational usability is about the match between the user and the system, between the organization and the system, and between the environment and the system. While the first of these matches can, to a large extent, be evaluated in the lab, the two others cannot. Organizational usability must instead be evaluated in situ, that is, while the system is used for real work…" http://uxpajournal.org/evaluating-organizational-usability/ The Mobile Checkout Experience By Anna Kaley. "Optimize the checkout experience on mobile ecommerce channels by taking into account the strengths and limitations of mobile devices. Aim to minimize the number of steps and typing, and take advantage of capabilities such as geolocation and the camera." https://www.nngroup.com/articles/mobile-checkout-ux/ The State of UX in 2019 By Fabricio Teixeira, Caio Braga. "…a holistic analysis of UX Design as a discipline: the tools we use, the methods we apply every day, the technologies we design around, the career challenges we experience, and how our community is responsible for what's happening in the world around us - the one that we, consciously or not, have helped design…" https://trends.uxdesign.cc/2019 +12: XML. Accessible SVG Icons with Inline Sprites By Marco Hengstenberg. "At a certain stage in a project someone always comes in and says: 'We need icons!' And why do people need icons? Whatever the reasoning may be, we need to make sure that people who can't see or recognize these icons can understand their purpose. Marco Hengstenberg visits the practice of using SVG icons with inline sprites, and how to ensure these icons are accessible." https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/ Accessible SVG: Methods for Adding Alternative Content By Carie Fisher. "Scalable Vector Graphics (SVG) are XML-based vector images…" https://webdesign.tutsplus.com/tutorials/accessible-svg-methods-for-adding-alternative-content--cms-32205 [Section one ends.] ++ SECTION TWO: +13: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: November 28, 2018
David Dillard
[webdev] Web Design Update: November 28, 2018Date: Wed, 28 Nov 2018 06:19:56 -0600 From: Laura Carlson <lcarlson@d.umn.edu> To: webdev <webdev@d.umn.edu> Subject: [webdev] Web Design Update: November 28, 2018 +++ WEB DESIGN UPDATE. - Volume 17, Issue 23, November 28, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 23 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://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: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: SITES AND BLOGS. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Short Note on Role None or Presentation? By Steve Faulkner. "…All modern browsers support both role="none" and role="presentation…" https://codepen.io/stevef/post/none-or-presentation Understanding SC 1.2.5 Audio Description (Prerecorded) By Raghavendra Satish Peri. "The intent of this success criterion is to provide audio descriptions to the videos so as to aid blind & visually impaired users understand the visual aspect of the video content…" https://www.digitala11y.com/understanding-sc-1-2-5-audio-description-prerecorded/ Toggling Animations On and Off By Kirupa Chinnathambi. "…In this article, we are going to try to make everyone happy independent of what their views on animations might be. We are going to give our users full control over whether they want to see animations or not, and we are going to do that by employing a few cool technical tricks…" https://www.kirupa.com/html5/toggling_animations_on_off.htm Accessibility = Innovation By Mischa Andrews. 'Innovation' is often used as an excuse for avoiding accessibility. Let's pivot these conversations to get more people excited about accessibility and an awesome future. https://medium.com/@MischaAndrews/accessibility-innovation-20912107fc4e First Website Accessibility Agreement Reached With WCAG 2.1 As Its Standard By Lainey Feingold. "On November 2, 2018 Alameda County California, three blind residents, and the National Federation of the Blind announced a settlement designed to protect the rights of blind voters to participate fully in the county's voting program." https://www.lflegal.com/2018/11/alameda-voting/ Fear is a Poor Motivator for Accessibility By Lainey Feingold. "This is a post about what happens when organizations work on accessibility only because they are afraid of being sued. Six years ago Jared Smith wrote about bad motivators for access. He wrote that the best motivators are to reward, enlighten, and inspire. The worst motivators are guilt and punishment. Today in the United States the fear of lawsuits is driving too many access efforts. Lawsuits can be important tools to protect rights. But they can also be used for the wrong reasons. Those lawsuits can hurt disabled people needing to use the law when the lack of access creates true barriers to technology and information." https://www.lflegal.com/2018/11/webaim-fear/ Silver Update (Presentation) By Silver Task Force, W3C Accessibility Guidlines Working Group. Slide Presentation on proposed goals, milestones, timeline, prototypes and more for the next major revision of WCAG (code name 'Silver'). https://docs.google.com/presentation/d/1V_nYD27N6kx8gRha0rrdQK8aKyvg7kKXu6rs44We7IU/ Trump Team Reverses Controversial Changes to Handling of Civil Rights Probes By Alyson Klein. "U.S. Secretary of Education Betsy DeVos' office for civil rights is reversing itself on several key changes to how it investigates civil rights claims that had infuriated the civil rights community…" https://blogs.edweek.org/edweek/campaign-k-12/2018/11/trump-devos-civil-rights-changes-manual-special-education-complaints.html Schools, Colleges Targeted for Websites' Alleged Inaccessibility to the Blind By Scott O'Connell. "The College of the Holy Cross became the latest local educational institution to be targeted for allegedly failing to make its website accessible to handicapped users last week when a New York man sued the school in federal court…" https://www.telegram.com/news/20181122/schools-colleges-targeted-for-websites-alleged-inaccessibility-to-blind +02: CASCADING STYLE SHEETS. Exclusions Will Hopefully Be Like More Powerful Grid-Friendly Floats By Chris Coyier. "Exclusions (which are currently in a 'working draft' spec as I write) are kinda like float in that they allow inline content to wrap around an element. But not exactly a float…" https://css-tricks.com/exclusions-will-hopefully-be-like-more-powerful-grid-friendly-floats/ CSS Logical Properties and Values By Chris David Mills, Rachel Andrew, et al. "CSS Logical Properties and Values is a module of CSS introducing logical properties and values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings…" https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties How to Organize Your CSS with a Modular Architecture (OOCSS, BEM, SMACSS) By Claudio Mendonca. "…In this article, I'll show you how to organize your CSS architecture into HTML/CSS blocks that behave more like Lego blocks…" https://snipcart.com/blog/organize-css-modular-architecture How to Understand CSS Position Absolute Once and For All By Marina Ferreira. "Stop losing your elements on the screen by understanding how an object figures where it is supposed to sit…" https://medium.freecodecamp.org/how-to-understand-css-position-absolute-once-and-for-all-b71ca10cd3fd +03: EVALUATION & TESTING. Observe, Test, Iterate, and Learn (Video) By Don Norman. "There isn't a next time in product development, so Don Norman says that you must always study to keep up with the product cycle. " https://www.nngroup.com/videos/observe-test-iterate-and-learn-don-norman/ Prototypes and Production By Jeremy Keith. "…every so often, we use the materials of front-end development- HTML, CSS, and JavaScript - to produce something that isn't intended for production. I'm talking about prototyping…" https://adactio.com/journal/14562 Market Research vs User Research: How To Overcome Uncertainty By Dan Jecan. "…Market research mainly provides broad, quantitative insights about people's attitudes and their willingness to buy a product. This, in turn, informs marketing decisions…User research mainly provides deep, focused qualitative insights about people's behavior and how they would use a product. As a result, this informs design decisions…" https://uxstudioteam.com/ux-blog/market-research-vs-user-research/ +04: EVENTS. Accessibility and Compliance: How to Measure Digital Accessibility December 11, 2018. Online https://accessibility.deque.com/accessibility-and-compliance-how-to-measure-digital-accessibility Digital Accessibility: Lighting Talks & Holiday Social December 11, 2018. Chicago, Illinois, U.S.A https://www.meetup.com/en-AU/a11ychi/events/256749111/ Live stream: https://www.youtube.com/watch?v=mQbPiv0dAZk ConFoo Montreal March 13-15, 2019. Montreal, Canada https://confoo.ca/en/yul2019 DrupalCon Seattle April 8-12, 2019. Seattle, Washington, U.S.A. https://events.drupal.org/seattle2019 SmashingConf San Francisco April 16-17, 2019. San Francisco, Califorina, U.S.A. https://smashingconf.com/ +05: JAVASCRIPT. aria-rowspan Property By Rakesh Paladugula. "aria-rowspan property defines the number of rows a cell spanned within a table, grid or a treegrid…" https://www.maxability.co.in/2018/11/aria-rowspan-property/ You Might Not Need a Loop By Ire Aderinokun. "In JavaScript, like any other language, there are several ways to achieve the same result, some being more suited to certain situations than others. One of the first concepts I learned about when learning to code was loops, and it seemed like the answer to almost everything…" https://bitsofco.de/you-might-not-need-a-loop/ +06: MISCELLANEOUS. Front-End Development is Not a Problem to be Solved By Robin Rendle. "…HTML and CSS are often seen as a burden…What's behind this feeling? Well, designers want tools that let them draw pictures and export a batch of CSS and HTML files like Dreamweaver promised back in the day. On the other end, engineers don't want to sweat accessibility, web performance or focus states among many, many other things…We should see front-end development as a unique skillset that is critical to the success of any project…" https://css-tricks.com/front-end-development-is-not-a-problem-to-be-solved/ Should Designers Code By Jens Oliver Meiert. "…Although an understanding of adjacent fields is always useful, designers 'should,' in the normative, imperative sense of the word, not be able to develop. May-but not should." https://meiert.com/en/blog/should-designers-code/ No, We Don't Really Care About Your Privacy By Gerry McGovern. "…If only you weren't so innocent. If only you placed more value on your worth rather than on your convenience and getting free stuff. We value your information because from your information we make money. With your information we control you. You're our cash cow. How does it feel to be the product?" http://gerrymcgovern.com/no-we-dont-really-care-about-your-privacy/ +07: NAVIGATION. ARIA Landmarks Example By W3C ARIA Authoring Practices Task Force. "Visually outline the landmarks and/or headings on the page using the following buttons…" https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html +08: SITES AND BLOGS. 24 Accessibility By The 24 Accessibility Team (Dennis Deacon, Carie Fisher, and Scott O'Hara). "24 Accessibility is a series of articles on all subjects related to digital accessibility. During the first 24 days in the month of December, we offer a daily dose of accessibility wisdom and insight from a wide array of knowledge experts throughout the world…" https://www.24a11y.com/ +09: TOOLS. Stylify Me By Annabelle Yoon and Michael Mrowetz. "…gain an overview of the style guide of a site, including colours, fonts, sizing and spacing. This tool allows the designer to research sites efficiently without the need to inspect each element, in order to be aware of current design trends and inform their own design decisions…" http://stylifyme.com/ +10: TYPOGRAPHY. Quick Test: Resize Text By Luis Garcia. "Resize text and make sure everything on the page works. Repeat until you get to 200% zoom. Seems simple? It is.…" https://a11yproject.com/posts/resize-text/ Variable Fonts and Wide-Screen Layouts: Adopting Data-Driven Progressive Enhancements By Kathryn Whitenton and Sarah Gibbons. "The NN/g website homepage now incorporates variable fonts and a wide-screen layout - 2 technical adjustments which improve the user experience for a subset of users on supported devices." https://www.nngroup.com/articles/variable-fonts-wide-screen-layout/ +11: USABILITY. Usability - What It Means and How to Get There By Meghan Horvath. "…Let's dive in, unearthing just how this sought-after concept is defined and shed light on how to achieve it for your product…" https://usabilla.com/blog/usability-what-it-means-how-to-get-there/ Making the Complex World Understandable Through Intuitive Design By Lauri Lukka. "…Great designs act as an interpreter. They make our complex world intuitive and understandable…" https://uxdesign.cc/taming-complexity-c44c0447dec5 The User Experience of Chatbots By Raluca Budiu. "Far from being 'intelligent', today's chatbots guide users through simple linear flows, and our user research shows that they have a hard time whenever users deviate from such flows." https://www.nngroup.com/articles/chatbots/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] Attachments area Preview YouTube video A11YChi Lightning Talks 2018  
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: November 21, 2018 Inbox x
David Dillard
[webdev] Web Design Update: November 21, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 22, November 21, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 22 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://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: MISCELLANEOUS. 06: TOOLS. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The Business Case for Digital Accessibility By W3C. "This article examines the rationale for organizations to address accessibility. It includes tangible and intangible benefits, and the risks of not addressing accessibility adequately…" https://www.w3.org/WAI/business-case/ 1.4.10 Reflow By Rakesh Paladugula. "People with low vision typically enlarge the text to read the content on the screen…" https://www.maxability.co.in/2018/11/1-4-10-reflow/ Conferences, Speakers: Please Caption Your Videos By Adrian Roselli. "Over the last few years more and more conferences have started to provide live captions during talks…" http://adrianroselli.com/2018/11/conferences-speakers-please-caption-your-videos.html Inclusive Design For Accessible Presentations By Allison Ravenhal. "…slide transitions are overrated. More seriously, they can make the audience feel sick. Slide transitions and other animation such as parallax scrolling can trigger nausea, headaches and dizziness in people with vestibular (inner ear) disorders. Make your audience groan with your punny jokes, not because they feel ill…" https://www.smashingmagazine.com/2018/11/inclusive-design-accessible-presentations/ 7 Basic Steps to Making PDFs More Accessible By Bureau of Internet Accessibility. "Web accessibility encompasses a broad spectrum, but digitized documents are too-often forgotten in the process. The Portable Document Format (PDF) is one such type of digital document - a very common and widely used file type online, created with the intention of being able to be opened and displayed on any device…" https://www.boia.org/blog/7-basic-steps-to-making-pdfs-more-accessible There's Already a Blueprint for a More Accessible Internet. If Only Designers Would Learn It By Anne Quito. "The internet can be a hostile space for 15% of the world's population who experience some form of disability…" https://qz.com/1407450/theres-already-a-blueprint-for-a-more-accessible-internet/ Universities Under Investigation for Poor Website Accessibility By Halona Black and Natalie Schwartz. "The Department of Education's Office of Civil Rights is investigating hundreds of colleges and universities that it says have not met web accessibility standards for people with disabilities, Inside Higher Ed reported. An official told the publication there were 556 open cases as of August 2017…" https://www.educationdive.com/news/universities-under-investigation-for-poor-website-accessibility/541878/ This Blind Athlete has Filed 164 ADA Lawsuits By Jane Musgrave. "…Gil has filed 164 lawsuits in South Florida, accusing government agencies, restaurants and stores of violating the landmark Americans With Disabilities Act by refusing to take steps to assure the blind can navigate their websites…" https://www.palmbeachpost.com/news/20181109/this-blind-athlete-has-filed-ada-164-lawsuits Got Access for People with Disabilities Covered? Don't Forget By Gene Marks. "More than 5,000 lawsuits were filed under the Americans with Disabilities Act in the first half of 2018, many relating to businesses' online presence…" https://www.theguardian.com/business/2018/nov/15/americans-with-disabilities-act-website-lawsuits-accessibility Education Department's Civil Rights Office Retreats, Will Consider Claims Filed En Masse By Laura Meckler. "Facing a lawsuit, the Education Department said Tuesday it would no longer dismiss civil rights complaints simply because the filer had submitted other, similar claims, reversing a policy that had led to the dismissal of hundreds of cases en masse…" https://www.washingtonpost.com/local/education/education-departments-civil-rights-office-retreats-will-consider-claims-filed-en-masse/2018/11/20/a7ed362a-ed05-11e8-96d4-0d23f2aaad09_story.html +02: CASCADING STYLE SHEETS. Keyboard-Only Focus Styles By Chris Coyier. "Like Eric Bailey says, if it's interactive, it needs a focus style. Perhaps your best bet? Don't remove the dang outlines that focusable elements have by default…" https://css-tricks.com/keyboard-only-focus-styles/ Braces to Pixels By Greg Whitworth. "We continue on A List Apart's four-part 'From URL to Interactive' series with Greg Whitworth, a member of the W3C CSS Working Group and the CSS Houdini Task Force. He'll walk through how CSS is parsed, how values are computed, and what the 'cascade' in style sheets actually means. Then we'll discuss layout, painting, and composition. Brace yourselves, we're about to drive through a one of our most scenic and winding parts of our journey…" https://alistapart.com/article/braces-to-pixels Difference Between currentColor and Custom Properties By Mike Riethmuller. "There are some interesting differences between how currentColor and custom properties work. Both are examples of dynamic properties in CSS but how they are resolved differs in some very important ways. I recently came across an example of this that had me scratching my head for a while…" https://www.madebymike.com.au/writing/currentcolor-and-custom-properties/ +03: EVALUATION & TESTING. The Methods UX Professionals Use (2018) By Jeff Sauro. "…Here is an overview of how common methods are used and how their use has changed over time. Differences of greater than about 5% across years or methods are statistically significant…Accessibility remains a more niche activity for this group of respondents but there seems to be a steady growth in assessing accessibility since 2011. In the past seven years, it's increased from 14% to 21%…" https://measuringu.com/ux-methods-2018/ Trust What Your Users Do, Not What They Say By Pavel Bukengolts. "…we look at why it's important to take what your customers say with a grain of salt, and how you can use data to vet product and design ideas more effectively…" https://www.appcues.com/blog/dont-give-users-what-they-want No I Don't Want to Take Your Survey By Gerry McGovern. "…It's not up to me to help you make your website better…" http://gerrymcgovern.com/no-i-dont-want-to-take-your-survey/ Usability Testing w. 5 Users: ROI Criteria (Video 2 of 3) By Jakob Nielsen. The number of test participants for qualitative usability testing that optimizes return-on-investment is determined by 2 parameters: the facilitator's observational skills and the design team's speed when generating the next design iteration." https://www.nngroup.com/videos/usability-testing-w-5-users-roi-criteria/ How To Setup a Mobile Usability Test (Video) By Kim Flaherty. "There are a lot of elements involved in a mobile usability test. In this video, we'll walk you through an example test setup, including the necessary equipment, and discuss how to prepare for a test." https://www.nngroup.com/videos/how-setup-mobile-usability-test/ Four Approaches to Share and Reflect on Our Work By Jared M. Spool. "Reviews and critique are both about reflecting on the design, while walkthroughs and demos are for sharing the design with others. Reviews differ from critique because reviews focus on the future of the design. Critiques focus on how the design got to where it is today…" https://medium.com/@jmspool/four-approaches-to-share-and-reflect-on-our-work-cdb3cd8ee099 +04: EVENTS. Everything You Need to Know About Kiosk Accessibility November 27, 2018. Online https://zoom.us/webinar/register/5015421399252/WN_yNEZ49FpTKew9dk1KVfpgg An Event Apart Seattle March 4-6, 2019. Seattle, Washington, U.S.A. https://aneventapart.com/event/seattle-2019 DevNexus March 6-8, 2019. Atlanta, Georgia, U.S.A. https://devnexus.com/ +05: MISCELLANEOUS. AXSChat with Alastair Campbell (Video) By AXSChat. "With a background in psychology and an expert in human-computer interaction, Alastair Campbell is a leading light in the understanding of where man meets machines. He is driven by a desire to make the digital world accessible through the best possible user experience.…" http://www.axschat.com/alastair-campbell/ +06: TOOLS. Colorblindly (Chrome Extension) By Andrew VanNess. "Simulates colorblindness in your web browser." https://github.com/oftheheadland/Colorblindly GitHub & BitBucket HTML Preview (Hat tip to Jim Allan) By niu tech. "…Enter URL of the HTML file to preview or prepend to the URL or use this bookmarklet while browsing GitHub or BitBucket…" https://htmlpreview.github.io/ +07: USABILITY. Five Mistakes in Designing Mobile Push Notifications By Alita Joyce. "Provide value to users before asking them to receive your app's notifications; tell them what the notifications will be about. Don't send notifications in bursts; make it easy to turn them off." https://www.nngroup.com/articles/push-notification/ Filling the Silence with Digital Noise By Kate Moran and Kim Flaherty. "Many people use digital media to avoid silence or empty time." https://www.nngroup.com/articles/filling-silence-digital-noise/ UX Design and the Case for Illustration By Kate Evans. "Senior UX Designer at Nomensa, Kate Evans, explores how illustration can have a positive effect on UX design and user experiences and shares her tips for when it should be considered during a design process…" https://medium.com/@Nomensa/ux-design-and-the-case-for-illustration-8d87bb7f7e0a How to Run a Successful Design Review By Arin Bhowmick. "…a final design review before a product release can make a huge difference for your product and more importantly your end users…" https://www.uxbooth.com/articles/how-to-run-a-successful-design-review/ Latest Research Shows Gutenberg Usability Improves, Pain Points Still Exist By Deborah Edwards-Onoro. "In the latest usability testing results of the new WordPress editor, participants reported an 85.5 score out of 100 on the System Usability Scale…" https://www.lireo.com/latest-research-shows-gutenberg-usability-improves-pain-points-still-exist/ [Section one ends.] ++ SECTION TWO: +08: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: November 14, 2018
David Dillard
[webdev] Web Design Update: November 14, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 21, November 14, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: BOOKS. 03: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: MISCELLANEOUS. 07: NAVIGATION. 08: SITES & BLOGS. 09: TOOLS. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Live Chat Accessible By Rakesh Paladugula. "…this article will highlight the best practices to make a live chat accessible to keyboard only, screen reader, low vision and various other users with disabilities…" https://www.maxability.co.in/2018/11/how-to-make-live-chat-accessible/ New Resource: The Business Case for Digital Accessibility By Shawn Henry. "The W3C WAI Education and Outreach Working Group (EOWG) today published a new resource that describes the rationale for organizations to address accessibility…" https://lists.w3.org/Archives/Public/public-wai-announce/2018OctDec/0001.html Eyes-Free Computing Looking Back, Looking Forward (Video) By TV Raman. "…UI determines size and shape of computing…Ubiquitous information access requires User Aware UI…" https://www.youtube.com/watch?v=LJzcThyT0Pg Slides (PDF): http://emacspeak.sourceforge.net/raman/publications/iit-bay-area-2018/slides.pdf A Web of Anxiety: Accessibility for People with Anxiety and Panic Disorders [Part 2] By David Swallow. "…many companies care little about how anxious or stressed their websites make you feel. In fact, companies may well be counting on your being anxious. But that's not to say that there's nothing we can do…" https://developer.paciellogroup.com/blog/2018/11/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-2/ Be Better: Accessibility By Ben Callahan. "…Ben explores how responsive web design is accessible web design…" https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design The Importance Of Manual Accessibility Testing By Eric Bailey. "Automated accessibility tests are a great resource to have, but they can't automatically make your site accessible. Use them as one step of a larger testing process…" https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/ Why Using 'tabindex' Values Greater than '0' is Bad By Karl Groves. "…It creates maintenance headaches…It strips away user control…It may cause a mismatch between visual order and interaction order…It may make user support difficult…" http://www.karlgroves.com/2018/11/13/why-using-tabindex-values-greater-than-0-is-bad/ Getting the Details on aria-details By Scott O'Hara. "Introduced in ARIA 1.1, aria-details is meant to help convey that there is additional information available for a particular element a user is interacting with…With the large gap in support across various different screen readers, and the current implementation with JAWS, aria-details won't consistently, or meaningfully, provide the context for which its potential should allow." https://www.scottohara.me/blog/2018/11/08/aria-details.html Feds Prod Universities to Address Website Accessibility Complaints By Lindsay McKenzie. "Universities are under legal pressure to make their websites fully accessible to people with disabilities, but is 'fully' even possible?" https://www.insidehighered.com/news/2018/11/06/universities-still-struggle-make-websites-accessible-all +02: BOOKS. Gay, Greg et al. Professional Web Accessibility Auditing Made Easy. Ryerson University Pressbooks. 2016. https://pressbooks.library.ryerson.ca/pwaa/ Gay, Greg et al. Digital Accessibility as a Business Practice. Ryerson University Pressbooks. 2018. https://pressbooks.library.ryerson.ca/dabp/ +03: CASCADING STYLE SHEETS. The 'C' in CSS: The Cascade By Thomas Yip. "Following up from Geoff's intro article on The Second "S" in CSS, let's now move the spotlight to the "C" in CSS - what we call the Cascade…" https://css-tricks.com/the-c-in-css-the-cascade/ Grid Tile Layouts with auto-fit and minmax By Dave Geddes. "…Lemme show you the new & easy way to make perfect, responsive tile layouts with CSS Grid…" https://gedd.ski/post/tile-layouts/ Editorial Layouts, Floats, and CSS Grid By Dave Geddes. "CSS Grid is in many ways a dream come true, but there's at least one basic thing it can't do…" https://v6.robweychert.com/blog/2018/11/css-grid-editorial-layouts/ +04: EVALUATION & TESTING. Keyboard Testing Basics By Robert Jolly. "Keyboard testing is one of the most efficient, impactful, and easy tasks that any team member can do to find accessibility issues…" https://knowbility.org/blog/2018/keyboard-testing-basics/ Benchmarking in UX Research By Nikki Anderson. "Test how a website or app is progressing over time…" https://uxdesign.cc/benchmarking-in-ux-research-5188afe691bb The Three Types of Performance Testing By Harry Roberts. "…make performance testing regular and routine, I try to distill the types of testing that we do into three distinct categories: Proactive, Reactive, and Passive…" https://csswizardry.com/2018/10/three-types-of-performance-testing/ How to Test Visual Design By Kathryn Whitenton. "Visual design details like fonts and colors can have subtle but important effects on the overall user experience. Use research methods that are sensitive to these effects to test your visual design." https://www.nngroup.com/videos/how-test-visual-design/ +05: EVENTS. Interaction 19 February 3-8, 2019. Seattle, Washington, U.S.A. https://interaction19.ixda.org/ JSConf Hawai'i February 7-8, 2019. Honolulu, Hawaii, U.S.A. https://www.jsconfhi.com/ +06: MISCELLANEOUS. Tim Berners-Lee Ficks Off a 'Contract for the Web' to Protect the Future of the Internet By Hamza Shaban. "Tim Berners-Lee, the inventor of the World Wide Web, recently kicked off a global campaign to curb some of the harmful effects of Internet connectivity on society…" https://www.washingtonpost.com/technology/2018/11/06/tim-berners-lee-kicks-off-contract-web-protect-future-internet/ Improve Your Design Process in Discovery, Ideation, and Prototyping By Gleb Kuznetsov. "Each time a product team begins a new project, the list of things to do can be overwhelming…" https://www.uxbooth.com/articles/improve-your-design-process-in-discovery-ideation-and-prototyping/ 10 Things to Know About Chromebook Accessibility By Deborah Edwards-Onoro. "A number of new accessibility features have been added to the Chromebook with the latest release of Chrome OS, which rolled out over past couple weeks" https://www.lireo.com/10-things-to-know-about-chromebook-accessibility/ +07: NAVIGATION. Drop-Down Usability: When You Should (and Shouldn't) Use Them By Christian Holst. "Deciding when to use a drop-down - or when to use another interface type, such as a radio button interface or open text field - for a specific input can be tricky…" https://baymard.com/blog/drop-down-usability The Rules for Modern Navigation By Stephanie Lin. "…Let's consider these rules: Prioritize consistency, Design clear interactions, Avoid deep navigation, Design for responsive compatibility…" https://www.uxbooth.com/articles/the-rules-for-modern-navigation/ +08: SITES & BLOGS. We are Colorblind By Tom van Beveren, Kim van den Brink and Denver the Cat. "…We are Colorblind is dedicated to the more than 300 million people who are color blind…" https://wearecolorblind.com/ +09: TOOLS. AInspector WCAG for Firefox By Jon Gunderson. "Inspects web pages for features and issues related to WCAG 2.0 level A and AA requirements…" https://go.illinois.edu/ainspector-wcag HTML Notepad By Andrew Fedoniouk. "It is a WYSIWYG editor of structured documents: texts that have hierarchical and semantically meaningful (oxymoron, no?) structure: headers, list, plaintext islands, tables and so on…" https://html-notepad.com/ +10: USABILITY. Why You Should Use a Text Area for Address Form Fields By Anthony Tseng. "…By using a single text area instead of two text fields, you'll help users fill out the address field quicker…" https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/ Don't @ Me - UX of Notifications in 2019 By Moses Kim. "…Something as insignificant as a notification sent in the wrong time or manner can turn people away from the app…" https://shakuro.com/blog/ux_of_notifications/ Design Guidelines for Input Steppers By Yuxuan (Tammy) Zhou. "Reduce input effort for fields with values that deviate little from the default by allowing users to increase or decrease the number in a single button press. Avoid this GUI control for values with large variability." https://www.nngroup.com/articles/input-steppers/ UX Debt: How to Identify, Prioritize, and Resolve By Anna Kaley. "Like tech debt, UX debt piles up over time and, if left unaddressed, leads to compounding user problems and costly cleanup efforts. Agile teams can modify their processes to track and resolve UX debt." https://www.nngroup.com/articles/ux-debt/ The Difference Between Storyboard, User Journey and User Story By Desi Reuben-Sealey. "…All three definitions, Storyboard, User Story and User Journey are crucial in my opinion to the planning and production of whatever it is you are creating in the web… http://www.i3lance.co.uk/index.php/2015/02/04/the-difference-between-storyboard-and-user-journey-and-user-story/ Marketing: the Truly Original Fake News By Gerry McGovern. "Some marketers are deluded. Too much hype, spin, fake news…" http://gerrymcgovern.com/marketing-the-truly-original-fake-news/ [Section one ends.] ++ SECTION TWO: +11: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 20, November 6, 2018.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 20, November 6, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 20 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: COLOR. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: SITES & BLOGS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Writing Text Descriptions By Léonie Watson. "Really good accessibility takes a strong strategy, thoughtful design, and robust technical implementation, but often it's the small things that make all the difference to the person consuming your content…" https://www.invotra.com/blogs/simple-recommendations-writing-text-descriptions-make-big-difference 5 Digital Accessibility Myths Busted By Carie Fisher. "By now you have most likely have heard the term digital accessibility and may have an inkling about what it is- but have you bought into the hype? Or are you secretly asking yourself questions like…" https://www.deque.com/blog/5-digital-accessibility-myths-busted Trouble Tabbing To Tabs and Cheeky Checking Checkboxes By Scott O'Hara. "Sometimes, despite best efforts, there will be accessibility issues in a code base…" https://www.scottohara.me/blog/2018/11/02/tabbing-into-tabs.html YouTube Video Series About Captioning By University of Minnesota Duluth. Learn about the importance of captions, how to caption, and captioning best practices in 4 short videos. Jessica Kellgren-Fozard, a Deaf YouTube presenter, released a series of videos on captioning… https://itss.d.umn.edu/news/a11ycaptionyoutube Accessibility NYC Meetup Recap: WCAG 2.1: An Evening With Andrew Kirkpatrick (Video) By Andrew Kirkpatrick. "Presenter Andrew Kirkpatrick discussed the process used to develop WCAG 2.1, what new requirements are included, and what resources are available to support implementation of the new standard…" https://equalentry.com/accessibility-nyc-meetup-recap-wcag-2-1-an-evening-with-andrew-kirkpatrick-head-of-accessibility-at-adobe/ WCAG 2.1 What's New and What to Do With It By Alastair Campbell. Alastair's #ID24 2018 presentation. "The Web Content Acessibility Guidelines (WCAG) have been updated after 10 years of use. Using the new requirements from version 2.1, Alastair walks through the new guidelines, and provides advice on how to use them in your organization." https://www.youtube.com/watch?v=i0pPlTofdkk WCAG 2.1 What You Need to Know About the Most Recent Accessibility Standards (Video) By Eduardo Meza and Kara Zirkel. "…In this webinar you will learn: Web Content Accessibility Guidelines: A brief history of the W3C, WCAG and how people with disabilities use the web WCAG 2.1: Discovering what's new and how to use the new success criteria when testing for accessibility…" https://www.youtube.com/watch?v=AoHfqq0eQww Q&A: The What, Why, and How, of Digital Accessibility for Business By Jaclyn Leduc. "Inaccessible websites deter people with disabilities. In fact, 71% of individuals with disabilities will leave a website if they find it is inaccessible. So, how do you make a website accessible? Where do you even begin?…" https://www.3playmedia.com/2018/11/02/digital-accessibility-business/ In Defense of the #a11y Hashtag By Amanda J. Rush. "There are some accessibility issues you could call evergreen. One of them is whether we should use the #a11y or #accessibility hashtag when spreading the good word on the social medias…" https://www.customerservant.com/defense-a11y-hashtag/ Lawsuits Charge 15 New York Wineries with Discrimination Against Visually Impaired By Leslie Gevirtz. "With a recent wave of lawsuits, many wonder if the goal is to fix winery website accessibility problems or simply generate lawyers' fees…" https://www.winemag.com/2018/10/31/winery-lawsuits-visually-impaired/ +02: COLOR. Understanding WCAG 2 Contrast and Color Requirements By WebAIM. "…With many combinations of text and background colors, it is impossible to use non-underlined links and also meet all of the WCAG guidelines. This becomes increasingly difficult if the links change color on hover or focus. Each of the colors in these states must also have at least a 4.5:1 contrast ratio difference with the background. WCAG 2.0 and Link Colors on the WebAIM blog explores the WCAG requirements for link colors in more depth." https://webaim.org/articles/contrast/ +03: EVALUATION & TESTING. In Analytics, What do the Numbers Really Mean? (Video) By Katie Sherwin. "Analytics data are only as valuable as the insights derived from them. Some figures can stand on their own while others need further research to be interpreted. To use analytics data confidently and accurately, teams must understand the difference." https://www.nngroup.com/videos/analytics-what-do-numbers-really-mean/ Better Practices for Scrappy Testing By Zachary Walsh. "We should test that to find out for sure…" https://uxdesign.cc/better-practices-for-scrappy-testing-ab53deae7a93 How Do We Do UX With Agile? By John Cutler. "Let me propose (humbly) that this may be the wrong question…" https://medium.com/@johnpcutler/how-do-we-do-ux-with-agile-74b02092eb2f Prioritization Matrices in UX Decision Making (Video) By Sarah Gibbons. Prioritization charts or matrices can help UX practitioners base important decisions on objective, relevant criteria instead of subjective opinions." https://www.nngroup.com/videos/prioritization-matrices/ +04: EVENTS. VPATs. How to Construct. How to Assess. November 12, 2018. Boulder, Colorado, U.S.A. https://www.meetup.com/a11yFR/events/255352293/ Universal Design for Learning with Samantha Johns November 13, 2018. Portland, Oregon, U.S.A. https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/255464223/ Accessibility in Web Applications with JavaScript - a Roundtable Discussion November 13, 2018. Seattle, Washington, U.S.A. https://www.meetup.com/a11ysea/events/255811283/ Cleveland Accessibility November Get-Together... and Book Club! November 15, 2018. Cleveland, Ohio, U.S.A. https://www.meetup.com/Cleveland-Accessibility-Meetup/events/255602962/ Accessibility Empathy Lab with Glenda Sims November 19, 2018. Ann Arbor, Michigan, U.S.A. https://www.meetup.com/a2a11y/events/255839190/ 2018 Year-End Event with Speaker Lainey Feingold December 5, 2018. Seattle, Washington, U.S.A. https://www.meetup.com/a11ysea/events/256072387/ Podcast Transcribe Party December 18, 2018. Atlanta, Georgia, U.S.A. https://metro-atl-accessibility-meetup.mn.co/events/podcast-transcribe-party +05: HTML. Tags to DOM By Travis Leithead. "In the second installment of A List Apart's four-part 'From URL to Interactive' series, Travis Leithead, former editor of W3C's HTML spec, walks us through the process of parsing HTML: from how browsers create trees to how the DOM responds to events. Equipped with this knowledge, you'll be able to make smarter DOM decisions, reduce time to interactive, and eliminate unintended reflows." https://alistapart.com/article/tags-to-dom +06: JAVASCRIPT. Debug JavaScript On The Fly With DevTools By Karl Dubost. "On webcompat, we try to diagnose bugs reported about sites, we do not have the original sources…" http://www.otsukare.info/2018/11/01/debugger-devtools-proxy +07: MISCELLANEOUS. Supreme Court Declines to Hear Appeal of Obama-Era Net Neutrality Rules By Marguerite Reardon. "Net neutrality is already dead, but the high court has left in place a lower court ruling that preserves the FCC's actual authority to adopt such rules…" https://www.cnet.com/news/supreme-court-declines-to-hear-appeal-of-obama-era-net-neutrality-rules/ Google Chrome's Users Take a Back Seat to Its Bottom Line By Bennett Cyphers and Mitch Stoltz. "Google Chrome is the most popular browser in the world. Chrome routinely leads the pack in features for security and usability, most recently helping to drive the adoption of HTTPS. But when it comes to privacy, specifically protecting users from tracking, most of its rivals leave it in the dust…" https://www.eff.org/deeplinks/2018/11/google-chromes-users-take-back-seat-its-bottom-line +08: SITES & BLOGS. Access & Use By Detlev Fischer. "New resource showing accessibility problems of dynamic web components in many tests with users (video). It covers the accessibility of common dynamic web components like drop-down navigation, dialogs, tabbed interfaces, carousels and the like…" https://accessuse.eu +09: USABILITY. Radio Buttons Define Us. Let's Make Better Tech By Sarah Horton. "Radio button controls are the most insistent of all user interface patterns…" https://medium.com/@gradualclearing/https-medium-com-gradualclearing-radio-buttons-define-us-lets-make-better-tech-2ee0c51c974a See Different By Philip Hodgson "Being able to see things through the eyes of someone else is one of the most important abilities a designer can have. But it's also very difficult for most of us to do. Could a rather dramatic break with convention put designers into the shoes of the people they design for?…" https://www.userfocus.co.uk/articles/see-different.html UX Guidelines for Recommended Content By Aurora Harley. "Encourage engagement with recommendations by presenting them prominently, segmenting suggestions into clear categories, and providing methods for users to give feedback." https://www.nngroup.com/articles/recommendation-guidelines/ [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] Preview YouTube video WCAG 2 1 What You Need to Know About the Most Recent Accessibility Standards 
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: November 1, 2018
David Dillard
[webdev] Web Design Update: November 1, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 19, November 1, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 19 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://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: MISCELLANEOUS. 08: TOOLS. 09: TYPOGRAPHY. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Designing Accessible Web with Privacy - When Web Browsing Reveals Information By Lukasz Olejnik. "…often it's actually security vs privacy vs accessibility. When rotten compromises need to be, or are made this does not always lead to best designs. The case described in this post is especially challenging. It will touch many users. It concerns sensitive information. And yet, good choices need to be made." https://blog.lukaszolejnik.com/designing-accessible-web-with-privacy-when-web-browsing-reveals-information/ Survey of Users with Low Vision #2 Results By Jared Smith. "The results from our September 2018 Survey of Users with Low Vision are available…" https://webaim.org/blog/low-vision-survey2-results/ Negative Impacts of Withholding Form Labels By Lindsey Kopacz. "…One of the most common accessibility issues I've seen is fields missing labels. The great news is it's one of the simplest accessibility issues to fix…" https://www.a11ywithlindsey.com/blog/negative-impacts-withholding-form-labels/ How to Make Custom Accessible Checkboxes and Radio Buttons By Sami Keijonen. "…we need to make sure our checkboxes and radio buttons remain accessible to assistive technology (AT) and keyboard users. In this tutorial I'll explain what this means and how we can do things correctly in a few different ways…" https://webdesign.tutsplus.com/tutorials/how-to-make-custom-accessible-checkboxes-and-radio-buttons--cms-32074 Understanding SC 1.3.1 Info and Relationship By Sathish Kumar. "Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A)…" https://www.digitala11y.com/understanding-sc-1-3-1-info-and-relationship/ Writing Government Information for People with Cognitive Disabilities (Video) By Jonathan Katz. https://www.youtube.com/watch?v=6mqeymglU7A Accessibility Toronto Conference 2018 Review By Dennis Lembree. "The second Accessibility Toronto Conference was another success…" http://www.webaxe.org/accessibility-toronto-conference-2018-review/ Selfish Accessibility - Harbour Front HK By Adrian Roselli. "The slides from my talk at Harbour Front Hong Kong…" http://adrianroselli.com/2018/10/selfish-accessibility-harbour-front-hk.html Your Inaccessible Website is a Sitting Duck By Fastspot. "Large, complicated sites with decentralized contribution models are breeding grounds for non compliant content. That's higher ed's signature state…" https://www.fastspot.com/publications/your-inaccessible-website-is-a-sitting-duck/ New York Wineries Sued over Website Accessibility for Visually Impaired By Brianne Garrett. "Lawsuits accuse wineries like Long Island's Wolffer Estate of violating the Americans with Disabilities Act…" https://www.winespectator.com/webfeature/show/id/New-York-Wineries-Sued-over-Website-Accessibility +02: CASCADING STYLE SHEETS. 30 Seconds of CSS By Atomiks. "A curated collection of useful CSS snippets you can understand in 30 seconds or less…" https://30-seconds.github.io/30-seconds-of-css/ Splicing HTML's DNA With CSS Attribute Selectors By John Rhea. "Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. But don't worry, while attribute selectors are complex and powerful, they're easy to learn and easy to utilize. In this article, we'll discuss how they operate and give you some ideas about how to use them…" https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/ The CSS Working Group At TPAC: What's New In CSS? By Rachel Andrew. "…In this article, I'll explain a little bit about what happens at TPAC, and show some examples and demos of the things we discussed at TPAC for CSS in particular…" https://www.smashingmagazine.com/2018/10/tpac-css-working-group-new/ +03: COLOR. How to Use the Contrast Checker in Chrome DevTools By Kezz Bracey. "…Begin by opening Chrome/Chromium Dev tools and selecting any text element in your HTML…" https://webdesign.tutsplus.com/articles/how-to-use-the-contrast-checker-in-chrome-devtools--cms-31504 +04: EVALUATION & TESTING. Usability Testing w. 5 Users: Design Process (Video) By Jakob Nielsen. "Formative usability testing is best done with a small number of study participants, so that you have time and budget to test more design iterations of the user interface." https://www.nngroup.com/videos/usability-testing-w-5-users-design-process/ Building a UX Metrics Scorecard By Jeff Sauro. "Use multiple ways to visualize metric performance (colors, grades, and distances) and include external benchmarks, competitor data, and levels of precision when possible…" https://measuringu.com/ux-scorecard/ The Pitfalls of Running A/B Tests By Ariel Verber. "…I've always been a big advocate of A/B tests, but time led me to learn that they're highly addictive and sometimes not very justified…" https://medium.com/joytunes/the-pitfalls-of-running-a-b-tests-4da7141960d7 The Accidental Discovery of Top Tasks (Part 2) By Gerry McGovern. "…Design and evolve through use. Design with people. Don't let the effort you invested in something become a ball and chain. Don't let your expectations, attitudes and opinions get in the way of the evidence. Stay open, connected and constantly evolving within the network." http://gerrymcgovern.com/the-accidental-discovery-of-top-tasks-part-2/ Using Task Ease (SEQ) to Predict Completion Rates and Times By Jeff Sauro. "…One of the more popular post-task questionnaires is the Single Ease Question (SEQ). It's a single item that assesses how easy or difficult participants think a task is…" https://measuringu.com/seq-prediction/ Stage 5 in the Design Thinking Process: Test By Rikke Dam and Teo Siang. "There are a wide range of testing methods available to designers during a Design Thinking project; many of which stem from the methodologies typically used during Human-computer interaction (HCI) and User-centered design (UCD) tests…" https://www.interaction-design.org/literature/article/stage-5-in-the-design-thinking-process-test +05: EVENTS. WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards November 1, 2018. Online. https://register.gotowebinar.com/register/2699013368175158531 8th Cross-Government Accessibility Meet Up November 8, 2018. Edinburgh, Scotland https://www.eventbrite.co.uk/e/8th-cross-government-accessibility-meet-up-tickets-51584868731 Writing & Reading the VPAT: A Webinar Double Feature November 13, 2018. Online https://levelaccess.zoom.us/webinar/register/WN_qsiUVvW-QMiF6ZtS2jOFzw CSUN Assistive Technology Conference March 11-10, 2019. Anaheim, California, U.S.A. http://www.csun.edu/cod/conference/2019/sessions/ Accessibility Lawsuits, How to Handle Them; How to Avoid Them March 11-12, 2019. Anaheim, California, U.S.A. https://www.accessibility.legal/ +06: HTML. Keyboard Accessibility Tips Using HTML and CSS By Anna Monus. "…Here are some keyboard accessibility tips you can quickly implement using basic HTML and CSS…" https://webdesign.tutsplus.com/articles/keyboard-accessibility-tips-using-html-and-css--cms-31966 Internationalization Techniques: Authoring HTML & CSS By W3C. "This page lists links to resources on the W3C Internationalization Activity site and elsewhere that help you author HTML and CSS for internationalization. It is one of several techniques pages." https://www.w3.org/International/techniques/authoring-html Quick Tip: Use the 'lang' Attribute for Better Accessibility By Eric Bailey. "The lang attribute is one of the global HTML attributes developers can apply to any HTML element, and it can really help with accessibility…" https://webdesign.tutsplus.com/tutorials/use-the-lang-attribute-for-better-accessibility--cms-31961 You're Using <em> Wrong By Facundo Corradini. "And I am too. And so is everybody else…" https://logrocket.com/blog/youre-using-em-wrong/ Screenreader Support for Text-Level Semantics By Bruce Lawson. "…should we stop using text-level semantics? Well, <strong>no</strong>. They continue to add meaning to sighted users, and as Watters says, some AT users can benefit from them. But don't over-use them. Like adding title attributes to all your links, there's such a thing as too much accessibility." https://www.brucelawson.co.uk/2018/screenreader-support-for-text-level-semantics/ +07: MISCELLANEOUS. Facts are Stubborn Things By Heather Burns. "…you might think that privacy and accessibility are universally respected concepts and values. Truths we hold to be self-evident. They are not…" https://webdevlaw.uk/2018/10/23/facts-are-stubborn-things/ Report on the Accessibility Status of Gutenberg By Joe Dolson. "…In the short term, we hope to resolve all accessibility issues that are true barriers to the use of Gutenberg. In the long term, we hope to improve the integration of accessibility into all future WordPress design processes…" https://make.wordpress.org/accessibility/2018/10/29/report-on-the-accessibility-status-of-gutenberg/ Accessibility: A Developer's Pledge By Jonathan Desrosiers. "I challenge everyone to step back and think about what they have done recently to progress accessibility in WordPress, and consider why they have not done more…" https://jonathandesrosiers.com/2018/10/accessibility-a-developers-pledge/ Google Wants to Kill the URL By Lily Hay Newman. "…As Emily Stark, a technical lead at Chrome puts it, the project is the URLephant in the room." https://www.wired.com/story/google-wants-to-kill-the-url/ +08: TOOLS. WCAG 2.0 Parsing Validation Tools By Jon Gibbins. "Tools that filter the results of the W3C's Nu validator to show only results that are related to accessibility according to WCAG 2.0 Success Criterion 4.1.1 Parsing…" https://dotjay.github.io/wcag-parsing-filter/ Trashy.css (Bookmarklet) By Nathan Smith et al. "…a CSS 'library' that styles tags directly - as opposed to using class names as style hooks - to help people become more familiar with how to use semantic HTML…" https://t7.github.io/trashy.css/ +09: TYPOGRAPHY. Designing Accessible Content: Typography, Font Styling, and Structure By Carie Fisher. "…Let's look at all the steps and design considerations you'll need to take into account when making your content more accessible…" https://webdesign.tutsplus.com/articles/designing-accessible-content-typography-font-styling-and-structure--cms-31934 +10: USABILITY. The Vortex: Why Users Feel Trapped in Their Devices By Kate Moran and Kim Flaherty. "Many users report anxiety and lack of control over the amount of time they spend online. We call this feeling 'the Vortex'" https://www.nngroup.com/articles/device-vortex/ Stop Building Websites with Infinite Scroll! By Fatih Kadir Akin. "In this article, we will explain why you need to stop building websites with infinite scroll…" https://logrocket.com/blog/infinite-scroll/ No Good, Very Bad UX Writing Mistakes By Melissa Mapes. "…here's a roundup of the top 10 issues that I've seen appear most often, much to the detriment of the user experience…" https://uxplanet.org/no-good-very-bad-ux-writing-mistakes-a01b85428f04 [Section one ends.] ++ SECTION TWO: +11: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: October 24, 2018
David Dillard
[webdev] Web Design Update: October 24, 2018https://ssl.gstatic.com/ui/v1/icons/mail/images/cleardot.gif
+++ WEB DESIGN UPDATE. - Volume 17, Issue 18, October 24, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 18 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: BOOKS. 03: CASCADING STYLE SHEETS. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: PHP. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The Importance of Heading Levels for Assistive Technology By Eric Bailey. "…WebAIM's 2017 Screen Reader survey tells us that navigating via headings is the most important way people who rely on assistive technology locate information. Because of this, it's important to craft your website's headings properly…" https://webdesign.tutsplus.com/articles/the-importance-of-heading-levels-for-assistive-technology--cms-31753 Finding the Way: Screen Reader Strategies By Abby Kingman. "…the modern web offers lots of opportunities for designers and developers to provide unique and visually compelling visitor experiences. That can be lots of fun, but It's important make sure that creating these experiences for some users don't make things more difficult for others." https://lastcallmedia.com/blog/finding-way-screen-reader-strategies Trying to Explain Reduce Motion to Designers Who Don't Have a Vestibular Disorder By Craig Grannell. "With my recent griping about Apple and reduce motion, I should note many other companies/designers fail this test. The web remains rife with such issues, as does the app and gaming ecosystem…" http://reverttosaved.com/2018/10/16/trying-to-explain-reduce-motion-to-designers-who-dont-have-a-vestibular-disorder/ Developing for Accessibility By Takwa Bouallegue. "Bringing a human touch to your code…" https://medium.com/parksideinteractive/developing-for-accessibility-d14d50e18f70 Web Content Accessibility Guidelines (WCAG) 2.1 Overview By Sue Ann Rodriquez. "…In June of 2018, WCAG 2.1 became the official recommendation of the World Wide Web Consortium (W3C) as its first attempt to fill some of the gaps. The WCAG 2.1 includes new success criteria as well as the WCAG 2.0 standards…" https://theweco.com/wcag-2-1-overview/ WCAG Success Criteria 3.1.1 and 3.1.2: Language of Page and Parts By Bureau of Internet Accessibility. "…WCAG 2.1 A/AA identifies two basic and essential success criteria for readability: WCAG success criteria 3.1.1 (Language of Page) and 3.1.2 (Language of Parts)…" https://www.boia.org/blog/wcag-success-criteria-3.1.1-and-3.1.2-language-of-page-and-parts First Public Working Drafts: Personalization Tools 1.0; Personalization Help and Support 1.0 By W3C. "The Accessible Platform Architectures Working Group has published two First Public Working Drafts…" https://www.w3.org/blog/news/archives/7359 To Whom Does the Burden Fall? By Anne Gibson. "…When is it the responsibility of someone with a disability to use unnamed tools to somehow make your content accessible, when your organization has not done so yourself? Never. It is never their responsibility…" https://theinterconnected.net/kirabug/to-whom-does-the-burden-fall/ Pragmatic Rules of Web Accessibility That Will Stick to Your Mind By Tiago Romero Garcia. "I first started to work with web accessibility back in 2015, at an American retail giant. It had just gotten a hefty lawsuit…" https://medium.freecodecamp.org/pragmatic-rules-of-web-accessibility-that-will-stick-to-your-mind-9d3eb85a1a28 A11y Wars (Video) By Glenda Sims. "…In this presentation, we'll look at the different perspectives people have when testing accessibility. We distinguish the following testing perspectives: Minimal, Optimized and Ideal…" https://www.youtube.com/watch?v=H0VSwJPdx4M 2018 ADA Website Cases Surpass 2017 By Jaclyn Leduc. "…It's clear that web accessibility lawsuits aren't slowing down, making the need for regulations more pertinent than ever before…" https://www.3playmedia.com/2018/10/18/2018-website-ada-cases/ Domino's: Ninth Circuit Hears Web Accessibility Appeal Argument By Kristina M. Launey. "Due process, DOJ's failure to enact regulations, and whether the ADA covers websites arguments dominated the recent Domino's Ninth Circuit oral argument…" https://www.adatitleiii.com/2018/10/dominos-ninth-circuit-hears-web-accessibility-appeal-argument/ Video of the Oral Arguments: https://www.youtube.com/watch?v=jc6LG8PTvGA +02: BOOKS. McGovern, Gerry. Top Tasks - A how to guide, Silver Beach, 2018. +03: CASCADING STYLE SHEETS. CSS Layout Cookbook By Mozilla and Individual Contributors. "The CSS layout cookbook aims to bring together recipes for common layout patterns, things you might need to implement in your own sites…" https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook CSS Border-Radius Can Do That? By Nils Binder. "How to create very cool effects with a rarely used feature." https://9elements.com/io/css-border-radius/ Understanding the Difference Between grid-template and grid-auto By Ire Aderinokun. "With all the new properties related to CSS Grid Layout, one of the distinctions that always confused me was the difference between the grid-template-* and grid-auto-* properties…" https://bitsofco.de/understanding-the-difference-between-grid-template-and-grid-auto/ Creating a Simple Form with Flexbox By Zell Liew. "…Flexbox makes it easy to align elements with unequal height…" https://zellwk.com/blog/simple-form-with-flexbox/ +04: DRUPAL. Running Drupal's PHPUnit Test Suites on DDEV By Matt Glaman. "DDEV is a local development stack built on top of Docker…" https://glamanate.com/blog/running-drupals-phpunit-test-suites-ddev +05: EVALUATION & TESTING. Complete Beginner's Guide to UX Research By UX Booth. "UX research-or as it's sometimes called, design research-serves many purposes throughout the design process…" http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/ The Five Stages of Grief: Usability Test Observer Edition By Cliff Anderson. "…One thing I've noticed over the years is that every usability test newbie seems to go through the same predictable stages on the other side of the glass. So, with apologies to Elisabeth Kubler-Ross, here they are…" http://uxpamagazine.org/the-five-stages-of-grief/ Jobs-to-Be-Done vs. Personas (Video) By Page Laubheimer. "Jobs-to-be-done and personas are tools that identify user needs and attitudes. Each tool focuses on different aspects of the use experience and are compatible." https://www.nngroup.com/videos/jobs-be-done-vs-personas/ Live Accessibility And Performance Audits at SmashingConf Toronto (Videos) By Markus Seyfferth. "At SmashingConf Toronto, attendees got to participate in live performance and accessibility audits with our speakers Marcy Sutton and Tim Kadlec. Watching an expert assess these critical areas can help you to perform your own audits…" https://www.smashingmagazine.com/2018/10/smashingconf-toronto-a11y-performance-audits/ +06: EVENTS. Accessibility and Color Blindness in UX October 29, 2018. Philadelphia, Pennsylvania, U.S.A. https://www.eventbrite.com/e/accessibility-and-color-blindness-in-ux-registration-51383626811 Accessibility Scotland November 9, 2018. Edinburgh, Scotland. https://accessibility.scot An Event Apart San Francisco December 10-12, 2018. San Francisco, Califorina, U.S.A. https://aneventapart.com/event/san-francisco-2018 Let's Not Ignore the People That Matter in Accessibility Testing December 13, 2018. Online http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=521 Hong Kong UX Conference January 21-25, 2019. Hong Kong, China https://www.nngroup.com/training/hong-kong/ Los Angeles UX Conference February 24-March 1, 2019. Los Angeles, California, U.S.A. https://www.nngroup.com/training/los-angeles/ +07: JAVASCRIPT. aria-rowindex Property By Rakesh Paladugula. "aria-rowindex property is used on a table, grid or a treegrid where all the rows are currently not present…" http://www.maxability.co.in/2018/10/aria-rowindex-property/ 33 Concepts Every JavaScript Developer Should Know By Leonardo Maldonado et al. "This repository was created with the intention of helping developers master their concepts in JavaScript. It is not a requirement, but a guide for future studies. It is based on an article written by Stephen Curtis and you can read it here. Feel free to contribute…" https://github.com/leonardomso/33-js-concepts I Have Resigned as the WordPress Accessibility Team Lead. Here is Why. By Brad Frost. "…JavaScript is eating the world…" http://bradfrost.com/blog/link/i-have-resigned-as-the-wordpress-accessibility-team-lead-here-is-why/ +08: MISCELLANEOUS. Some Gutenberg Accessibility Clarifications By Joe Dolson. "…I've noticed a few specific trends that I think need clarification…" https://www.joedolson.com/2018/10/some-gutenberg-accessibility-clarifications/ (Wordpress) Team Meeting October 15, 2018 By Sami Keijonen. "…all agreed that Rian Rietveld is awesome. There is no way we can fit in her shoes. But hopefully we have shoes of our own." https://make.wordpress.org/accessibility/2018/10/23/team-meeting-october-15-2018/ Rehabilitating Google AMP: My Failed Attempt By Chris Graham. "…To me this is all just another example of a company operating a closed process, not willing to collaborate openly as peers. The Ivory Tower development methodology…" https://www.socpub.com/articles/rehabilitating-google-amp-my-failed-attempt-16258 +09: PHP. PHP Control Structures and Loops: if, else, for, foreach, while and More By Sajal Soni. "Today, we're going to discuss control structures and loops in PHP…" https://code.tutsplus.com/tutorials/php-control-structures-and-loops--cms-31999 Avoiding Setter Injection By Brandon Savage. "PHP more or less has two kinds of dependency injection available: constructor injection, and setter injection…" https://www.brandonsavage.net/avoiding-setter-injection/ Trigonometry, Random Numbers and More With Built-in PHP Math Functions By Monty Shokeen. "This tutorial will introduce you to the built-in math functions in PHP for doing trigonometry, exponentiation, and logarithm calculations. We'll also look at rounding and generating random numbers…" https://code.tutsplus.com/tutorials/mathematical-functions-in-php--cms-31972 +10: TOOLS. Colour Contrast Analyser (CCA) v1.0.0 By The Paciello Group. "We've just released the first stable version of the new Colour Contrast Analyser (CCA) for Windows and macOS - completely rewritten from the ground up, using Electron…" https://github.com/ThePacielloGroup/CCAe/releases/tag/v1.0.0 Free Live Transcript By Mark Noonan et al. "This is an open-source exporation of creating live transcripts of speech on the web, that can be displayed (and edited) in real time on a big screen, or watched on anybody's personal device…" https://freelivetranscript.com/ +11: TYPOGRAPHY. Variable Fonts: The Future of Typography By Jason Pamental. "…The advent of variable fonts changes that entire dynamic. As described by John Hudson, a variable font is a single font that acts as many: All the variations of width and weight, slant, and even italics can be contained in a single, highly efficient, and compressible font file…" http://uxpamagazine.org/variable-fonts/ +12: USABILITY. Sliders are Bad for your Credit Union Website Design By Derik Krauss. "…Though sliders are incredibly prominent, they are remarkably bad for user experience. In this article, I'll lay out the evidence against sliders and share some better alternatives…" https://www.cuinsight.com/sliders-are-bad-for-your-credit-union-website-design.html What Could an Intelligent Assistant Do for You? By Raluca Budiu and Kathryn Whitenton. "There are big gaps between what users need to do, what they actually do, and what is possible to do with today's intelligent assistants." https://www.nngroup.com/articles/intelligent-assistant-user-needs/ Microinteractions in User Experience By Alita Joyce. "Microinteractions convey system status, support error prevention, and communicate brand. They are initiated by a trigger, are single-purpose, and can make the experience engaging. https://www.nngroup.com/articles/microinteractions/ Exciting Times Ahead for UX (Video) By Don Norman. "New technologies such as autonomous cars, Artificial Intelligence (AI), and Augmented Reality (AR) mean exciting challenges for UX to solve, according to Don Norman." https://www.nngroup.com/videos/exciting-times-ahead-ux-don-norman/ iPhones are Hard to Use By Joe Clark. "…I know 'hard to use' when I see it. iPhones are hard to use…" https://blog.fawny.org/2018/10/22/hardtouse/ [Section one ends.] ++ SECTION TWO: +13: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] 
|
|||||||||||
|
|
|||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 17, October 18, 2018.
David Dillard
+++ WEB DESIGN UPDATE.
+++ WEB DESIGN UPDATE. - Volume 17, Issue 17, October 18, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 17 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: BOOKS. 03: CASCADING STYLE SHEETS. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. WCAG 2.1 Is Here - What's In It For You? By Jonathan Hassell. "WCAG 2.1 has now been published. Many people are talking about what’s in it. But the more important question is: what’s in it for you?…" https://www.hassellinclusion.com/blog/wcag-2-1-whats-in-it-for-you/ 1.3.5 Identify Input Purpose By Rakesh Paladugula. "…ensure that an autocomplete attribute is specified wherever appropriate and have a value that represents the label…" http://www.maxability.co.in/2018/10/1-3-5-identify-input-purpose/ Understanding SC 1.3.2 Meaningful Sequence By Raghavendra Satish Peri. "This success criterion requires that content presented on the page must be meaningful during navigation to all users…" https://www.digitala11y.com/understanding-sc-1-3-2-meaningful-sequence/ Designing for Cognitive Differences By Brandon Gregory. "Accessible design is often reduced to adding alt text and avoiding colors imperceptible by colorblindness. While physical differences are an important component of accessible design, cognitive differences are often ignored entirely. Brandon Gregory considers three common types-inattention, anxiety, and depression-and how they impact their users, patterns that trigger those conditions, and how designers can be more conscientious when design for them." https://alistapart.com/article/designing-for-cognitive-differences 3 Simple Tips to Improve Keyboard Accessibility By Lindsey Kopacz. "I wanted to write a blog post about one of my favorite accessibility topics - keyboard accessibility…" https://www.a11ywithlindsey.com/blog/3-simple-tips-improve-keyboard-accessibility/ Be Better: Accessibility By Ben Callahan. "In this edition of the 'Be Better' newsletter series, Ben explores how responsive web design is accessible web design…" https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design Transcripts: Third Time's a Charm By Deborah Edwards-Onoro. "For anyone working directly with customers, you know many of the best suggestions for improving your product or service come from customer requests…" https://www.lireo.com/transcripts-third-times-a-charm/ The No. 1 Thing You're Getting Wrong About Inclusive Design By Kat Holmes. "…An important distinction is that accessibility is an attribute, while inclusive design is a method. While practicing inclusive design should make a product more accessible, it's not a process for meeting all accessibility standards…Universal design is one-size-fits-all. Inclusive design is one-size-fits-one…" https://www.fastcompany.com/90243282/the-no-1-thing-youre-getting-wrong-about-inclusive-design Accessibility is Not What You Think By Paul Boag. "Accessibility is not just about meeting the needs of the disabled or catering for edge cases. Accessibility impacts everybody…" https://boagworld.com/accessibility/accessibility-is-not-what-you-think/ Inclusive Design 24 #ID24 (Videos) The full October 2018 playlist. https://www.youtube.com/playlist?list=PLn7dsvRdQEfEnBxpVztmJ8KCKNJ_P-hR6 DIY Accessibility Brunch 'n' Learn: WCAG 2.1 (Video) By Amy Drayer. Amy's October 8 presentation. https://www.youtube.com/watch?v=33pqYHq1I08 A11yTO By Steve Faulkner. Steve's #a11yTO Conference 2018 presentation. https://docs.google.com/presentation/d/1L9oyYPwqTIsxex5jf1WXwSPKMsM0m81_kEY_6djRsr8/edit?usp=sharing Google Slides Automatically Captions Your Presentations By Jon Fingas. "…While it's unclear how accurate the system will be in practice (YouTube's live captions aren't always on the mark), it should be a vital tool for making presentations more accessible…" https://www.engadget.com/2018/10/08/google-slides-automatically-captions-your-presentations/ Winn-Dixie Urges Court to Reverse Landmark ADA Website Ruling By Raychel Lean. "Winn-Dixie Stores Inc. on Oct. 4 asked the U.S. Court of Appeals for the Eleventh Circuit to reverse a key 2017 ruling involving the rights of blind internet users, paving the way for a host of similar website accessibility lawsuits…" https://www.law.com/dailybusinessreview/2018/10/08/winn-dixie-urges-court-to-reverse-landmark-ada-website-ruling/ +02: BOOKS. Holmes, Kat. Mismatch: How Inclusion Shapes Design. MIT Press, 2018. Silver, Adam. Form Design Patterns. Smashing Magazine. 2018. +03: EVALUATION & TESTING. Cracking A/B Testing in Your Product By Sarthak Handa. "Lessons from the journey of increasing in-app conversions by 1.6 times in 2.5 months using A/B testing for 'Travel Triangle' App…" https://hackernoon.com/cracking-a-b-testing-in-your-product-e63b5897d359 A Deep Dive into Surveys: Open Ended Vs. Closed-Ended By Chattermill. "…When creating excellent online surveys, it's critical you make proper use of both question types and know exactly when to use each one across customer touchpoints and behaviors…" https://usabilla.com/blog/a-deep-dive-into-surveys-open-ended-vs-closed-ended/ Predicting UX Metrics with the PURE Method By Jeff Sauro. "pure-featureThe PURE (Practical Usability Rating by Experts) method is an analytic technique that identifies potential problems users may encounter with an interface…" https://measuringu.com/ux-metrics-pure/ A Very Informal Look at Gutenberg Accessibility By Joni Halabi. "…It appears the Gutenberg did think about some accessibility features, but it is very clear that no complete accessibility testing was performed. The points of frustration for me in this short experiment where…" https://thatdevgirl.com/blog/a-very-informal-look-at-gutenberg-accessibility Building Fast and Reliable Web Applications By Frank van Gemeren. "Continuously testing trivago at scale…" https://tech.trivago.com/2018/10/12/building-fast-and-reliable-web-applications/ +04: EVENTS. Diving into Digital Accessibility: UX Design October 24, 2018. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/255407802/ Online Live Stream: https://www.youtube.com/watch?v=rV24j43m5kA Live Captions: http://www.streamtext.net/player?event=CDA Applying Accessibility Heuristics to a Wireframe: Part 1 November 8, 2018. Online https://accessibility.deque.com/applying-accessibility-heuristics-to-a-wireframe eAccessibility with David Berman November 29, 2018. Online https://davidberman.com/2018-november-29-accessibility-course-online/ Government IT Symposium December 4-6, 2018. Saint Paul, Minnesota, U.S.A. http://www.mngts.org/itsym/ Accessible Learning Conference East Lansing, Michigan, U.S.A. December 6-7, 2018. http://www.accessiblelearning.org/ PDF Techniques Accessibility Summit December 10-11, 2018. Edinburgh, Scotland https://www.pdfa.org/event/pdf-techniques-accessibility-summit/ +05: HTML. Why Don't We Add a <lovely> Element to HTML? By Bruce Lawson. "…HTML should add only elements that either expose functionality that would be pretty much meaningless otherwise (e.g. <canvas>) or that provide semantics that help repurpose for Web browsing uses…So what can we do? Luckily, HTML already has a little-known element you can use to wrap data to make it machine readable…" https://www.brucelawson.co.uk/2018/why-so-hard-to-add-new-html-elements/ +06: JAVASCRIPT. State of Accessibility in Dynamic Web Content (WebAIM Thread) By Brandon Keith Biggs. "With React and JSX widgets being adopted by so many companies, there needs to be a concerted effort to make the new interfaces accessible to screen readers…Currently there are no users…" https://webaim.org/discussion/mail_thread?thread=8963 Creating Accessible React Apps By Scott Vinkle. The following are my notes and links for my #a11yTOConf 2018 live-coding demo on 'Creating accessible React apps'…" https://gist.github.com/svinkle/4adbfee72a203ff3bc39204de75d97d7 +07: MISCELLANEOUS. WordPress, Accessibility, and Gutenberg By Joe Dolson. "…If the time frame for the release of 5.0 is held to, it is almost a guarantee that the first release of Gutenberg in WordPress will not be accessible…" https://www.joedolson.com/2018/10/wordpress-accessibility-and-gutenberg/ +08: TOOLS. REVENGE.CSS. By Heydon Pickering. "Revenge.css is a CSS bookmarklet that reports bad html using pseudo content. If the page you use it with has malformed links, deprecated attributes, <div>s inside inline elements, inaccessible buttons, badly nested sections or other errors, you'll see some ugly, pink errors written in nobody's favourite font: Comic Sans…" http://heydonworks.com/revenge_css_bookmarklet/ Contraste "Contraste is a simple app for checking the accessibility of text against the Web Content Accessibility Guidelines (WCAG)…" (macOS) https://contrasteapp.com/ +09: USABILITY. Technology Myths and Urban Legends By Kate Moran and Kim Flaherty. "When users don't clearly understand how systems function, they develop unique (and often incorrect) theories to explain their experiences." https://www.nngroup.com/articles/technology-myths/ Natural Mappings and Stimulus-Response Compatibility in User Interface Design By Katie Sherwin. "Designs that quickly convey relationships between the user input and the result often use natural mappings or have a high stimulus-response compatibility." https://www.nngroup.com/articles/natural-mappings/ Why Chunking Content is Important (Video) By Kate Moran. "Chunking makes content easier to comprehend and remember. Chunking text help users understand the relationship between content elements and information hierarchy." https://www.nngroup.com/videos/chunking/ Hard Costs of Third-Party Scripts By Dave Rupert. "I'm interested in the User Experience costs of third-party scripts…" https://daverupert.com/2018/10/hard-costs-of-third-party-scripts/ MODALZ MODALZ MODALZ. We Use Too Many Damn Modals By Adrian Egger. "Modals are the crutch of the inarticulate designer and developer…" https://modalzmodalzmodalz.com/ [Section one ends.] ++ SECTION TWO: +10: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] Attachments area
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: October 10, 2018
David Dillard
[webdev] Web Design Update: October 10, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 16, October 10, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 16 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://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. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Exploring WCAG 2.1 - 2.5.6 Concurrent Input Mechanisms By Becky Gibson. "You made it! This is the last in our series on the new WCAG 2.1 Success Criteria. We finish with the last level AAA success criterion, 2.5.6 Concurrent Input Mechanisms. It is under guideline 2.5, Input Modalities…" https://knowbility.org/blog/2018/WCAG21-256ConcurrentInputMechanisms/ Technica11y - October 2018 - Nicolas Steenhout (Video) By Karl Groves. "Nicolas Steenhout, host of A11y Rules, a podcast about web accessibility, discusses how he made his podcast and its accompanying website more accessible…" https://www.youtube.com/watch?v=WFlb0wpXm0s Web Accessibility for Cognitive, Learning and Neurological Impairment By Andreea Popescu. "Web accessibility for those kinds of users who have cognitive, learning and neurological is more complex than one for other disabilities because it's not just focused on those, requiring alike elements from other impairment…" https://uxdesign.cc/web-accessibility-for-cognitive-learning-and-neurological-impairment-194dc96e6d89 Google Slides Offers Real-Time Automated Captions By Deborah Edwards-Onoro. "Imagine you're attending a presentation where the speaker's words are automatically captioned in real-time on presentation slides…" https://www.lireo.com/google-slides-offers-real-time-automated-captions/ GW Pushes First Federal Deadline to Improve Online Accessibility By Leah Potter. "The education department pushed back GW's (George Washington University's)first federal deadline to ensure all new online content is accessible for individuals with disabilities." https://www.gwhatchet.com/2018/10/04/gw-pushes-first-federal-deadline-to-improve-online-accessibility/ DOJ Finally Chimes In On State of the Website Accessibility Legal Landscape - But Did Anything Really Change? By Joshua A. Stein. "As those of you who have followed my thoughts on the state of the website accessibility legal landscape over the years are well aware, businesses in all industries continue to face an onslaught of demand letters and state and federal court lawsuits (often on multiple occasions, at times in the same jurisdiction) based on the concept that a business' website is inaccessible to individuals with disabilities…" https://www.retaillaborandemploymentlaw.com/announcements/doj-finally-chimes-in-on-state-of-the-website-accessibility-legal-landscape-but-did-anything-really-change/ Florida Court Dismisses Website Accessibility Case, Clarifying 'Nexus' Requirement For Stating A Claim Under The ADA By John W. Egan & Marlin Duro. "Florida court rules that plaintiff must allege more than being unable to learn about a brick-and-mortar business to state a claim that an allegedly inaccessible website violates the ADA…" https://www.adatitleiii.com/2018/10/florida-court-dismisses-website-accessibility-case-clarifying-nexus-requirement-for-stating-a-claim-under-the-ada/ Price v. Everglades College, Inc. By United States District Court, Florida, Orlando Division. https://www.leagle.com/decision/infdco20180717789 ADA Website Cases Continue to Befuddle Businesses By Dori K. Stibolt. "Here is the Southern District of Florida, this past year has been filled with a monumental increase in Americans with Disabilities Act ('ADA') Title III cases focused on businesses' web sites…" https://southfloridatrial.foxrothschild.com/ada-title-iii/ada-website-cases-continue-to-befuddle-businesses/ DOJ Takes Flexible Position on Website Accessibility Requirements By Ballard Spahr. "…The DOJ noted that for more than 20 years, the DOJ has interpreted the ADA to apply to websites of places of public accommodation. The DOJ's response also clarified that the absence of a specific regulation does not mean that websites are not subject to the ADA's accessibility requirements…" https://www.natlawreview.com/article/doj-takes-flexible-position-website-accessibility-requirements TD Ameritrade to Settle Blind Woman's Website Accessibility Lawsuit By Jed Horowitz. "TD Ameritrade Inc. and a blind customer who claimed she could not access key pages of the broker-dealer's website in an alleged violation of the Americans with Disabilities Act have reached an agreement in principle to settle her discrimination lawsuit…" https://advisorhub.com/td-ameritrade-to-settle-blind-womans-website-accessibility-lawsuit/ +02: CASCADING STYLE SHEETS. Unbuttoning Buttons By Scott O'Hara. "…let's talk about styling the button element…" https://www.scottohara.me/blog/2018/10/03/unbutton-buttons.html Unbuttoning Buttons By Chris Coyier. "…I think the solution offered to use a <span role="button" tabindex="0" onClick="..."> is a little bizarre since you need bring your own keyboard handling with is non-trivial and requires JavaScript. But there are a couple of interesting other CSS explorations, neither of which stacked up for different reasons…" https://css-tricks.com/unbuttoning-buttons/ An nth-letter Selector in CSS By Jeremy Keith. "Variable fonts are a very exciting and powerful new addition to the toolbox of web design. They was very much at the centre of discussion at this year's Ampersand conference…" https://adactio.com/journal/14408 Use Cases For Flexbox By Rachel Andrew. "In this final article of the series, we wrap up by taking a look at some of the common uses for Flexbox. What should we use Flexbox for, and what it is not so good at?…" https://www.smashingmagazine.com/2018/10/flexbox-use-cases/ One Invalid Pseudo Selector Equals an Entire Ignored Selector By Chris Coyier. "Perhaps you know this one: if any part of a selector is invalid, it invalidates the whole selector. For example…" https://css-tricks.com/one-invalid-pseudo-selector-equals-an-entire-ignored-selector/ CSS Debugging and Optimization: Code-Quality Tools By Tiffany Brown. "…In this article, we'll discuss tools that help you analyze the quality of your CSS. We'll focus on two…" https://www.sitepoint.com/css-debugging-and-optimization-code-quality-tools/ The Way We Talk About CSS By Rachel Andrew. "…One of the things I've been thinking about is how we have typically thought about CSS, and how that should be changing given where the language is now…" https://www.rachelandrew.co.uk/archives/2018/10/04/the-way-we-talk-about-css/ +03: EVALUATION & TESTING. User Interviews: How, When, and Why to Conduct Them By Kara Pernice. "User interviews have become a popular technique for getting user feedback, mainly because they are fast and easy. Use them to learn about users' perceptions of your design, not about its usability." https://www.nngroup.com/articles/user-interviews/ Contextual Inquiry: Leave Your Office to Find Design Ideas (Video) By Garrett Goldfield. "Field studies observe how people interact with interfaces in their own environment. Real-world contexts reveal behaviors for which you might not be aware." https://www.nngroup.com/videos/contextual-inquiry/ Skip User Research Unless You're Doing it Eight - Seriously By Joe Munko. "…The data we gather out of exercises that over-index on speed are decontextualized and disconnected from other relevant insights we've collected over time and across studies. We need to pause and question whether this one-off research adds real value and contributes to an organization's growing understanding of customers when we know it may skip steps critical to identifying insights that transcend time and context…" https://medium.com/microsoft-design/skip-user-research-unless-youre-doing-it-right-seriously-15494e5ee033 +04: EVENTS. Section 508 Webinar Series: Making the Business Case for Accessibility: How to develop a Section 508 Communication Plan November 27, 2018. Online http://www.adainfo.org/training/section-508-webinar-series-making-business-case-accessibility-how-develop-section-508 Introduction to Website Accessibility November 30, 2018. Online https://accessontario.com/event/introduction-to-website-accessibility-5/ International Day of People with Disability December 3, 2018. Everywhere http://www.idpwd.com.au/ Accessibility Lawsuits, How to Handle Them; How to Avoid Them December 5-6, 2018. Washington, DC, U.S.A. https://www.accessibility.legal/ How to Create an Accessible Website December 5-6, 2018. Online https://accessontario.com/event/how-to-create-an-accessible-website-3/ +05: HTML. Introducing the Button Element By Andy Bell. "…There's a native element called a <button>, and I'm here to talk about it with you today…" https://hankchizljaw.io/wrote/introducing-the-button-element/ +06: MISCELLANEOUS. Exclusive: Tim Berners-Lee Tells Us His Radical New Plan to Upend the World Wide Web By Fast Company. "With an ambitious decentralized platform, the father of the web hopes it's game on for corporate tech giants like Facebook and Google…" https://www.fastcompany.com/90243936/exclusive-tim-berners-lee-tells-us-his-radical-new-plan-to-upend-the-world-wide-web I Have Resigned as the WordPress Accessibility Team Lead. Here is Why. By Rian Rietveld. "…In this post I'll try to give an analysis of what the WordPress Accessibility Team (wpa11y team) did during the development of Gutenberg and what the problems are with working on its accessibility…" https://rianrietveld.com/2018/10/09/i-have-resigned-the-wordpress-accessibility-team/ AccessU 2018 Eldering Panel By Wendy Chisholm, Lainey Feingold, and Sharron Rush. "This video is of Knowbility's 2018 AccessU conference panel: 'Honoring Wisdom, Embracing Change: A Conversation about Eldering in the Accessibility Community'…" https://www.youtube.com/watch?v=xks8xt8uVsk Why Design Thinking Works By Jeanne Liedtka. "Occasionally, a new way of organizing work leads to extraordinary improvements…" https://hbr.org/2018/09/why-design-thinking-works The Psychology of Design By Jon Yablonski. "As humans, we have an underlying 'blueprint' for how we perceive and process the world around us, and the study of psychology helps us define this blueprint. And as designers, we can leverage psychology principles to build more intuitive" https://alistapart.com/article/psychology-of-design +07: NAVIGATION. Why You Need a Home Link (Video) By Kathryn Whitenton. "Websites which provide a "home" link on every page make it easy for new visitors and users who are lost to get oriented." https://www.nngroup.com/videos/why-you-need-home-link/ +08: USABILITY. Using Dark Patterns for Good By Marli Mesibov. "It was so frustratingly difficult to find the 'sign out' button on Gmail that my father finally gave up and left himself signed in forever…" http://www.uxbooth.com/articles/using-dark-patterns-for-good/ Designing the Invisible By Viba Mohan. "Your one stop guide to designing for voice based interfaces…" https://uxplanet.org/designing-the-invisible-260291a02b71 Store Finders and Locators By Aurora Harley. Finding addresses and location information on company websites has gotten dramatically easier, but users increasingly turn to search engines or native map apps first for this task. https://www.nngroup.com/articles/store-finders-and-locators/ Bad Practices on Birthdate Form Fields By Anthony Tseng. "Asking users for their birthdate on a form is complicated…" http://uxmovement.com/forms/bad-practices-on-birthdate-form-fields/ [Section one ends.] ++ SECTION TWO: +09: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.] 
|
|||||||||||
|
|
|||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 15, October 4, 2018.
David Dillard
+++ WEB DESIGN UPDATE.
+++ WEB DESIGN UPDATE. - Volume 17, Issue 15, October 4, 2018. 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? http://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: JAVASCRIPT. 07: MISCELLANEOUS. 08: STANDARDS, GUIDELINES & PATTERNS. 09: TOOLS. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Exploring WCAG 2.1 - 2.5.5 Target Size By Becky Gibson. "We are nearing the end of our series on the new WCAG 2.1 Success Criteria. We return to the topic of mobile accessibility with the last two new success criteria, both at level AAA. This post will review 2.5.5 Target Size under guideline 2.5, Input Modalities…" https://knowbility.org/blog/2018/WCAG21-255TargetSize/ Online Video Accessibility By Terrill Thompson. Video and slides from Terrill's September 20, 2018 presentation for the Great Lakes ADA Center are available. https://www.accessibilityonline.org/ada-tech/archives/110664 A11Y Style Guide By Carie Fisher. "This application is a living style guide or pattern library, generated from KSS documented styles…with an accessibility twist…" http://a11y-style-guide.com/style-guide/ Heck Yes, Accessibility - Let's Make the Future Awesome By Mischa Andrews. "Want a future with amazing technology? Prioritize and demand accessibility…" https://uxdesign.cc/future-tech-accessibility-e93600e8917e VPAT Version 2.x By Jay Wyant. "Understanding the changes and requirements…" https://mn.gov/mnit/media/blog/?id=38-352362 Scoring Accessibility By Margaret Klein. "Addressing Accessibility in the RFP Process…" https://mn.gov/mnit/media/blog/?id=38-352361 WAI-ARIA Graphics Module 1.0 and Graphics Accessibility API Mappings 1.0 are W3C Recommendations By Coralie Mercier. "The Accessible Rich Internet Applications Working Group has published WAI-ARIA Graphics Module 1.0 (Graphics-ARIA) and Graphics Accessibility API Mappings 1.0 (Graphics-AAM) as W3C Recommendations. Graphics-ARIA defines core roles specific to web graphics which allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics.…" https://www.w3.org/blog/news/archives/7341 Department of Justice Affirms ADA's Coverage of Websites By Lainey Feingold. "…This is a post about a letter from the United States Department of Justice. The letter is about the Americans with Disabilities Act and web sites. In the letter the Department says it will not make new rules about websites and access for disabled people. This is good news because the ADA already applies to websites. The letter says the Department has read the ADA to apply to public accommodations' websites for more than twenty years." https://www.lflegal.com/2018/09/doj-cut DoJ Refuses Request to Issue ADA Guidance for Websites By Credit Union Times. "More than 100 lawsuits have been filed against CUs alleging that the websites are not accessible to people with disabilities." https://www.cutimes.com/2018/09/26/doj-refuses-request-to-issue-ada-guidance-for-webs/ Court Says Website Access Case for Deaf May Proceed By National Association of the Deaf. "In a case of first impression and a major vindication for disability rights, the United States Court of Appeals for the Eleventh Circuit Court has ruled that deaf and hard of hearing people are not required to file a complaint with the Federal Communications Commission (FCC) before they can sue under the Americans with Disabilities Act (ADA) and Rehabilitation Act for a denial of web access." https://www.nad.org/2018/10/03/court-says-website-access-case-for-deaf-may-proceed/ +02: CASCADING STYLE SHEETS. Creating Flexible Layouts with Flexbox By Tiffany Brown. "The following introduction to Flexbox is an extract from Tiffany's upcoming book, CSS Master…" https://www.sitepoint.com/creating-flexible-layouts-with-flexbox/ Your CSS Layout Toolkit for 2019 By Rachel Andrew. Slides and resources for Rachel newest presentation. https://noti.st/rachelandrew/QEhSSc/your-css-layout-toolkit-for-2019 +03: COLOR. The Basics and Importance of Color Contrast for Web Accessibility By Bureau of Internet Accessibility. "For digital accessibility, the concept of color contrast is as critical as it is simple.…" https://www.boia.org/blog/the-basics-and-importance-of-color-contrast-for-web-accessibility +04: EVALUATION & TESTING. Ideation Techniques for a One-Person UX Team (Video) By Aurora Harley. "Even a lone UX wolf can ideate design options, and structured ideation techniques help you explore the design space." https://www.nngroup.com/videos/ideation-one-person-ux-team/ The Word 'Validate' Undermines UX Effectiveness (Video) By Kara Pernice. "Our words define UX research goals for users, stakeholders, and teams. Turning UX research into improved design is already challenging. Why make it more so by setting unsuitable expectations with the words we use to describe research?" https://www.nngroup.com/videos/word-validate-undermines-ux-effectiveness/ +05: EVENTS. WebAIM Training October 9-10, 2018. December 4-5, 2018. Logan, Utah, U.S.A. https://webaim.org/training So, You Decided to Start a Research Program October 11, 2018. Minneapolis, Minnesota, U.S.A. http://uxpamn.org/event-3040828 San Francisco Accessibility Bootcamp November 12-15, 2018. San Francisco, California, U.S.A. https://www.eventbrite.com/e/san-francisco-accessibility-bootcamp-tickets-46889169769 Full Stack Toronto 2018 November 29-30, 2018. Toronto, Canada https://www.fsto.co/ UX Conference Las Vegas December 1-7, 2018. Las Vegas, Nevada, U.S.A. https://www.nngroup.com/training/las-vegas/ +06: JAVASCRIPT. A Minimal JavaScript Setup By Georgy Marchuk. "…I guess the main point of this article is that you don't need a framework to write maintainable and reusable code. Following and enforcing a few concepts (that frameworks use as well) can take you far on its own…" https://css-tricks.com/a-minimal-javascript-setup/ +07: MISCELLANEOUS. There's Power in Your Choices. This is a Post About Chrome. By Jon Christopher. "…There's a war on privacy in our world of Web development. As we have choice in the places we shop and the food we eat, we have a choice here too…" https://jonchristopher.us/blog/choosing-chrome/ Hack on MDN By Adrian Roselli. "Last week Mozilla brought together a group of smart people (and me) who work in or near accessibility to spend a long weekend updating the MDN Web Docs…" http://adrianroselli.com/2018/09/hack-on-mdn.html +08: STANDARDS, GUIDELINES & PATTERNS. Web Developer Representation in W3C By Peter-Paul Koch. "During its annual general member meeting on October 19th, the Fronteers board will propose both to become a member of the World Wide Web Consortium (W3C) and to hire Rachel Andrew as our representative in that standards body…" https://alistapart.com/article/web-developer-representation-in-w3c +09: TOOLS. Link Contrast Checker By WebAIM. "This new tool makes it easy to measure the complex WCAG contrast requirements for links that are not underlined within body text." https://webaim.org/resources/linkcontrastchecker/ Picular "Google, but for colors." https://picular.co/ HTML Colors By Franco Maldonado. https://htmlcolors.com Gradient Hunt By Franco Maldonado. "an open collection of gradients" https://gradienthunt.com Lorem Ipsum Generator "Tool to generate latin placeholder texts commonly used to fulfill empty areas." https://lorem-ipsum-generator.com/ +10: USABILITY. Individualized Recommendations: Users' Expectations and Assumptions By Aurora Harley. "Users appreciate personalized content suggestions and are willing to give up some of their privacy for quality recommendations, while accepting some inaccurate recommendations." https://www.nngroup.com/articles/recommendation-expectations/ Storytelling in UX Research By David Travis. "UX researchers are storytellers who have devised tools like personas and user journey maps to tell the story of their research. Focusing on the story, rather than the tool, is a powerful way to become more effective…" https://www.userfocus.co.uk/articles/storytelling-in-ux-research.html E-Commerce Checkouts Need to Mark Both Required and Optional Fields Explicitly (Only 14% Do So) By Edward Scott. "Marking both required and optional fields in the checkout is a controversial area of form usability…" https://baymard.com/blog/required-optional-form-fields [Section one ends.] ++ SECTION TWO: +11: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
|
[webdev] Web Design Update: October 4, 2018
David Dillard
[webdev] Web Design Update: October 4, 2018
+++ WEB DESIGN UPDATE. - Volume 17, Issue 15, October 4, 2018. 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? http://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: JAVASCRIPT. 07: MISCELLANEOUS. 08: STANDARDS, GUIDELINES & PATTERNS. 09: TOOLS. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Exploring WCAG 2.1 - 2.5.5 Target Size By Becky Gibson. "We are nearing the end of our series on the new WCAG 2.1 Success Criteria. We return to the topic of mobile accessibility with the last two new success criteria, both at level AAA. This post will review 2.5.5 Target Size under guideline 2.5, Input Modalities…" https://knowbility.org/blog/2018/WCAG21-255TargetSize/ Online Video Accessibility By Terrill Thompson. Video and slides from Terrill's September 20, 2018 presentation for the Great Lakes ADA Center are available. https://www.accessibilityonline.org/ada-tech/archives/110664 A11Y Style Guide By Carie Fisher. "This application is a living style guide or pattern library, generated from KSS documented styles…with an accessibility twist…" http://a11y-style-guide.com/style-guide/ Heck Yes, Accessibility - Let's Make the Future Awesome By Mischa Andrews. "Want a future with amazing technology? Prioritize and demand accessibility…" https://uxdesign.cc/future-tech-accessibility-e93600e8917e VPAT Version 2.x By Jay Wyant. "Understanding the changes and requirements…" https://mn.gov/mnit/media/blog/?id=38-352362 Scoring Accessibility By Margaret Klein. "Addressing Accessibility in the RFP Process…" https://mn.gov/mnit/media/blog/?id=38-352361 WAI-ARIA Graphics Module 1.0 and Graphics Accessibility API Mappings 1.0 are W3C Recommendations By Coralie Mercier. "The Accessible Rich Internet Applications Working Group has published WAI-ARIA Graphics Module 1.0 (Graphics-ARIA) and Graphics Accessibility API Mappings 1.0 (Graphics-AAM) as W3C Recommendations. Graphics-ARIA defines core roles specific to web graphics which allow an author to express the logical structure of the graphic to assistive technologies in order improve accessibility of graphics.…" https://www.w3.org/blog/news/archives/7341 Department of Justice Affirms ADA's Coverage of Websites By Lainey Feingold. "…This is a post about a letter from the United States Department of Justice. The letter is about the Americans with Disabilities Act and web sites. In the letter the Department says it will not make new rules about websites and access for disabled people. This is good news because the ADA already applies to websites. The letter says the Department has read the ADA to apply to public accommodations' websites for more than twenty years." https://www.lflegal.com/2018/09/doj-cut DoJ Refuses Request to Issue ADA Guidance for Websites By Credit Union Times. "More than 100 lawsuits have been filed against CUs alleging that the websites are not accessible to people with disabilities." https://www.cutimes.com/2018/09/26/doj-refuses-request-to-issue-ada-guidance-for-webs/ Court Says Website Access Case for Deaf May Proceed By National Association of the Deaf. "In a case of first impression and a major vindication for disability rights, the United States Court of Appeals for the Eleventh Circuit Court has ruled that deaf and hard of hearing people are not required to file a complaint with the Federal Communications Commission (FCC) before they can sue under the Americans with Disabilities Act (ADA) and Rehabilitation Act for a denial of web access." https://www.nad.org/2018/10/03/court-says-website-access-case-for-deaf-may-proceed/ +02: CASCADING STYLE SHEETS. Creating Flexible Layouts with Flexbox By Tiffany Brown. "The following introduction to Flexbox is an extract from Tiffany's upcoming book, CSS Master…" https://www.sitepoint.com/creating-flexible-layouts-with-flexbox/ Your CSS Layout Toolkit for 2019 By Rachel Andrew. Slides and resources for Rachel newest presentation. https://noti.st/rachelandrew/QEhSSc/your-css-layout-toolkit-for-2019 +03: COLOR. The Basics and Importance of Color Contrast for Web Accessibility By Bureau of Internet Accessibility. "For digital accessibility, the concept of color contrast is as critical as it is simple.…" https://www.boia.org/blog/the-basics-and-importance-of-color-contrast-for-web-accessibility +04: EVALUATION & TESTING. Ideation Techniques for a One-Person UX Team (Video) By Aurora Harley. "Even a lone UX wolf can ideate design options, and structured ideation techniques help you explore the design space." https://www.nngroup.com/videos/ideation-one-person-ux-team/ The Word 'Validate' Undermines UX Effectiveness (Video) By Kara Pernice. "Our words define UX research goals for users, stakeholders, and teams. Turning UX research into improved design is already challenging. Why make it more so by setting unsuitable expectations with the words we use to describe research?" https://www.nngroup.com/videos/word-validate-undermines-ux-effectiveness/ +05: EVENTS. WebAIM Training October 9-10, 2018. December 4-5, 2018. Logan, Utah, U.S.A. https://webaim.org/training So, You Decided to Start a Research Program October 11, 2018. Minneapolis, Minnesota, U.S.A. http://uxpamn.org/event-3040828 San Francisco Accessibility Bootcamp November 12-15, 2018. San Francisco, California, U.S.A. https://www.eventbrite.com/e/san-francisco-accessibility-bootcamp-tickets-46889169769 Full Stack Toronto 2018 November 29-30, 2018. Toronto, Canada https://www.fsto.co/ UX Conference Las Vegas December 1-7, 2018. Las Vegas, Nevada, U.S.A. https://www.nngroup.com/training/las-vegas/ +06: JAVASCRIPT. A Minimal JavaScript Setup By Georgy Marchuk. "…I guess the main point of this article is that you don't need a framework to write maintainable and reusable code. Following and enforcing a few concepts (that frameworks use as well) can take you far on its own…" https://css-tricks.com/a-minimal-javascript-setup/ +07: MISCELLANEOUS. There's Power in Your Choices. This is a Post About Chrome. By Jon Christopher. "…There's a war on privacy in our world of Web development. As we have choice in the places we shop and the food we eat, we have a choice here too…" https://jonchristopher.us/blog/choosing-chrome/ Hack on MDN By Adrian Roselli. "Last week Mozilla brought together a group of smart people (and me) who work in or near accessibility to spend a long weekend updating the MDN Web Docs…" http://adrianroselli.com/2018/09/hack-on-mdn.html +08: STANDARDS, GUIDELINES & PATTERNS. Web Developer Representation in W3C By Peter-Paul Koch. "During its annual general member meeting on October 19th, the Fronteers board will propose both to become a member of the World Wide Web Consortium (W3C) and to hire Rachel Andrew as our representative in that standards body…" https://alistapart.com/article/web-developer-representation-in-w3c +09: TOOLS. Link Contrast Checker By WebAIM. "This new tool makes it easy to measure the complex WCAG contrast requirements for links that are not underlined within body text." https://webaim.org/resources/linkcontrastchecker/ Picular "Google, but for colors." https://picular.co/ HTML Colors By Franco Maldonado. https://htmlcolors.com Gradient Hunt By Franco Maldonado. "an open collection of gradients" https://gradienthunt.com Lorem Ipsum Generator "Tool to generate latin placeholder texts commonly used to fulfill empty areas." https://lorem-ipsum-generator.com/ +10: USABILITY. Individualized Recommendations: Users' Expectations and Assumptions By Aurora Harley. "Users appreciate personalized content suggestions and are willing to give up some of their privacy for quality recommendations, while accepting some inaccurate recommendations." https://www.nngroup.com/articles/recommendation-expectations/ Storytelling in UX Research By David Travis. "UX researchers are storytellers who have devised tools like personas and user journey maps to tell the story of their research. Focusing on the story, rather than the tool, is a powerful way to become more effective…" https://www.userfocus.co.uk/articles/storytelling-in-ux-research.html E-Commerce Checkouts Need to Mark Both Required and Optional Fields Explicitly (Only 14% Do So) By Edward Scott. "Marking both required and optional fields in the checkout is a controversial area of form usability…" https://baymard.com/blog/required-optional-form-fields [Section one ends.] ++ SECTION TWO: +11: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]
|
|||||||||||
|
|
|||||||||||
