cohabit/website
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(island): ♿ add accessible titles to buttons

Browse source
This commit is contained in:
Julien Oculi 2024-07-03 14:59:01 +02:00
parent 7322070876
commit 8a3b2bfa29
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
islands/MoreBox.tsx
View file

@ -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>

9
islands/SearchBox.tsx
View file

@ -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>&nbsp;Rechercher</span> <span>&nbsp;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>