+++ WEB DESIGN UPDATE. - Volume 17, Issue 49, May 29, 2019.

David P. Dillard

- Volume 17, Issue 49, May 29, 2019.

An email newsletter to distribute news and information about web
design and development.


SECTION ONE: New references.
What's new at the Web Design Reference site?
Web Design References
New links in these categories:

05: HTML.

11: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.


Contextually Marking up Accessible Images and SVGs
By Scott O'Hara.
"…there are various methods that can be used to provide an accessible
name to an image or SVG element…depending on the markup pattern and
the method used, the accessible name may not be exposed as expected,
due to quirks or gaps in implementations. This means that without
testing, graphics may not be exposed in the manner in which you might
Contextually Marking up accessible images and SVGs | scottohara.me

The Difference Between Keyboard and Screen Reader Navigation
By Léonie Watson.
"…Whether someone is a keyboard user or a screen reader user, the
importance of HTML cannot be emphasised enough. Without well-formed
HTML that uses the appropriate element for the purpose, screen reader
navigation breaks down completely, and keyboard navigation is at a
high risk of doing the same…"
The difference between keyboard and screen reader navigation – Tink

Accessible Icon Buttons
By Sara Soueidan.
"An icon button is an icon that triggers some sort of action on the page…"
Accessible Icon Buttons

Tabindex: It Rarely Pays to be Positive
By Scott O'Hara.
"HTML's tabindex attribute may be used to modify whether an element
can receive keyboard focus, or not…"
Tabindex: it rarely pays to be positive | scottohara.me

2.1.4 Character Key Shortcuts - WCAG 2.1 - Level A
By Rakesh Paladugula.
"If a keyboard shortcut is implemented in content using only letter
(including upper- and lower-case letters), punctuation, number, or
symbol characters, then at least one of the following is true…"

Dragon and Accessible Names on the Web (Video)
By Eric Wright.
"A brief demonstration of "What You See Is What You Say" in a web
browser, and how interaction changes when I only have to say part of
an element's accessible name. Elements should be named carefully to
enable intuitive interactions…"
CSUN ATC 17: Dragon and Accessible Names on the Web

Here are 23 Terms You Should Know to Better Understand Accessibility
By Julie Zeglen, Jonah Freedman et al.
"Audism, multi-modality and Section 508: We built a glossary based on
local experts' suggestions of the terms they think everyone should
Here are 23 terms you should know to better understand accessibility - Technical.ly Philly

A Model for WordPress Accessibility
By Adrian Roselli.
"I am going to propose a way to increase the overall accessibility of
the WordPress ecosystem…"
A Model for WordPress Accessibility


Digging Into The Display Property: Grids All The Way Down
By Rachel Andrew.
"Continuing a series on the display property in CSS, this time Rachel
Andrew takes a look at what happens when you use grid as a value of
display, with added information about how subgrid changes that
Digging Into The Display Property: Grids All The Way Down — Smashing Magazine


Questionnaire Design: An Interview with Annie Pettit (Podcast)
By Gerry Gaffney.
"My guest today is a market research methodologist who specializes in
survey design and data quality…"
Questionnaire design: An interview with Annie Pettit

Macro & Microconversions as Metrics in Analytics (Video)
By Kathryn Whitenton.
"The most desired user actions (macroconversions) may be too rare to
generate enough analytics data for fast design iteration, so we can
also analyze smaller user actions (microconversions) that are more
frequent and are connected to bigger goals."

+04: EVENTS.

Web Accessibility Evaluation for Non-Technical Users (3-part course)
June 10, 12, and 14, 2019.
DRES IT Accessibility Badging Program | Disability Resources & Educational Services - University of Illinois

Minnesota Assistive Technology (AT) and Accessibility Summit
June 13-14, 2019.
St. Paul, Minnesota, U.S.A.
Minnesota Assistive Technology (AT) and Accessibility Summit

Web Accessibility Evaluation for Technical Users (3-part course)
June 17, 19, and 21, 2019

Access Technology Higher Education Network (ATHEN) Virtual Conference
June 21, 2019.
ATHEN Virtual Conference | ATHEN

IndieWeb Summit
June 29-30, 2019.
Portland, Oregon, U.S.A.
IndieWeb Summit - June 29-30, 2019 - Portland, Oregon

