Собственно, role - это атрибут, который добавляет семантики элементу. Что это - можно почитать
тут.
Браузеры, которые эту семантику уже распознают, будут лучше воспринимать вашу верстку, оценивая какой блок за что отвечает (dialog,button,header,footer), а следовательно лучше ее парсить.
Получается, что в вашем случае браузер поймет, что этот кусок html, которые не отображается на странице, это диалог, а, например, не скрытый кусок для продвижения в поисковике (такое раньше было).
Со вторым атрибутом можно ознакомиться
здесь.
