gomakethings.com/a-web-component-for-transforming-headings-into-an-accordion

Preview meta tags from the gomakethings.com website.

Linked Hostnames

6

Thumbnail

Search Engine Appearance

Google

https://gomakethings.com/a-web-component-for-transforming-headings-into-an-accordion

A Web Component for transforming headings into an accordion

Yesterday, I shared how you can use the <details> and <summary> elements to create an accordion component (or a collection of disclosure components). Over on my YouTube channel this week, I built an HTML Web Component that converts a collection of headings and content into an accordion. This one uses the pattern documented in the ARIA Authoring Practices Guide (APG), and adds the required roles, attributes, and listeners. You can download the source code on GitHub.



Bing

A Web Component for transforming headings into an accordion

https://gomakethings.com/a-web-component-for-transforming-headings-into-an-accordion

Yesterday, I shared how you can use the <details> and <summary> elements to create an accordion component (or a collection of disclosure components). Over on my YouTube channel this week, I built an HTML Web Component that converts a collection of headings and content into an accordion. This one uses the pattern documented in the ARIA Authoring Practices Guide (APG), and adds the required roles, attributes, and listeners. You can download the source code on GitHub.



DuckDuckGo

https://gomakethings.com/a-web-component-for-transforming-headings-into-an-accordion

A Web Component for transforming headings into an accordion

Yesterday, I shared how you can use the <details> and <summary> elements to create an accordion component (or a collection of disclosure components). Over on my YouTube channel this week, I built an HTML Web Component that converts a collection of headings and content into an accordion. This one uses the pattern documented in the ARIA Authoring Practices Guide (APG), and adds the required roles, attributes, and listeners. You can download the source code on GitHub.

  • General Meta Tags

    6
    • title
      A Web Component for transforming headings into an accordion | Go Make Things
    • charset
      utf-8
    • X-UA-Compatible
      IE=edge,chrome=1
    • description
      Yesterday, I shared how you can use the <details> and <summary> elements to create an accordion component (or a collection of disclosure components). Over on my YouTube channel this week, I built an HTML Web Component that converts a collection of headings and content into an accordion. This one uses the pattern documented in the ARIA Authoring Practices Guide (APG), and adds the required roles, attributes, and listeners. You can download the source code on GitHub.
    • viewport
      width=device-width, initial-scale=1

  • Open Graph Meta Tags

    6
    • og:title
      A Web Component for transforming headings into an accordion
    • og:description
      Yesterday, I shared how you can use the <details> and <summary> elements to create an accordion component (or a collection of disclosure components). Over on my YouTube channel this week, I built an HTML Web Component that converts a collection of headings and content into an accordion. This one uses the pattern documented in the ARIA Authoring Practices Guide (APG), and adds the required roles, attributes, and listeners. You can download the source code on GitHub.
    • og:url
      https://gomakethings.com/a-web-component-for-transforming-headings-into-an-accordion/
    • og:type
      website
    • og:image
      https://gomakethings.com/img/og.png

  • Link Tags

    4
    • alternate
      https://gomakethings.com/feed/index.xml
    • feed
      https://gomakethings.com/feed/index.xml
    • icon
      https://gomakethings.com/img/favicon.ico
    • shortcut icon
      https://gomakethings.com/img/favicon.ico

Emails

1

Links

17