В документах MDN говорится, что вы должны использовать aria-label
следующим образом:
<button aria-label="Close" onclick="myDialog.close()">X</button>
У меня нет доступа к экранирующему устройству, но я видел комментарии к Stack Overflow, предполагающие, что aria-label
не заменяет внутренний контент, а только префикс. Таким образом, в приведенном выше случае он зачитал бы "Close X", что, очевидно, не идеально.
Это правда? Если да, то какое решение? Я предполагаю, что было бы целесообразно обернуть внутреннее содержимое элементом [aria-hidden=true]
, например:
<button aria-label="Close" onclick="myDialog.close()"><span aria-hidden="true">X</span></button>
... но я осторожен, потому что не могу проверить его на реальном экране.