ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

fix: Avoid using aria-hidden on a focused element

Open edbond88 opened this issue 1 year ago • 0 comments
trafficstars

Problem

When I open a Modal I have error in browser's console:

[!CAUTION] Blocked aria-hidden on a div element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden. <div tabindex=​"0" aria-hidden=​"true" style=​"width:​ 0px;​ height:​ 0px;​ overflow:​ hidden;​ outline:​ none;​">​</div>​

image

Solution

I removed aria-hidden attribute like in https://github.com/react-component/dialog/pull/449

Related issues

https://github.com/vueComponent/ant-design-vue/issues/7769 https://github.com/vueComponent/ant-design-vue/issues/7783

edbond88 avatar Sep 04 '24 15:09 edbond88