-
AuthorPosts
-
February 1, 2017 at 12:40 am #740938
Do you have any recommendations / suggestions as to how I can make an Enfold Website ADA compliant. I know about alt text and description stuff, but how to I make say contact form ADA compliant. Where do I edit the codes??? I have never done this before and it is throwing me for a loop. Also Woo Ecommerce pages…have issues.
When form controls are text input fields use the LABEL element
When text is not available use the title attribute
Include any special instructions within field labels
Make sure that form fields are in a logical tab order
Include a ‘Skip Navigation’ button to help those using text readersProvide a means of skipping past repetitive navigation links.
What:
Navigation links are the lists or “menus” of links to all the sections of a site that are often repeated on every page.
Why:
Because navigation links are typically placed at the beginning (top left) of pages, screen reader users must read through all the navigation links before reaching the main area of the page. Individuals who use a keyboard instead of a mouse similarly must tab through all the navigation links before reaching the main area of the page. Providing a means of skipping these links can significantly improve efficiency and usability for screen reader and keyboard users.
How:Provide a link at the beginning of navigation lists that points to a target at the beginning of the main content area of the page. This link must be visible to screen reader and keyboard users, but can be hidden from other users, e.g.:
<style type=”text/css”>
a.skipnavigation { position: absolute; left: -10000px; }
a.skipnavigation:focus, a.skipnavigation:active { position: static; left: 0; }
</style>
Skip to Content
Where would I put this kind of code?
February 6, 2017 at 6:07 am #743146Hey elames,
You can find the avia layout builder’s modules/elements inside the theme file then go to config-templatebuilder > avia shortcodes (folder) for example the contact form can be found there (it’s the contact.php file). To skip the navigation links you would need to edit header.php. Since you will probably need to change a lot on the theme I would suggest using a child theme, see it here: http://kriesi.at/documentation/enfold/using-a-child-theme/
Best regards,
Nikko -
AuthorPosts
- You must be logged in to reply to this topic.