/    Sign up×
Community /Pin to ProfileBookmark

HTML Accessibility Error – Label text is empty

I’m receiving error on 20 images like this and similar code. Does anyone know the fix or why this is happening. Thank you.

[code]<div class=”gallery_image-wrapper”>
<div class=”gallery_image”><b><u>Penang 8128</u></b>
<figure tabindex=”0″ aria-describedby=”d-materials-0245″>
<div id=”materials-0245″ class=”suarrmaterials-zoomable-image” style=”height:400px; width:400px;”
data-image=”2016/06/DSC_0245-1.jpg”></div></figure><div id=”d-materials-0245″ class=”gallery_image-
description”><span>Penang 8128 | Crypton | 10, multi-colored, upholstery, fabric swatches. Fabric
pattern is vertically striped twill. </span></div>
</div></div>[/code]

to post a comment
HTMLJavaScript

12 Comments(s)

Copy linkTweet thisAlerts:
@JMRKERFeb 13.2021 — What is the error and where is your 'label' tag?

Where are the images located relative to the code location?
Copy linkTweet thisAlerts:
@abdlimranFeb 14.2021 — Can u provide a clear picture of our problems? from your post no one can't understand what you looking for. Please post this clearly.

Thanks
Copy linkTweet thisAlerts:
@VITSUSAFeb 15.2021 — @soupii#1627850 Kindly provide me a snapshot of the error so that we can provide you exact solution to this problem.
Copy linkTweet thisAlerts:
@bwclovisFeb 15.2021 — Issue is around aria-describedby="d-materials-0245".. this should be " aria-labelledby"
Copy linkTweet thisAlerts:
@soupiiauthorFeb 15.2021 — https://ibb.co/7g8T03g this is the error i received on my openseadragon image.
Copy linkTweet thisAlerts:
@soupiiauthorFeb 15.2021 — @bwclovis#1627990 This didnt fix the issue.
Copy linkTweet thisAlerts:
@viakgroupFeb 16.2021 — The file path describes the location of the file in the website folder structure. Example of file path. Path, description. <img src = "picture.jpg">
Copy linkTweet thisAlerts:
@bwclovisFeb 16.2021 — Where are you seeing this error?
Copy linkTweet thisAlerts:
@soupiiauthorFeb 16.2021 — <img src = "https://ibb.co/7g8T03g">

Also this error is when im using the WAVE plugin
Copy linkTweet thisAlerts:
@SempervivumFeb 16.2021 — It would be best if you posted the URL of that page and described the error more clearly: What do you expect to happen? What happens instead? What tool did you take your screenshot from?
Copy linkTweet thisAlerts:
@SempervivumFeb 16.2021 — PS: Your screenshot says: "Empty form label", however I do not spot any label in the code you posted.
Copy linkTweet thisAlerts:
@bwclovisFeb 17.2021 — @Sempervivum yeah looks like you got it. The figure is fine, this is coming from elsewhere(post title didn't match the issue). Take a look at the form on your page, and see how the labels are set. I would still keep it as aria-labelledby for the figure element if your not able to add alt text.
×

Success!

Help @soupii spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.23,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...