Accessible text in buttons

View and download documents on various topics e.g. Configuring Ebase Xi under different environmental setups

Moderators: Jon, Steve, Ian, Dave

neilnewman
Ebase User
Posts: 201
Joined: Fri Dec 20, 2013 1:29 pm
Location: Dartford Borough Council
Contact:

Accessible text in buttons

#1

Postby neilnewman » Thu Oct 22, 2020 8:15 am

We have upgraded to the latest version of the software to try and make our forms as accessible as possible, whilst we have some work to do with the stylesheets could you tell me if there is a way to change the behaviour of Buttons".

Currently if you mouse over the button it will change colour, this is no use to a colour blind user.

I have made some changes to our stylesheets so that now if you mouse over one of the buttons which we have created it removes the underline from the wording(hyperlink) much like we do on our website links.
I did this in the css using the "a", ".button" and "a:hover" values

How/where can I make a similar change to the css that would be reflected in system buttons "Next/Back" and just general buttons
0 x

neilnewman
Ebase User
Posts: 201
Joined: Fri Dec 20, 2013 1:29 pm
Location: Dartford Borough Council
Contact:

Re: Accessible text in buttons

#2

Postby neilnewman » Fri Oct 23, 2020 8:25 am

I have had a play around with the css and got it to work, thanks anyway
0 x

Steve
Moderator
Moderator
Posts: 414
Joined: Fri Sep 07, 2007 3:44 pm
Location: Sandy, UK
Contact:

Re: Accessible text in buttons

#3

Postby Steve » Fri Oct 23, 2020 8:57 am

Hi Neil,

I am assuming you mean Page Navigation Panel. There is styling for each of the navigation buttons or you can use the HTML element properties and add a class to each of the buttons and add the style to the stylesheet.

You can do the same of buttons.

Looking at your follow up post, it look like you have used a similar approach.

Kind regards

Steve
0 x


Who is online

Users browsing this forum: No registered users and 8 guests