Home › Forums › Basel support forum › Accessibility Issues
Accessibility Issues
- This topic has 1 reply, 2 voices, and was last updated 3 years, 9 months ago by Artem Temos.
-
AuthorPosts
-
January 26, 2021 at 11:56 pm #261670
Leonidas_KParticipantHi, Support Team
We have a website created with Basel. Due to a new program, sites must also be friendly to people with accessibility issues.
In order a site to be ok according to the program, must pass a test from a web accessibility service: https://achecker.ca/checker/index.phpThere you add you site and you see some results.. for example pls see image: https://prnt.sc/xoe3lm
Some of the errors are simple, for example to add alt text in images but some other are not so simple. For example:
1. “Add a label element that surrounds the control’s label. Set the for attribute on the label element to the same value as the id attribute of the control. And/or add a title attribute to the input element. And/or create a label element that contains the input element.”
<input type=”text” class=”search-field” placeholder=”Product Search” value=”” So here i must add a label to search icon. How can i do that? Which file is for search?
2.Repair: Add text to the input element’s associated label that describes the purpose or function of the control.
Error Line 749, Column 6:
<input class=”woocommerce-form__input woocommerce-form__input-checkbox” name=”rememberme” type=”chec …(searchform) – What is the php file? How i resolve that?3. Repair: Replace your i elements with em or strong.
Error Line 749, Column 51:
<i class=”fa fa-volume-control-phone “></i>(searchform)
here i must change all icons from <i… to , How can i do that? Where is the file for font icons in order to change in php the <i> toPls if yu run the test in achecker site with our domain https://ourcreations.gr/ you can see the errors clearly.
Pls its very important to resolve those issues. Are simple fixes. Pls i would really appreciate it if you could help me or tell me what files to edit
Many Thanks
January 28, 2021 at 7:07 am #261984
Artem TemosKeymasterHello,
1. You can find the search form and customize it in the file
basel/inc/template-tags.php
. PHP function is calledbasel_header_block_search_extended()
.2. This input belongs to the WooCommmerce plugin and you need to customize pugin’s files to do this.
3. The
<i>
tag is used by Font Awesome library and it is not used to make italic font style. It is not actually a problem and it is not possible to customize the Font Awesome library completely.Kind Regards
-
AuthorPosts
Tagged: accessibility
- You must be logged in to create new topics. Login / Register