Skip to content

Discrepancies between Boosted and Bootstrap

Julien Déramond edited this page Aug 27, 2021 · 1 revision

Here is a non-exhaustive list of discrepancies exist between Boosted and Boostrap.

Hidden text instead of an aria-label

In Bootstrap, we have for example <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>.

In Boosted, we rather have <button type="button" class="btn-close" data-bs-dismiss="modal"><span class="visually-hidden">Close</span></button>.

We prefer to have an hidden text in CSS rather than an aria-label because we can get the visible label when the CSS is deactivated.