Info & Relationships
Info and Relationships is a primary element. It is mandatory to include in your digital product.
┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
Ensure information on a screen has descriptive labels because they may not be experienced visually, in a viewport, or with proper graphic formatting. Phrases like “read more” and “click here” should not be used as they do not provide actual context. Items to consider when discussing info and relationships include: semantics, data tables, programming labels, group form elements, lists and headings.
Summary Points:
Info and their proper relationships ensure comprehension for all
Proper HTML headings like H1 will help screen readers
Use list elements (ol, ul, and dl elements) for list content
Voice pitch can allude to a heading such as an H1, H2, H3 for non visual
“Read More” and “Click Here” buttons are not inclusive
Include text descriptions of information since not all information can be programmed to automatically produce it
Programming Label Example:
Group Format Example <ul> :
Group Format Example <ol> :
Further On This Topic:
