Home Forums Pro Themes Nature Bliss Pro Is the Nature Bliss Pro theme Federal Section 508 compatible?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #182711
    admindanw
    Participant

    I get a lot of theme errors when I run an accessibility checker on my website. I am getting heading errors in particular to the H1 heading, either saying that H1 is not in the main content area. But when I add it, then it complains about I should have only one and it is in the title.

    Other theme errors include not having Skip nav links, missing lang attr part, fieldset without legend, etc.

    Am I missing something obvious?

    #182715
    sanam
    Keymaster

    Hello @ADMINDANW,

    We have contacted the theme author regarding this issue. The issue will get fixed probably on the next update of this theme.

    Regards,
    Themepalace

    #182777
    admindanw
    Participant

    I also see where the error report is saying a theme error where the following occurs:
    image does not have alt-text.
    unlabeled landmarks
    multiple ways failure

    I’m hoping that this theme can eb made fully 508 accessible. Otherwise we will have to find a different theme.

    #183089
    sanam
    Keymaster

    Hello @ADMINDANW,

    Please update the theme to its latest version. These issues have been fixed in version 2.1.1 but since this version update has updated JS and CSS. You will need to clear the cache and refresh the browser for the change to work correctly.

    Regards,
    Sanam

    #183253
    admindanw
    Participant

    I have upgraded but I am still getting accessibility errors related to the theme.Here is what I see.
    empty button tag – An empty button was encountered. If a button contains no text, the function or purpose of the button will not be presented to the user. This can introduce confusion for keyboard and screen reader users. Switch to the Text view to locate and remove the empty tag or add an aria-label or title attribute with descriptive text. If the button includes an image that is missing alternate text, use the edit image option to add alt text to the image. WCAG 2.1 (Level A) – 1.1.1 opens in a new window HELP

    skip nav links – A Skip link was not found, is not the first link on the page or points to a non-existent id attribute. Skip links are required to allow screen reader users to bypass navigation links and go directly to the main content. The skip link target id should be the id for the main landmark on the page and should include the H1 for the page. A skip link should be the first link in a page and are normally hidden from view but should become visible when in focus. Edit theme files to include skip navigation links or add one or more skip links under the Content Filters tab. WCAG 2.1 (Level A) – 2.4.1 opens in a new window HELP

    incorrect heading order – Issues: more than one h1; <h1 class=”page-title”> Help Us Fund a New Trail </h1>h1 not page title; <h1 style=”text-align: left;”>Visitors need a trail to the tidepools. We need your help to make it happen.</h1>more than one h1; <h1 style=”text-align: left;”>Visitors need a trail to the tidepools. We need your help to make it happen.</h1>
    Issues: more than one h1;
    Help Us Fund a New Trail

    h1 not page title;
    Visitors need a trail to the tidepools. We need your help to make it happen.

    more than one h1;
    Visitors need a trail to the tidepools. We need your help to make it happen.

    #183554
    admindanw
    Participant

    Any update or comments on this?

    #183556
    sanam
    Keymaster

    Hello @ADMINDANW,

    We have contacted the theme author regarding these issues so, please wait till the issues get fixed from the author’s side. we will notify you once the update gets done. Meanwhile could you please send us your site URL?

    Regards,
    Themepalace

    #183557
    admindanw
    Participant

    Sure. The site is cnmf.org.

    #183560
    sanam
    Keymaster

    Hello @ADMINDANW,

    1. incorrect heading order – Issues: more than one h1; <h1 class=”page-title”> Help Us Fund a New Trail </h1>h1 not page title; <h1 style=”text-align: left;”>Visitors need a trail to the tidepools. We need your help to make it happen.</h1>more than one h1; <h1 style=”text-align: left;”>Visitors need a trail to the tidepools. We need your help to make it happen.</h1>
    Issues: more than one h1;
    Help Us Fund a New Trail

    = We checked your site and found that you have been using the h1 tag for the title inside the content area as well so, to solve this you can just use a different tag for it. please go through the image below for more details.
    https://tinyurl.com/2bts4fzl
    https://tinyurl.com/2xmemr27

    2. skip nav links – A Skip link was not found, is not the first link on the page, or points to a non-existent id attribute. Skip links are required to allow screen reader users to bypass navigation links and go directly to the main content. The skip link target id should be the id for the main landmark on the page and should include the H1 for the page. A skip link should be the first link on a page and is normally hidden from view but should become visible when in focus. Edit theme files to include skip navigation links or add one or more skip links under the Content Filters tab. WCAG 2.1 (Level A) – 2.4.1 opens in a new window HELP

    = are you referring to these issues on the homepage or? if yes, please provide us with site login credentials via our contact form ” https://themepalace.com/contact-us/ ” so, we can solve it for you.

    3. empty button tag – An empty button was encountered. If a button contains no text, the function or purpose of the button will not be presented to the user. This can introduce confusion for keyboard and screen reader users. Switch to the Text view to locate and remove the empty tag or add an aria-label or title attribute with descriptive text. If the button includes an image that is missing alternate text, use the edit image option to add alt text to the image. WCAG 2.1 (Level A) – 1.1.1 opens in a new window HELP

    = Could you please elaborate more on this issue?

    Regards,
    Themepalce

    #183565
    admindanw
    Participant

    The problem is when I change the heading in the body to h2 then I get an error saying I don’t have an h1 tag.
    Issues: h1 not found in the main content area;
    Issues: h1 not found in the main content area;

    I have provided access for you to our website.

    #183622
    sanam
    Keymaster

    Hi @ADMINDANW,

    please use the below video as a reference.
    https://www.awesomescreenshot.com/video/9779680?key=0d941ff60bc59a7b3b2c3e299133f113
    We checked it and found that there is indeed an h1 tag as you can see on the video below also there are still multiple h1 tags you have been using on the page. please change it to h2 tags.

    Regards,
    Themepalace

    #183630
    admindanw
    Participant

    I know that most of the pages aren’t correct yet. I’m just starting out. If you look at the page “Help Us Fund A New Trail”, you will see the errors that I am referring to. I want to get this page correct first before moving to the others. There is also an Accessibility report for each page as well as on the dashboard which shows the errors. Unfortunately, there is no way for me to paste a snapshot showing you the problem.

    #183632
    sanam
    Keymaster

    Hi @ADMINDANW,

    Issues: h1 not found in the main content area;
    Issues: h1 not found in the main content area;

    So, one way to fix these issues is to edit the theme file. you can please watch the video below on which theme file to edit since we do not have access to your theme. so I request you follow the steps I did in the video.
    video link: https://www.awesomescreenshot.com/video/9797926?key=13bd0110dd9030db634d7ecad6ec1a22

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.