Page 1 of 1
"Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 2:07 pm
by Smee
Trying to bring my sites into compliance, but not sure how to fix one problem with my beekeeping site.
The "landing" page is simply a video with an "Enter" link over it. The iframe that contains the video is what is causing my problem. WCAG 2.1 standards require that I have a title inside the <iframe> tag.
Problem is, I cannot edit the iframe to add a title. If I go to the object html I cannot add a title inside the <iframe> tag.
Page located here:
https://www.apiarybeekeepingsupplies.com/index.html
Accessibility checker located here:
https://www.webaccessibility.com/
Can I somehow add a title tag from within the program, or will I need to publish file locally, edit with a text editor, and then upload separately?
Thanks for your help.
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 2:36 pm
by Smee
Unable to add alt tag to menu items leaves entire site with serious deficiencies.
How can I change these so that I can avoid possible legal problems? Assistance needed. There is probably a way to do this without having to defeat the purpose of having a web page building program.
Not a fan of editing every single page with notepad or other text editors then uploading to site, especially since I would have to repeat the edits any time anything changed on any page on my site.
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 2:42 pm
by crispy68
Which menu are you referring to?
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 2:47 pm
by Pablo
You can add the title tag to the inline frame via Object HTML -> Inside tag
However, I am not sure if this is correct. There is no 'title' attribute for iframe.
https://www.w3schools.com/tags/tag_iframe.asp
Also, menu items do not have an 'alt' attribute. This is for images only.
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 2:51 pm
by BaconFries
Looking at the source you are using the nav bar as you can see below it already uses the alt tag on the images for example look at mages/img0026_over.gif and images/img0026.gif the alt it named Home so what is the issue.
Code: Select all
<li id="Header_Navbar2_item0"><a href="./home.html"><img alt="Home" title="Home" src="images/img0026_over.gif" class="hover"><span><img alt="Home" title="Home" src="images/img0026.gif"></span></a></li>
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 3:22 pm
by Smee
Re: "Is your website accessible to people with disabilities?"
Posted: Wed Feb 10, 2021 3:35 pm
by Pablo
Did you try yo add the title to the inline frame? It works for me.
The title of menu items (or alt in case of images) can be set via 'Title' property of the link.
Re: "Is your website accessible to people with disabilities?"
Posted: Mon Feb 15, 2021 1:05 am
by Smee
I don't think anyone here understands what I need to do. The Inline frame needs to have a "title" tag. When I right click and go to "Object HTML" there are 9 lines. No matter what I try to edit, it always ends up on the first line, but the html I need to edit is on line 2.
Here is the object's generated html:
Code: Select all
1 <div id="indexLayer1" style="position:absolute;text-align:center;width:100%;height:99.9167%;">
2 <div id="indexLayer1-video"><iframe src="https://player.vimeo.com/video/137469184?&autopause=0&autoplay=1&badge=0&byline=0&loop=1&muted=1&portrait=0&title=0" frameborder="0" allowfullscreen></iframe></div>
3 <div id="indexLayer1_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
4 <div id="wb_indexMasterObjects1" style="position:absolute;left:273px;top:144px;width:654px;height:88px;z-index:10;">
5 <div id="wb_indexText1" style="position:absolute;left:0px;top:3px;width:654px;height:85px;text-align:center;z-index:9;">
6 <span style="color:#FFA500;font-family:Arial;font-size:32px;"><strong>Welcome To Apiary Beekeeping Supplies!</strong></span><span style="color:#000000;font-family:Arial;font-size:13px;"><br>(http://www.apiarybeekeepingsupplies.com)<br></span><span style="color:#FFA500;font-family:Arial;font-size:27px;"><strong><a href="./home.html">Click HERE To Enter</a></strong></span></div>
7 </div>
8 </div>
9 </div>
HOW DO I EDIT LINE 2?
Re: "Is your website accessible to people with disabilities?"
Posted: Mon Feb 15, 2021 1:21 am
by crispy68
Are you using the InlineFrame object in WB? if so, right click on the object, choose object HTML, click the Inside Tag tab and enter:
If not, can you explain how exactly you are inserting the inline frame? Your first post is not very specific. It helps to describe step by step how you did something.
Re: "Is your website accessible to people with disabilities?"
Posted: Mon Feb 15, 2021 1:31 am
by BaconFries
I believe we do understand....the title tags is applied to the iframe itself and not to entire line 2!!! How did you add the iframe? Did you use the iframe object? if so read crispy's solution if not you will need to add manually! See example Did you read the url provided by Pablo?
Example
<iframe src="
https://player.vimeo.com/video/13746918 ... =0&title=0" frameborder="0"
title="Your title here!!?" allowfullscreen></iframe>