我有一个表格，可以在提交后进行审查和打印。因为它必须在打印时看起来很好，所以我不想简单地显示具有禁用字段的相同表单，而是希望显示一个"只读"版本，该版本的格式看起来像表单的。有很多方法可以做到这一点，但我希望遵守康复法案第508条。
我用我能想象到的三种不同的方式创建了一个示例，其中一些CSS在视觉上看起来都是一样的，但我不确定哪些符合Section 508所期望的标准。
你能帮忙吗?
<div class="formreview">
<dl>
<dt>Username</dt>
<dd>user123</dd>
</dl>
<dl>
<dt>Email</dt>
<dd>user@email.com</dd>
</dl>
</div>
<div class="formreview">
<h4 id="username">Username</h4>
<p aria-labelledby="username">user123</p>
<h4 id="email">Email</h4>
<p aria-labelledby="email">user@email.com</p>
</div>
<div class="formreview">
<p>
<span id="username" class="ff">Username</span><span class="fv" aria-labelledby="username">user123</span></p>
<p>
<span id="email" class="ff">Email</span><span class="fv" aria-labelledby="email">user@email.com</span>
</p>
</div>
描述列表<dl>元素是标记名称/值组(如表单字段名称和值)的最具语义性的方式:
名称-值组可以是术语和定义、元数据主题和值、问题和答案，或任何其他名称-值数据组。
但请注意，你不应该有一个单独的列表为每个表单字段;它们应该都在同一个列表中:
<article>
<h2>Your Form Responses</h2>
<dl>
<dt>Username</dt>
<dd>user123</dd>
<dt>Email</dt>
<dd>user@example.com</dd>
</dl>
</article>
如果出于样式或其他原因需要将每个名称/值对包装在<div>中，也允许这样做。
<article>
<h2>Your Form Responses</h2>
<dl>
<div>
<dt>Username</dt>
<dd>user123</dd>
</div>
<div>
<dt>Email</dt>
<dd>user@example.com</dd>
</div>
</dl>
</article>