CircleType.js not adding text to "aria-label"

[matthewmeaklim]

Been tryna follow the docs here, https://circletype.labwire.ca/, on how to set this up and think I've followed everything correctly, however, the expected result isn't what I get.

In the examples on the page referenced above, the text inside the target element gets pulled into the "aria-label" attribute, whereas for me it's always blank.

Here's my code:

Reviews Reviews Reviews

.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();

The circletype.min.js file is pulling in ahead of the above JS, and I'm not getting any errors in the console - and as far as I can tell it is at least trying to work as it does remove my text from #circular-text, just never adds it to the aria-label for whatever reason.

You can inspect the code here, https://matthewmeaklim.com - it's inside the image within the reviews section just above the footer.

I guess I'm doing something daft but can't for the life of me see what it is.

Many thanks in advance.

P.S. Looks to be a great plugin from the examples!

[shyko]

@matthewmeaklim I have the same issue. Did you find any solution?

[matthewmeaklim]

No mate, I just found another solution - it’s not as perfect as what I’d hoped to achieve with CircleType, but it’ll do alright.😅 Thanks, Matthew Meaklim Creative Developer https://matthewmeaklim.com ***@***.*** 07713591911 Google   .   Facebook   .   LinkedIn   .   Instagram - Fancy a chat? Click here.

…

On 17 Mar 2022, 13:46 +0000, Nick Shyshkin ***@***.***>, wrote: @matthewmeaklim I have the same issue. Did you find any solution? — Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android. You are receiving this because you were mentioned.Message ID: ***@***.***>