Accessibility in your theme / template - How to

Hi
I open this thread to discuss about the accessibility and how to implement it into Template Creator CK for your theme and template

Anyone who has some skills in accessibility is welcome here so that we can work together to make it happen.
Thanks
CEd

TODO LIST :

• Fix focus color not working on menu items
• Add specific text (link options), background color, and border options for focus state (by default takes already the hover styles)

OK, Ced: opening this discussion is a good idea.

Tab cycling
My last notice ( here ) makes really a bit confused. I apologize.
So, you said

Actually I have added the same style for all elements (titles, menu, readmore, etc) for the :hover and :focus
this way it is clear that you are on the element.

and my expectation was the Tab cycling to show the focus color or the active if the focus is not defined.
But no color is showed at all but the normal one.
The point is: can I assign a specific focus color to menu items?

Access key in menu items
I installed the new versions of Maximenu CK and Params and tested the new feature. It works fine.
Great! Thank you.

The point is: can I assign a specific focus color to menu items?

actually the menu items is a problem because I have found that the :focus does not work on <li> tag
I have to work on that, but for all other links, it shall work

What I plan is to release the Template Creator CK V4 soon, once done I will be able to work on the accessibility and add it in the next minor versions.
We can continue to work on this here, I will note the specific points to do

very cool !
think accessibility recommend to display a light border in visited link
www.filamentgroup.com/examples/a11y-links/
www.filamentgroup.com/lab/a11y-links.html
webaim.org/resources/contrastchecker/

ok so I must also add a border style option for the :focus state ?
this will add many options ... I need to find a nice solution to do that

ced1870 wrote: ok so I must also add a border style option for the :focus state ?
this will add many options ... I need to find a nice solution to do that

I fear micker is right and you have a great job to do.
Currently, there are only two states involved in links settings: Normal and Hover. You should add at least Focus. I wonder if the Active state had sense for the links...
For each, it should be possible to set not only the Bold, Italic, Underline, Uppercase and Text color attributes, but also the Background color and the Border (type, thikness and color). And maybe the padding as well...