Admin Toolbar - Link lacks meaningful text

[grahamarmfield]

Within the admin toolbar there is a link to the WordPress Updates page. The text for this link however is just a number - which is made up of the number of plugins, themes with new versions.

Arguably this quite important information for admins for site security etc.

The link does have a title attribute containing the breakdown of the information, but not all screen readers will read out the title attribute values of links by default.

Please can the information contained in the title attribute be repeated in the link text - as screen reader-only text. Eg:

<span class="ab-label">10<span class="screen-rdr-class??"> consists 8 Plugin Updates, 2 Theme Updates</span></span>

[SergeyBiryukov]

Had to add !important for some properties, since the toolbar resets them:
​http://core.trac.wordpress.org/browser/tags/3.4.1/wp-includes/css/admin-bar.dev.css#L1

[azaozz]

Thinking it would be better to define a screen-reader-text class in admin-bar.css. Then it will be available on the front-end too and can override the reset without using !important.

[azaozz]

In [21425]:

Accessibility: add text to the updates link in the toolbar, props SergeyBiryukov, fixes #21333

[SergeyBiryukov]

Previous patch introduced a bug in IE 7 and 8 (21333.overlapping-title.png​), probably due to an improper use of <legend> tag. 21333.2.patch​ fixes that.

[azaozz]

In [21549]:

Fix screen reader text in IE7 and 8 in the toolbar "Updates" menu, props SergeyBiryukov, fixes #21333