Html aria hidden属性似乎是自动触发的

我有一些背景色的div，我想在它上面添加字体很棒的图标。图标没有显示，当我检查元素时，aria hidden=“true”会自动添加到html标记中。。。我该如何处理这个问题

<div class="">
  <div class="service-1">
    <i class="fas fa-coffee"></i>
  </div>
  <p class="mt-2 ml-4">
     Lorem Ipsum
  </p>
</div>

---

“如果您的图标纯粹是装饰性的，那么您已经完成了！-我们的自动可访问性自动将aria hidden=true和role=“img”添加到您的内联SVG属性中，以便您的图标可以正确访问。“aria hidden”意味着对屏幕阅读器和类似工具隐藏。未隐藏在浏览器中。但如何使其可见？

<i class='fas fa-coffee' aria-hidden='true'></i>

.service-1{
    width: 138px;
    height: 138px;
    background: #EDE10D 0% 0% no-repeat padding-box;
    border-radius: 50%;
}
.service-1 > i{
    color: #fff;
    height: 130px;
    width: 130px;
}