Audio Description Institute
July 10-12, 2019.
Rochester, New York, U.S.A.
American Council of the Blind Convention

Chicago UX Conference
September 7-13, 2019, U.S.A.
Chicago, Illinois, U.S.A.
Chicago Agenda for the UX Conference 2019 | Nielsen Norman Group

Accessibility Scotland
October 25, 2019.
Edinburgh, Scotland
Accessibility Scotland 2019 - Accessibility Scotland

+05: HTML.

What Have HTML5 Elements Ever Done for Accessibility? (Slides)
By Graham Armfield.
"It's a story of good intentions that haven't always been carried
through into a good implementation."
What have HTML5 elements ever done for Accessibility

Placeholder: The Piss-Take Label
By Steve Faulkner.
"The reasons why use of the placeholder attribute as the only means of
providing a user readable prompt for a form control is deficient UX,
are voluminous…"
placeholder - the piss-take label


Plain Text vs. HTML Emails: Which Is Better? [New Data]
By Niti Shah.
"…Although people say they prefer HTML-based and image-based emails,
in reality, simpler emails perform best -- and plain-text emails
perform best of all…"
Plain Text vs. HTML Emails: Which Is Better? [New Data]


How Many Items in a Navigation Menu? (Video)
By Page Laubheimer.
"A key question in information architecture (IA) is to decide the
number of items in navigation menus (including global menus and local
menus). 4 main factors determine the answer, but it's not 7, despite a
common myth."


W3C and WHATWG to Work Together to Advance the Open Web Platform
By Jeff Jaffe.
"…Motivated by the belief that having two distinct HTML and DOM
specifications claiming to be normative is generally harmful for the
community, and the mutual desire to bring the work back together, W3C
and WHATWG agree to the following terms…"
W3C and WHATWG to work together to advance the open Web platform | W3C Blog


Typography Terms Cheat Sheet
By Therese Fessenden.
"Typography concepts can sometimes get lost in translation between
researchers, developers, designers, and stakeholders. Use this cheat
sheet to help you decode the meaning of common or often mistaken
typography terms."

The State of Fluid Web Typography
By Matej Latin.
"Fluid typography gives us so many opportunities to better design the
reading experiences on the web but, at the same time, it introduces
problems of font sizes scaling uncontrollably and potential
accessibility issues. Is fluid web typography ready to be used?…"
The State of Fluid Web Typography

font-display is Incompatible with Icon Fonts
By Zach Leatherman.
"There are myriad problems with icon fonts…"
font-display is Incompatible with Icon Fonts—zachleat.com


User Needs, and Why Your Organization Doesn't Care About Them
By Padma Gillen.
"We are excited to share this excerpt from GatherContent's book Lead
with Content…"
User needs, and why your organization doesn’t care about them | UX Booth

'About Us' Information on Websites
By Anna Kaley and Jakob Nielsen.
"Users expect About Us sections to be clear, authentic, and
transparent. They compare corporate content with third-party reviews
to form a holistic opinion of a company before initiating business or
applying for jobs."

[Section one ends.]


+11: What Can You Find at the Web Design Reference Site?

Accessibility Information.
Web Design References: Accessibility

Association Information.
Web Design References: Associations

Book Listings.
Web Design References: Books

Cascading Style Sheets Information.
Web Design References: Cascading Style Sheets

Color Information.
Web Design References: Color

Drupal Information.
Web Design References: Drupal

Evaluation & Testing Information.
Web Design References: Evaluation and Testing

Event Information.
Web Design References: Events

HTML Information.
Web Design References: HTML

Information Architecture Information.

JavaScript Information.
Web Design References: JavaScript

Miscellaneous Web Information.
Web Design References: Miscellaneous

Navigation Information.
Web Design References: Navigation & Labeling

PHP Information.
Web Design References: PHP

Sites & Blogs Listing.

Standards, Guidelines & Pattern Information.
Web Design References: Standards, Guidelines, and Patterns

Tool Information.
Web Design References: Tools

Typography Information.
Web Design References: Typography

Usability Information.
Web Design References: Usability

XML Information.
Web Design References: Usability

[Section two ends.]



WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


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:
Text Email Newsletter (TEN) Standard


Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009

[Issue ends.]

Join Educator-Gold@groups.io to automatically receive all group messages.