Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1
  • 2

TOPIC: Accessibility in your theme / template - How to

Accessibility in your theme / template - How to 23 May 2018 09:46 #48329

  • ced1870
  • ced1870's Avatar Topic Author
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20284
  • Karma: 418
  • Thank you received: 2583
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)

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
Last Edit: by ced1870.

Accessibility in your theme / template - How to 23 May 2018 16:27 #48336

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.

Please Log in or Create an account to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters

Accessibility in your theme / template - How to 24 May 2018 07:32 #48342

  • ced1870
  • ced1870's Avatar Topic Author
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20284
  • Karma: 418
  • Thank you received: 2583

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 :)

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accessibility in your theme / template - How to 24 May 2018 07:39 #48344

  • micker
  • micker's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 473
  • Karma: 1
  • Thank you received: 15
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/

Please Log in or Create an account to join the conversation.

Accessibility in your theme / template - How to 24 May 2018 07:42 #48345

  • ced1870
  • ced1870's Avatar Topic Author
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20284
  • Karma: 418
  • Thank you received: 2583
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

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accessibility in your theme / template - How to 24 May 2018 07:59 #48349

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

Please Log in or Create an account to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters

Accessibility in your theme / template - How to 24 May 2018 08:14 #48350

  • ced1870
  • ced1870's Avatar Topic Author
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20284
  • Karma: 418
  • Thank you received: 2583
thanks to you and micker for your participation

I have added in the 1st post the TODO LIST where I list every point that discussed and approved here

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer

Accessibility in your theme / template - How to 05 Jun 2018 07:45 #48444

  • micker
  • micker's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 473
  • Karma: 1
  • Thank you received: 15
hello i found a good check lilst
accessibility-bookmarklets.org/install.html
for my important to add landmark role
checking tool
fae.disability.illinois.edu/anonymous/?Anonymous%20Report=/
The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

Last Edit: by micker.

Accessibility in your theme / template - How to 18 Jun 2018 07:59 #48670

  • micker
  • micker's Avatar
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 473
  • Karma: 1
  • Thank you received: 15
hello tu as trouvé pour les menu et les focus ?

Please Log in or Create an account to join the conversation.

Accessibility in your theme / template - How to 18 Jun 2018 08:19 #48671

  • ced1870
  • ced1870's Avatar Topic Author
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 20284
  • Karma: 418
  • Thank you received: 2583
non, malheureusement les conditions climatiques et l'inondation subie il y a une semaine ne m'ont pas permis d'avancer

Please Log in or Create an account to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
  • 2
Time to create page: 0.212 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 398 guests and no members online