rehype-accessible-emojis

rehype-accessible-emojis

As I couldn't get gatsby-remark-a11y-emoji working with gatsby-plugin-mdx I made this rehype version to make emojis accessible by wrapping them in a <span role="image"> with aria-label set to the emojis description based on gemoji.

So

😅

turns into

<span role="img" aria-label="smiling face with open mouth &amp; cold sweat"
  >😅</span
>

Install

yarn add -D rehype-accessible-emojis
# or
npm i -D rehype-accessible-emojis

Usage

// gatsby-config.js
{
  resolve: `gatsby-plugin-mdx`,
  options: {
    rehypePlugins: [require(`rehype-accessible-emojis`)],
  },
}