Add informational section on the theme single for themes with Accessibility Ready tag describing what that means

[alh0319]

This is very similar to #7713. There is no explanation when viewing a single theme page in the Theme Directory what the Accessibility Ready tag means. Some users may misconstrue this tag as meaning the theme is fully WCAG compliant.

We want to add an alert to the top of the theme search that explains what the tag means if a user chooses to filter by it. As more laws around the world require websites to conform to WCAG, this distinction is increasingly important.

Proposed text:

Themes labeled as accessibility-ready have been independently reviewed against a set of WordPress-specific [theme accessibility requirements]​https://make.wordpress.org/themes/handbook/review/accessibility/required/. They have not been tested for [Web Content Accessibility Guidelines]​https://www.w3.org/TR/WCAG22/ conformance.
There should be a reference to relevant WCAG criteria under each section.

Location
This notice will be visible in the right column between the wporg-meta-list block and reviews block. It will only appear on themes that have added the Accessibility Ready tag and will not appear on themes without that tag.

Design
@slferguson has a proposed design to upload.

[alh0319]

Closeup for proposed new section

[ndiego]

@ryelle @fcoveram @markoserb @joen what do you all think about this? I imagine the design would need to be tweaked a bit, but this provides the user with far more context about what "Accessibility ready" means. This ticket is the single template version of #7713

[Joen]

theme archive example

[Joen]

theme example

[Joen]

Thanks for the ping. The clarification seems useful. Though I would not make it a banner in a box, I'd just add it as text and headings, as part of the page flow and in the content part of the theme sidebar.

I shared some examples above, though I'm realizing now I made a mistake in the theme example, the heading should be the same size as the other headings in the sidebar. Hopefully that makes sense.

Edit: Note that I mistakenly shared mockups both for the search banner (separately reported in https://meta.trac.wordpress.org/ticket/7713), and the theme sidebar (this issue), to this trac ticket. I'll connect the two issues now, sorry for the trouble.

Let me know what you think!

[alh0319]

I'm fine with it not looking like a banner on the single.

I'm not sure I understand the sentence that has been added: "There should be a reference to relevant WCAG criteria under each section."

What is that saying? Is it referencing the WP accessibility ready requirements?

[Joen]

Sorry that was a copy paste error on my part. I meant to use your text verbatim, and only visualize where I could see the text sit, and how it could appear without the banner treatment.

[joedolson]

I think that these designs are great. I do think the test should be @alh0319's verbatim text - the additional sentence is already noted, but also the removal of the word 'conformance'. I assume that was also just an accidental change, but wanted to note it regardless.

[alh0319]

@ndiego @ryelle would one of you be able to build this and launch it?