fix(island): ♿ add accessible titles to buttons
This commit is contained in:
parent
7322070876
commit
8a3b2bfa29
|
@ -17,6 +17,7 @@ export default function MoreBox({ children }: { children: VNode | VNode[] }) {
|
||||||
<button
|
<button
|
||||||
class='islands__more_box__button'
|
class='islands__more_box__button'
|
||||||
onClick={() => dialog.current?.showModal()}
|
onClick={() => dialog.current?.showModal()}
|
||||||
|
title={"Afficher plus d'options"}
|
||||||
>
|
>
|
||||||
<i class='ri-more-2-line'></i>
|
<i class='ri-more-2-line'></i>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -16,12 +16,19 @@ export default function SearchBox() {
|
||||||
<button
|
<button
|
||||||
class='islands__search_box__button'
|
class='islands__search_box__button'
|
||||||
onClick={() => dialog.current?.showModal()}
|
onClick={() => dialog.current?.showModal()}
|
||||||
|
title={'Ouvrir la recherche'}
|
||||||
>
|
>
|
||||||
<i class='ri-search-line'></i>
|
<i class='ri-search-line'></i>
|
||||||
<span> Rechercher</span>
|
<span> Rechercher</span>
|
||||||
</button>
|
</button>
|
||||||
<dialog ref={dialog} class='islands__search_box__dialog'>
|
<dialog ref={dialog} class='islands__search_box__dialog'>
|
||||||
<input type='search' name='' id='' placeholder='Rechercher' autoFocus />
|
<input
|
||||||
|
type='search'
|
||||||
|
name=''
|
||||||
|
id=''
|
||||||
|
placeholder='Rechercher'
|
||||||
|
autoFocus
|
||||||
|
/>
|
||||||
<div class='islands__search_box__dialog__content'>
|
<div class='islands__search_box__dialog__content'>
|
||||||
<h3>Machines</h3>
|
<h3>Machines</h3>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
Loading…
Reference in a new issue