¿Cómo proporcionar una descripción accesible a la lista de botones HTML?

Tengo una larga lista de botones que quiero hacer conformes con WCAG. Muchos de los elementos tienen notas finales (marcadas con un asterisco) como se muestra a continuación. ¿Cuál es la forma adecuada de proporcionar la descripción accesible para estas notas finales?

Hasta donde sé, algunos navegadores no están leyendo aria-describedby en elementos no enfocables.

<ul aria-describedby="list_description">
  <li><button>Elemento <em>*</button></li>
  <li><button>Elemento</button></li>
  <li><button>Elemento *</button></li>
  <li><button>Elemento</button></li>
  <li><button>Elemento *</button></li>
  <li><button>Elemento *</button></li>
  <li><button>Elemento *</em></button></li>
  <li><button>Elemento</button></li>
  <li><button>Elemento</button></li>
  <li><button>Elemento <em></button></li>
  <li><button>Elemento *</em></button></li>
</ul>

<p><p id="list_description">
  * - Elemento importante <br>
  ** - Elemento muy importante
</p>

Estaba pensando en la solución descrita aquí: https://stackoverflow.com/questions/49061370/accessibility-and-asterisks-end-notes, pero colocar dentro de no parece correcto.

Otra forma es proporcionar descripciones duplicadas para cada elemento de la lista.

¿Qué sugieres para abordarlo?