Usercentrics Scenario

Custom Gutenberg Block Development

This block was created following the specifications of the Usercentrics company challenge for the Senior WordPress Developer position. The plugin code can be found here.

Frequently Asked Questions

  • Is this block accessible?

    Yes, this block is accessible. The attributes and relationships are correctly set up:

    • The <section> element uses aria-labelledby to reference the <h2> that provides the section title.

    • The <summary> element includes an aria-controls attribute pointing to the ID of the content <div>, and that content uses aria-labelledby to reference the summary, establishing a clear relationship.

    • The aria-expanded attribute on the <summary> correctly indicates its state

  • This block uses schema.org microdata to enhance SEO by clearly defining the FAQ structure:

    • The <section> is marked as an FAQPage.

    • Each FAQ item is defined as a Question with the question in an <h3> (itemprop=”name”) and the answer wrapped as an Answer with the text marked by itemprop=”text”.

    This helps search engines understand and potentially feature the FAQs in search results.

Thanks for checking!