{"id":300,"date":"2021-02-09T09:57:20","date_gmt":"2021-02-09T09:57:20","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=300"},"modified":"2021-02-09T10:31:08","modified_gmt":"2021-02-09T10:31:08","slug":"aria-description-by-public-demand-and-to-thunderous-applause","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2021\/02\/09\/aria-description-by-public-demand-and-to-thunderous-applause\/","title":{"rendered":"aria-description: By Public Demand and to Thunderous Applause"},"content":{"rendered":"

\"upper<\/p>\n

aria-description<\/code><\/a> is the ARIA attribute you wanted<\/em>, it makes adding a description (for screen reader users ONLY<\/em>) so much simpler<\/strong>.<\/p>\n

The aria-description<\/code><\/a> attribute is similar to aria-label<\/code><\/a> in that both provide a flat string to associate with the element, but a label should be concise, whereas a description is intended to provide more verbose information.<\/p>\n

source: ARIA 1.2<\/a><\/p><\/blockquote>\n

Vibes<\/h2>\n

The good vibes<\/strong> about aria-description<\/code> is that once implemented in the browser it will automatically have the same level of support as aria-describedby<\/code> as they are both the source of text for the accessible description<\/a> property in accessibility APIs<\/a> In fact it’s already implemented in Firefox\/Chrome\/Edge on Windows (and other platforms too with Firefox<\/a>) and is announced by screen readers, you can try it for yourself:<\/p>\n

See the Pen
\naria-description tests<\/a> by steve faulkner (@stevef<\/a>)
\non CodePen<\/a>.<\/p>\n