Coooool! that's how you do #Accessibility (it's sarcasm of course).
There is a search input box on a site, and a search button of course. for those who doesn't speak French, "Rechercher" means "Search". When you step on this button with JAWS, you hear this:
"RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER •".
And here's the code copied from the dev tools:
```
<button class="pannel py-xxs font-regular mx-auto uppercase flex focus:outline-none mt-xl-alt text-xs leading-xs bg-white hover:bg-red text-red hover:text-white max-w-pannel overflow-hidden"><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span></button>
```
There is a search input box on a site, and a search button of course. for those who doesn't speak French, "Rechercher" means "Search". When you step on this button with JAWS, you hear this:
"RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER • RECHERCHER •".
And here's the code copied from the dev tools:
```
<button class="pannel py-xxs font-regular mx-auto uppercase flex focus:outline-none mt-xl-alt text-xs leading-xs bg-white hover:bg-red text-red hover:text-white max-w-pannel overflow-hidden"><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span><span class="flex-shrink-0 px-0">
Rechercher
<span class="inline-block font-sans-serif mx-1 text-xs">•</span></span></button>
```
Pitermach reshared this.
Joy Tilton
in reply to André Polykanine • • •André Polykanine
in reply to Joy Tilton • • •Joy Tilton
in reply to André Polykanine • • •Kirill
in reply to André Polykanine • • •André Polykanine
in reply to Kirill • • •