Re: [tsc-devel] Web site accessibility in text broswer.

Brian Allen Vanderburg II | Wed, 09 Sep 2015 16:11:37 UTC

(Repeat, forgot to use reply to list instead of plain reply)

I've done something similar in the past.  Let me see if I can remember.

* Use <li><a href="..." class="button">...</a></li>
* In CSS make it where class button displays as block
* Use padding to get the desired spacing so the space around the text is
also active
* Use a background for class button
* Maybe use CSS 3  border images
* use button:hover to change the background image

I think something like that could work.



On 09/09/2015 11:29 AM, Lauri Ojansivu wrote:
> Hi,
> this code of li tag placement is because of previous issue when using
> graphical web browser:
> "The whole buttons in the menu should be clickable, not only their
> inner text. From a users perspective it's pretty annoying that the
> hover highlighting already suggests that works but it doesn't. "
> https://github.com/Secretchronicles/main-website/issues/10
>
> So if I change code to one suggested by Brian, then graphical browser
> users have less click area, need to click exactly over inner link
> text.
>
> There are couple possibilities for fixing this:
> 1) Using noscript tag to provide menu for text browsers
> 2) rewrite HTML using Javascript
>
> What do you think?
>
> BR,
> xet7
>
>