0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-26 23:54:23 +01:00

Fix a11y of 'Try it' buttons

This commit is contained in:
Julien Déramond 2022-11-17 07:25:36 +01:00
parent 318bbcbd21
commit 10317a73be
No known key found for this signature in database
GPG Key ID: DCD226672FC08F31

View File

@ -36,7 +36,7 @@ aliases: "/examples/"
<h3 class="h5 mb-1">{{ $example.name }}</h3> <h3 class="h5 mb-1">{{ $example.name }}</h3>
</a> </a>
<button type="button" class="btn-edit text-nowrap float-end" title="Try it on StackBlitz" style="margin-top: -30px" data-sb-js-snippet="{{ $example.name | urlize }}"> <button type="button" class="btn-edit text-nowrap float-end" title="Try it on StackBlitz" style="margin-top: -30px" data-sb-js-snippet="{{ $example.name | urlize }}">
<svg class="bi" role="img" aria-label="Try it"><use xlink:href="#lightning-charge-fill"/></svg> <svg class="bi" aria-hidden="true"><use xlink:href="#lightning-charge-fill"/></svg>
</button> </button>
<p class="text-muted">{{ $example.description }}</p> <p class="text-muted">{{ $example.description }}</p>
</div> </div>