从 Ionic 4 上的 <ion-footer> 中删除（或替换） role="contentinfo"答案

【问题标题】：Remove (or replace) role="contentinfo" from <ion-footer> on Ionic 4从 Ionic 4 上的 <ion-footer> 中删除（或替换） role="contentinfo"
【发布时间】：2020-03-25 05:32:41
【问题描述】：

我在 Ionic4 上使用 <ion-footer> 标签将内容放在页面底部：https://ionicframework.com/docs/api/footer

Ionic 自动在<ion-footer> 标签上添加role="contentinfo" 属性。

contentinfo 地标角色用于识别信息在网站每个页面的末尾重复，包括版权信息、导航链接和隐私声明 (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Contentinfo_role)

就我而言，我没有使用<ion-footer> 来显示重复的信息，因此为了更易于访问，我想删除此属性，或者将其替换为role="presentation"。

是否可以在<ion-footer>标签上更改该属性的值？

感谢您的帮助。

【问题讨论】：

如果您没有在每个页面上使用ion-footer 作为页脚，那么您使用了错误的组件。我不会尝试更改它，而是制作自己的组件（因为 ion-footer 将自己暴露为 <footer> 元素）
我在每一页上都使用了，但只有一小部分显示信息重复。我想要 [content]
[content]
。但是，我会制作自己的组件。感谢您的帮助。

标签： ionic-framework accessibility ionic4 wai-aria

【解决方案1】：

<ion-footer> 是位于底部的根组件页面。

这直接来自文档。

<ion-footer> 在 HTML 中将自己暴露为 <footer> 元素，因此除文章或文档页脚之外的任何其他用例在语义上都是不正确的，仅换出 role 将无济于事。

您应该创建一个自定义组件，或者如果您有其他用例，请找到一个替代组件。

你显然可以给组件一个自定义的类和你想要的样式，但要确保组件在语义上是正确的。

【讨论】：

我在每一页上都使用了，但只有一小部分显示信息重复。我想要 [content]
[content]
。但是，我会制作自己的组件（这是更好的方法）。
我认为该组件在您的用例下仍然存在。通常页脚是相同的，但是如果您根据页面将不同的链接等作为页脚的一部分公开，我认为这没有问题。我发现这个堆栈溢出问题可能会提供一些指导，大部分答案都很好stackoverflow.com/questions/11191746/…