a11yTips — Use the TITLE attribute to identify the purpose of…

Use the TITLE attribute to identify the purpose of form controls

Make sure controls that don’t have visible labels are assigned descriptive TITLE attributes

In order to be considered accessible, form controls need to be explicitly associated with descriptive text labels that are reliably conveyed to assistive technologies. Whenever it is impossible to associate a visible text label to a form control, another means of conveying the function or purpose of the form control needs to be provided to users. Invisible text labels, having the distinct disadvantage of not being displayed on the screen, make it more complicated for sighted users to understand what the form controls are about. But when providing a visible text label or even hiding one through CSS is not an option, invisible text labels are the next best thing.

To do so, simply make sure every form control that cannot be explicitly associated with a visible text label is assigned a TITLE attribute with a value that efficiently describes its purpose or function. Whenever possible, choose TITLE attributes to describe form controls over aria-label properties, as the support for the TITLE attribute is more consistent across different user agents and assistive technologies than aria-label is. While resorting to [...]

Read article at dboudreau.tumblr.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(792): require() #1 /home/webable/www/www/wp-includes/template.php(725): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65