JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://jsxgraph.org/beta/jsxgraphcore.js"></script>
<link rel="stylesheet" href="https://jsxgraph.org/beta/jsxgraph.css">
<h1>
Test attribute ARIA
</h1>
<div id="jxgbox" class="jxgbox" style="width:500px; height:500px">
</div>

JavaScript

const board = JXG.JSXGraph.initBoard("jxgbox", {
    boundingbox: [-5, 5, 5, -5],
    axis: false,
    showCopyright: true,
    showInfobox: false,
    title: 'ARIA test',
    description: 'This is a test for ARIA related attributes'
});

var p = board.create('point', [2, 3], {
    name: 'B',
    size: (self) => Math.abs(self.X()) * 5,
    aria: {
        enabled: true,
        label: (self) => `${self.name} is at ${self.X().toFixed(1)} ${self.Y().toFixed(1)}`,
        live: 'polite'
    }
});

var q = board.create('point', [-1, -2], {
    name: 'Q',
    aria: {
        enabled: true,
        label: (self) => `${self.name} is at ${self.X().toFixed(1)} ${self.Y().toFixed(1)}`,
        live: 'assertive',
        level: 8
    }
});