Проблема доступности с тепловой картой

Question

Я получаю доступную проблему с тепловой картой

Я использую тепловую карту из https://nivo.rocks/heatmap/.

<HeatMap
          axisBottom={{
            orient: 'bottom',
            tickSize: 5,
            tickPadding: 5,
            legend: '',
            legendOffset: 36,
          }}
          axisTop={null}
          axisLeft={{
           orient: 'left',
           tickSize: 5,
           tickPadding: 5,
           tickRotation: 0,
           legend: '',
           legendPosition: 'middle',
          }}
          cellBorderWidth={0}
          colors={colors}
          data={data}
          enableLabels={false}
          height={height}
          hoverTarget="cell"
          indexBy={indexBy}
          isInteractive={false}
          keys={keys}
          margin={{ top: 0, right: 80, bottom: 25, left: 30 }}
          title={title}
          width={width}
        />

Я вижу " Обеспечивает контраст между цветом переднего плана и фоном соответствует пороговым значениям контрастности WCAG 2 AA"проблема доступности.

Когда я проверяю axisBottom, проблема

" Содержание элемента слишком короткое, чтобы определить, является ли это фактическим текстовым содержимым "

И axisLeft

Не удалось определить цвет фона элемента, поскольку элемент содержит узел изображения

Не удалось найти способ ее решить.