Самый простой способ сделать это, возможно, иметь ряд флажков, каждый из которых имеет уникальный идентификатор, в сочетании с меткой:
<input id="chk01" type="checkbox"/><label for="chk01">File1.txt</label>
Используя эту технику, ввод выполняет работу по выявлению выбранного вами объекта, в то время как метка заботится о том, чтобы связать его с именем: когда фокус переходит к флажку, программа чтения с экрана автоматически считывает ассоциированную метку. текст. Это все обычный HTML, ничего особенного не требуется. Вы можете, конечно, добавить к этому выделение цветом - если вы синхронизируете его с состоянием флажка.
Может быть возможно сделать что-то похожее с тегами A; вы можете использовать WAI-ARIA свойства, чтобы установить role = "listitem" и aria-selected = "true" / "false" в зависимости от ситуации для элементов, с role = "list" в родительском контейнере. Затем программа чтения с экрана будет читать их как элементы списка, а не как ссылки. Однако этот метод более сложен, и его действительно нужно протестировать с помощью программы чтения с экрана (например, JAWS или свободно доступной NVDA), чтобы убедиться, что она работает.