Splunk Cloud Platform

How to add aria-label for input type (dropdown)

knanaiah001
Explorer

After doing testing using Site improve(accessibility checker ) I am facing this issue and also Splunk is not allowing aria-label in the label field also we are using" Splunk cloud" instance 
Below suggestion I get from site improve :
" Text areas should always have a description that is explicitly associated with the area to make sure that users of assistive technologies will also know what the area is for.

If the text area has a visible description indicating the purpose of the area, this description should be explicitly associated to the text area either as a HTML label or using the WAI-ARIA attribute aria-labelled by.

If it is not possible to add a visible description, either add a mouseover text ('title' attribute) to the text area or create an invisible label using the WAI-ARIA attribute 'aria-label'.  "



below way i have tried, but i get warning -Unknown attribute "for" for node "label"

<input type="dropdown" token="id" id="search">
<label for="search">Search with ID</label>
and also this way ,warning -Unknown attribute "aria-label" for node "input"
<input type="dropdown" token="id" aria-label="search">
I get warnings for both.

Can anyone suggest a fix for this issue ?


Labels (2)
0 Karma

efavreau
Motivator

@knanaiah001There aren't a lot of options to do that in simplexml, which is doing the coding for you. You'll want to go to HTML if this is very important to you. https://dev.splunk.com/enterprise/docs/developapps/visualizedata/convertsimplexml/  

I have the following, I used for an image I have in a dashboard with simple xml, using a span tag:

<panel>
<title>Test Panel - Image</title>
<html>
<div class="foo"/>
<span role="img" aria-label="foo"/>
<!-- this span is as close as we can get to alt text for accessibility -->
</html>
</panel>

 I can't cite my source, because I don't remember.

HTH! Good Luck!

###

If this reply helps you, an upvote would be appreciated.
0 Karma

knanaiah001
Explorer

Hi @efavreau ,
Thank you for the response!
 I tried using  <span role="checkbox" aria-label="foo"/>
But no luck : (
any other way to achieve this?

0 Karma

efavreau
Motivator

@knanaiah001 Not that I'm aware of. If it's critical, convert it. Or maybe get professional services involved.

###

If this reply helps you, an upvote would be appreciated.

knanaiah001
Explorer

Thank you @efavreau for the response !

0 Karma

knanaiah001
Explorer

Can someone suggest on this?

0 Karma
Get Updates on the Splunk Community!

Dashboards: Hiding charts while search is being executed and other uses for tokens

There are a couple of features of SimpleXML / Classic dashboards that can be used to enhance the user ...

Splunk Observability Cloud's AI Assistant in Action Series: Explaining Metrics and ...

This is the fourth post in the Splunk Observability Cloud’s AI Assistant in Action series that digs into how ...

Brains, Bytes, and Boston: Learn from the Best at .conf25

When you think of Boston, you might picture colonial charm, world-class universities, or even the crack of a ...