Home Forums Basel support forum Accessibility Issues

Accessibility Issues

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #261670

    Leonidas_K
    Participant

    Hi, 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.php

    There 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> to

    Pls 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

    #261984

    Artem Temos
    Keymaster

    Hello,

    1. You can find the search form and customize it in the file basel/inc/template-tags.php. PHP function is called basel_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

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)