He intentado seguir los documentos aquí, https://circletype.labwire.ca/ , sobre cómo configurar esto y creo que he seguido todo correctamente, sin embargo, el resultado esperado no es el que obtengo.

En los ejemplos de la página a la que se hace referencia anteriormente, el texto dentro del elemento de destino se coloca en el atributo "aria-label", mientras que para mí siempre está en blanco.

Aquí está mi código:

 <div id="circular-text_wrapper" class="absolute circular-text_wrapper"> <span id="circular-text" class="circular-text">Reviews Reviews Reviews</span> </div> .circular-text_wrapper { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; .circular-text { color: transparent; -webkit-text-stroke: 1px $navy; font-family: $sedgwickAveDisplay; font-size: 24px; font-weight: 400; font-style: normal; line-height: 24px; text-transform: uppercase; } } const circleType = new CircleType( document.getElementById('circular-text') ).radius();

El archivo circletype.min.js se está adelantando al JS anterior, y no recibo ningún error en la consola, y por lo que puedo decir, al menos está tratando de funcionar, ya que elimina mi texto de # texto circular, simplemente nunca lo agrega a la etiqueta aria por el motivo que sea.

Puede inspeccionar el código aquí, https://matthewmeaklim.com ; está dentro de la imagen dentro de la sección de reseñas, justo arriba del pie de página.

Gracias,

mateo