BS5: Remove the times span from modal

Wappler General Bugs
1

Can you please confirm that the following will not be generated in the markup for the close button in modal?

<span aria-hidden="true">&times;</span>

2

it just needs to be:
<span class="visually-hidden" aria-hidden="true">&times;</span>

3

Per Bootstrap’s doc, it is not necessary.

      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
4

Per the migration doc:

Close buttons now use a background-image (embedded SVG) instead of a &times; in the HTML, allowing for easier customization without the need to touch your markup.

5

yes but that doesn’t makes it visible on blind reader devices - hence the aria and hidden attribute

6

From Bootstrap:

Be sure to include text for screen readers , as we’ve done with aria-label .

aria-label="Close"

1 Like
10

Fixed in Wappler 3.7.1