Feature Challenge to UD Applying UD Method

Sophisticated Layout/Use of Color
  • While visually appealing, layout may be based on illogical markup.
  • Color is not recognized as emphasis for screen readers.
  • Use “well formed” markup to code the form, using CSS to handle layout.
  • Avoid using tables if possible.
  • Use a combination of color, shading, font style and decoration to communicate.

Grid or Table Layout for Scaled items
  • Using tables for layout mixes content with layout.
  • Without labels, users won’t know which response category an option links to in the table.
  • Separate content from layout but coding the form in unstyled HTML and add separate CSS to style it.

  • Using link text like “click here,” “more info,” and “next” can confuse screen reader users who need the link text to describe what it is linking to.
  • Use descriptive text, clearly expressing where the link leads.
  • For added information, use the TITLE tag to embed even more information.

  • Can interfere with screen readers’ ability to interpret a form.
  • An unannounced change in focus of respondent can be confusing.
  • Find another way to communicate the message communicated by the pop-up.
  • If you must use it, announce that the action results in a pop-up window.

Navigation Process
  • User unable to easily tab through survey in logical order because the HTML form is not well-formed.
  • Labels are not logically placed near the inputs.
  • Without page headers, sequence or location in the instrument will be difficult.
  • Mark-up the HTML form to work without the use of tables or CSS.
  • Validate against a W3C standard then add styling with CSS.