带有标题和副标题的语义导航链接

我正在尝试使用我能管理的语义最正确的HTML编写一个网站,我的客户想要一个导航栏,其中每个链接在可点击区域内都有一个标题和描述/字幕。实现这一目标的最佳方式是什么?

<nav role="navigation">
    <a href="dashboard.html">
        <!-- There's an icon here but don't worry about that -->
        <h4>My Dashboard</h4>
        <p>Get an overview of your cases.</p>
    </a>
    <a href="new.html">
        <h4>Submit Case</h4>
        <p>Get help from the Service Center.</p>
    </a>
</nav>

我遵循的可访问性准则规定,标题标记应按降序使用(如, <h3> <h2> 标签等)。答案 this question 似乎表明无论如何在导航中使用标题都不是一个好主意。

我可以用 <p> 标题和描述的标签,但我更希望屏幕阅读器能够知道标题更重要。

我倾向于使用描述列表,但我找不到这样使用它们的示例。